springMVC前后台数据交互

  假设项目需求是在springMVC框架下,后台要传送一个list到前台,那我们就要做以下几个步骤:

1 在web.xml文件中进行springMVC的配置:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
    <display-name></display-name>

    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:mvc.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>

    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
</web-app>

上图中标红的区域就是配置前后台交互的重要配置信息,即servlet的配置。

2 在src的目录下建立一个mvc.xml文件,对应web.xml文件中的<param-value>classpath:mvc.xml</param-value>配置。即渲染器配置,能够让前台命令提交的命令精确传送到后台,后台的数据准确传送到前台。配置如下:

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:p="http://www.springframework.org/schema/p"
    xmlns:context="http://www.springframework.org/schema/context"
    xsi:schemaLocation="
        http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd">

    <!-- 配置视图渲染器 -->
    <bean id="jspViewResolver"
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="viewClass"
            value="org.springframework.web.servlet.view.JstlView" />
        <!-- 将视图名 渲染后视图的前缀 -->
        <property name="prefix" value="/WEB-INF/jsp/" />
        <!-- 渲染后视图的后缀 -->
        <property name="suffix" value=".jsp" />
        <!-- 例:视图名为:hello 渲染后:/WEB-INF/jsp/hello.jsp 该页面 -->
    </bean>
    <context:component-scan base-package="com.test.controller"/>
</beans>

3 最后是controller,功能相当于ssh框架中的action,功能是处理前台传过来的命令。从上边的mvc.xml文件的配置就能看出来,这里我们用的是注解开发,如下:

@Controller
public class ProgramLogController {
    @RequestMapping("/proLog")
    public ModelAndView GetproLog(HttpServletRequest req, HttpServletResponse resp){
        ModelAndView mv = new ModelAndView();
        ApplicationContext context = new ClassPathXmlApplicationContext("applicationContext.xml");
        ProgramLogDao programLogDao = (ProgramLogDao)context.getBean("programLogDao");
        List<ProgramLog> list = programLogDao.selectProgramLog(Constant.REFUSE);
        mv.addObject("msg", list);
        mv.setViewName("index");
        return mv;
    }
}

假设我们传送过来的是list,那么通过上边的代码,打开tomcat服务器,通过在浏览器访问localhost:8080/项目名/proLog.do就可以执行功能了。下面分别附上jsp文件和所引用jar包(jar包多于所需要的)。

jsp文件

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>programLog</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
  </head>

  <body>
    <table width="80%" align="center">
        <tr>
            <td>序号</td>
            <td>单机序号</td>
            <td>机器号</td>
            <td>动作序号</td>
        </tr>
        <c:forEach items="${msg }" var="log">
        <tr>
            <td>${log.id }</td>
            <td>${log.sid }</td>
            <td>${log.machine_id }</td>
            <td>${log.action_id }</td>
        </tr>
        </c:forEach>
    </table>
  </body>
</html>

jar包

aopalliance.jar
asm-3.3.1.jar
aspectjweaver.jar
cglib-2.2.2.jar
commons-logging-1.1.1.jar
javassist-3.17.1-GA.jar
log4j-1.2.17.jar
log4j-api-2.0-rc1.jar
log4j-core-2.0-rc1.jar
mybatis-3.2.7.jar
mybatis-spring-1.2.1.jar
mysql-connector-java-5.1.20-bin.jar
slf4j-api-1.7.5.jar
slf4j-log4j12-1.7.5.jar
spring-aop-4.1.6.RELEASE.jar
spring-aspects-4.1.6.RELEASE.jar
spring-beans-4.1.6.RELEASE.jar
spring-context-4.1.6.RELEASE.jar
spring-context-support-4.1.6.RELEASE.jar
spring-core-4.1.6.RELEASE.jar
spring-expression-4.1.6.RELEASE.jar
spring-jdbc-4.1.6.RELEASE.jar
spring-orm-4.1.6.RELEASE.jar
spring-tx-4.1.6.RELEASE.jar
spring-web-4.1.6.RELEASE.jar
spring-webmvc-4.1.6.RELEASE.jar
时间: 2024-10-13 21:00:01

springMVC前后台数据交互的相关文章

AJAX+REA实现前后台数据交互的加密解密

AJAX+REA实现前后台数据交互的加密解密 1.创建js文件Encryption.js /**  * 加密解密  */ /** RSA加密用 生成key */ function bodyRSA(){ /** 1024位的key参数写130,2014位的key参数写260 */ setMaxDigits(130); /** ajax 调用后台方法,取回公钥 */ var keyR ;     $.ajax({      url: "/GHGL/Key/pk",//请求后台的url,本例

统一前后台数据交互格式

公司前后台数据交互的格式是统一的,前台对jquery的ajax方法进行了一些封装,也就是说开发的时候并不是自己去调用$.ajax方法,而是调用统一的方法去处理. 我感觉还是比较方便的..确实可以少写一些代码(因为通用代码被封装了),而且管理起来比较方便,统一..然后观察了一些网上的其他网站...发现很多网站都是这么做的...于是我也想自己动手来试试....我自己是使用springmvc与fastjson来实现的...下面分享一下我的经验. 网上例子: 首先先来找个网上的例子: 这个页面的地址是h

用PHP和Ajax进行前后台数据交互——以用户登录为例

很多网站中都有用户登录系统,要完成用户的注册和登陆,就一定要用到前后台的数据交互.在这里以简单的用户注册和登陆为例介绍一下前后台交互的大致流程. 首先,我们来做一个简单的登陆界面. 这里为了方便我使用了bootstrap插件 <form class="form-horizontal"> <div class="form-group"> <label>用户名</label> <input type="te

SpringMVC - JSON数据交互

Json(JavaScript Object Notation),它是一种轻量级数据交换格式,格式简单,易于读写,目前使用特别广泛. 两种交互模式 ① 请求json.输出json,要求请求的是json串,所以在前端页面中需要将请求的内容转成json,不太方便.② 请求key/value.输出json.此方法比较常用. @RequestBody 与 @ResponseBody ● @RequestBody:接收用户传入json串转成pojo 用于读取http请求的内容(字符串),通过Springm

在Java中Highcharts前后台数据交互传输

最近在项目中要添加一个Highcharts数据图表显示.看过官方的Ajax交互事例,可惜好像使用的是PHP语言,而且没有显示后台的代码.百度查看了很多前辈们的事例,发现没一样是我所要的效果...最后还是自己试着写写.今天却成功了!我后台用的是SSH框架.在此把此经验分享给大家. Highcharts其实还是满简单的,有点像一个框架一样,因为步骤单一而简单,只要自己在各个步骤中改一改自己想要的效果就出来了,在此我就不介绍这方面的知识了,有兴趣的可以上中文官方查看事例或学习.Highcharts中文

Jquery+PHP实现简单的前后台数据交互实现注册登录,添加留言功能

页面样式应用了BootStrap框架. 首先看登录页(登录页用于账号登录,也可以跳转到注册账号页): <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户登录--杰瑞教育图书管理系统</title> <link rel="stylesheet" type="text/css" href="

发票项目前后台数据交互和前台显示

总体步骤 1,扫描生成的二维码,跳转到>>>>>>>http://"+localIp+":"+request.getLocalPort()+ request.getContextPath()+"/f"+"/user/wUser/login"+"?companyname="+cpn+"&dutyparagraph="+dpg+"&i

asp.net使用easyUI 前后台数据交互

// 1. asp页面使用EasyUI框架需要的Css样式和JS <script src="../script/jquery-easyui-1.4.5/jquery.min.js" type="text/javascript" charset = "utf-8"></script> <script src="../script/jquery-easyui-1.4.5/jquery.easyui.min.js

使用ScriptManager服务器控件前后台数据交互

前台页面信息: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="QianBao.Dictionary.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h