springMVC注解方式+easyUI+MYSQL配置实例

　　刚接触springMVC，使用的注解方式，也在学习阶段，所以把自己学习到的记下来。本文利用springMVC从数据库读取用户信息为例，分享一下。

1.准备相关架包及资源。因为使用springMVC+easyUI+MYSQL的方式构建项目，所以要下载spring的jar包、easyUI资源、mysql包。

2.新建空项目名称为test，将架包导入项目。即把下载来的spring-framework-3.1.1.RELEASE/libs中的对应jar包复制到项目的/WebRoot/WEB-INF/lib目录中。这里只用到如下图中这些包。为了方便后继开发，也可以将下载来的所有jar包都导入项目。

3.在/WebRoot/WEB-INF中添加web.xml配置文件，文件内容如下：

 <?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>Spring3MVC</display-name>

     <servlet>
         <servlet-name>spring</servlet-name>
         <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
         <init-param>
             <param-name>contextConfigLocation</param-name>
             <param-value>classpath:applicationContext.xml</param-value>
         </init-param>
     </servlet>

     <servlet-mapping>
         <servlet-name>spring</servlet-name>
         <url-pattern>*.do</url-pattern>
     </servlet-mapping>

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

其中，classpath:applicationContext.xml指定具体配置文件为applicationContext.xml。

<servlet-mapping>用来配置拦截哪些请求到servlet，这里表示拦截所有.do结尾的请求。

4.在/src中添加applicationContext.xml配置文件，文件内容如下：

 <?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:aop="http://www.springframework.org/schema/aop" xmlns:context="http://www.springframework.org/schema/context"
     xmlns:tx="http://www.springframework.org/schema/tx"
     xmlns:mvc="http://www.springframework.org/schema/mvc"
     xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
         http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-3.0.xsd
         http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.0.xsd
         http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.0.xsd
         http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
     ">
     <!--    加入数据库连接配置文件    -->
     <context:property-placeholder location="classpath:jdbc.properties" />
     <!-- 扫描类包，将标注Spring注解的类自动转化Bean，同时完成Bean的注入 -->
     <context:component-scan base-package="com.mvc" />

     <!--
         配置数据源 destroy-method="close"的作用是当数据库连接不使用的时候,就把该连接重新放到数据池中,方便下次使用调用.
     -->
     <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"
         destroy-method="close">
         <property name="driverClass">
             <value>${jdbc.driverClassName}</value>
         </property>
         <property name="jdbcUrl">
             <value>${jdbc.url}</value>
         </property>
         <property name="user">
             <value>${jdbc.username}</value>
         </property>
         <property name="password">
             <value>${jdbc.password}</value>
         </property>
         <!--连接池中保留的最小连接数。 -->
         <property name="minPoolSize">
             <value>3</value>
         </property>
         <!--连接池中保留的最大连接数。Default: 15 -->
         <property name="maxPoolSize">
             <value>10</value>
         </property>
         <!--初始化时获取的连接数，取值应在minPoolSize与maxPoolSize之间。Default: 3 -->
         <property name="initialPoolSize">
             <value>5</value>
         </property>
         <!--最大空闲时间,60秒内未使用则连接被丢弃。若为0则永不丢弃。Default: 0 -->
         <property name="maxIdleTime">
             <value>60</value>
         </property>
         <!--当连接池中的连接耗尽的时候c3p0一次同时获取的连接数。Default: 3 -->
         <property name="acquireIncrement">
             <value>5</value>
         </property>
         <!--
             JDBC的标准参数，用以控制数据源内加载的PreparedStatements数量。但由于预缓存的statements
             属于单个connection而不是整个连接池。所以设置这个参数需要考虑到多方面的因素。 058
             如果maxStatements与maxStatementsPerConnection均为0，则缓存被关闭。Default: 0
         -->
         <property name="maxStatements">
             <value>0</value>
         </property>
         <!--每60秒检查所有连接池中的空闲连接。Default: 0 -->
         <property name="idleConnectionTestPeriod">
             <value>60</value>
         </property>
         <!--定义在从数据库获取新连接失败后重复尝试的次数。Default: 30 -->
         <property name="acquireRetryAttempts">
             <value>10</value>
         </property>
         <!--
             获取连接失败将会引起所有等待连接池来获取连接的线程抛出异常。但是数据源仍有效
             保留，并在下次调用getConnection()的时候继续尝试获取连接。如果设为true，那么在尝试 071
             获取连接失败后该数据源将申明已断开并永久关闭。Default: false
         -->
         <property name="breakAfterAcquireFailure">
             <value>true</value>
         </property>
         <!--
             因性能消耗大请只在需要的时候使用它。如果设为true那么在每个connection提交的
             时候都将校验其有效性。建议使用idleConnectionTestPeriod或automaticTestTable 076
             等方法来提升连接测试的性能。Default: false
         -->
         <property name="testConnectionOnCheckout">
             <value>false</value>
         </property>
     </bean>
     <!-- 配置Jdbc模板 -->
     <bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate">
         <property name="dataSource" ref="dataSource" />
     </bean>
     <!-- 配置事务管理器 -->
      <bean id="transactionManager"
         class="org.springframework.jdbc.datasource.DataSourceTransactionManager"
         p:dataSource-ref="dataSource" />

     <!-- 启动Spring MVC的注解功能，完成请求和注解POJO的映射 -->
     <bean
         class="org.springframework.web.servlet.mvc.annotation.DefaultAnnotationHandlerMapping" />

     <!-- 配置视图解析器，将ModelAndView及字符串解析为具体的页面 -->
     <bean id="viewResolver"
         class="org.springframework.web.servlet.view.InternalResourceViewResolver">
         <property name="prefix" value="/" />
         <property name="suffix" value=".jsp" />
     </bean>
 </beans>

其中，<bean class="org.springframework.web.servlet.mvc.annotation.DefaultAnnotationHandlerMapping" />开启注解功能，会将带有注解标签的类自动注入。

<context:component-scan base-package="com.mvc" />开启类的注解支持，让springMVC扫描类，将标有注解的类自动转化为bean，完成注入。

<bean id="viewResolver">用来配置视图解析器，指定视图文件所在的文件夹，将ModelAndView及字符串解析为具体的页面。

springMVC注解配置就只有以上三个部分，文件其余部分，如<bean id="dataSource" >用来配置jdbc方式的数据源的连接。

5.在/src中添加jdbc.properties配置文件，用来配置jdbc连接，文件内容如下：

 jdbc.driverClassName=com.mysql.jdbc.Driver
 jdbc.url=jdbc\:mysql\://localhost/testdb
 jdbc.username=root
 jdbc.password=123123

6.在/src中添加com.mvc.po包，在包中添加一个User类，用于存放用户实体，类中内容如下：

 package com.mvc.po;

 public class User {
     private int id;
     private String name;
     private String password;
     private int age;

     public User() {

     }
     public User(int id, String name, String password, int age) {
         this.id = id;
         this.name = name;
         this.password = password;
         this.age = age;
     }
     public int getId() {
         return id;
     }
     public void setId(int id) {
         this.id = id;
     }
     public String getName() {
         return name;
     }
     public void setName(String name) {
         this.name = name;
     }
     public String getPassword() {
         return password;
     }
     public void setPassword(String password) {
         this.password = password;
     }
     public int getAge() {
         return age;
     }
     public void setAge(int age) {
         this.age = age;
     }
 }

7.在/src中添加com.mvc.controller包，在包中添加一个UserController类，类中内容如下：

 package com.mvc.controller;

 import java.util.List;

 import org.springframework.stereotype.Controller;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.ResponseBody;

 import com.alibaba.fastjson.JSON;
 import com.mvc.po.User;
 import com.mvc.service.UserService;

 @Controller
 public class UserController {

     @Autowired
     private UserService userService;

     @RequestMapping(value = "/query.do")
     public @ResponseBody String query() {
         List<User> list = this.userService.query();
         return JSON.toJSONString(list);
     }
 }

其中，@Controller 注解用于表示控制层，把该class指定为controller，方法上的@RequestMapping 注解的value值指定该方法所映射的请求路径。属性加上@Autowired 注解可以免去getter()、setter()方法，spring会自动注入。@Responsebody 注解指定该方法的返回结果直接写入HTTP response body中。这里以json的格式返回查询结果，所以需要使用@Responsebody 注解。

8.在/src中添加com.mvc.service包，在包中添加一个接口类UserService和实现类UserServiceImpl，类中内容如下：

 package com.mvc.service;

 import java.util.List;
 import com.mvc.po.User;

 public interface UserService {
     List<User> query();
 }

 package com.mvc.service;

 import java.util.List;

 import com.mvc.dao.UserDAO;
 import com.mvc.po.User;
 import com.mvc.service.UserService;

 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;

 @Service
 public class UserServiceImpl implements UserService {

     @Autowired
     private UserDAO userDAO;

     public List<User> query() {
         return this.userDAO.query();
     }
 }

其中，@Service 注解用于表示业务层。

9.在/src中添加com.mvc.dao包，在包中添加一个接口类UserDAO和实现类UserDAOImpl，类中内容如下：

 package com.mvc.dao;

 import java.util.List;
 import com.mvc.po.User;

 public interface UserDAO {
     List<User> query();
 }

 package com.mvc.dao;

 import java.util.List;
 import java.sql.ResultSet;
 import java.sql.SQLException;

 import com.mvc.dao.UserDAO;
 import com.mvc.po.User;

 import org.springframework.stereotype.Repository;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.jdbc.core.JdbcTemplate;
 import org.springframework.jdbc.core.RowMapper;

 @Repository
 public class UserDAOImpl implements UserDAO {

     @Autowired
     private JdbcTemplate jdbcTemplate;

     public List<User> query() {
         return this.jdbcTemplate.query("select * from student",
                 new RowMapper<User>() {
                     public User mapRow(ResultSet rs, int arg1)
                             throws SQLException {
                         return new User(rs.getInt("sId"),
                                 rs.getString("sName"), rs.getString("sPwd"), rs
                                         .getInt("sAge"));
                     }
                 });
     }
 }

其中，@Repository 注解用于表示数据访问层。

10.启动部署项目后，直接键入地址http://127.0.0.1/test/query.do就可以查看数据库返回的json格式的数据，如下图所示。其中，127.0.0.1表示本机地址，test是项目名称，query.do是方法的映射路径，就是我们在Controller中对应方法上RequestMapping的值。因为这里还没有设置前台页面，所以，这个访问方式就是直接调用的action，这个方式在实际应用中调试特定action的时候还蛮方便好用的。

到这一步，springMVC的配置已经完成，下面是在此基础上加入easyUI。

11.在/WebRoot下添加前台页面index.jsp，页面内容如下：

 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <title>SpringMVC demo</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="easyui/themes/default/easyui.css">
 <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
 <script type="text/javascript" src="easyui/jquery.min.js"></script>
 <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
 </head>

 <body>
     <table id="tb1">
     </table>

     <script type="text/javascript">
         $(document).ready(function() {
             $('#tb1').datagrid({
                 url : 'query.do',
                 remoteSort : false,
                 custom : true,
                 iconCls : 'icon-edit',
                 nowrap : true,
                 striped : true,
                 collapsible : true,
                 pagination : true,
                 rownumbers : true,
                 fitColumns : true,
                 fit : true,
                 title : 'DataGrid with Info',
                 pageSize : 15,
                 pageList : [ 5, 15, 20, 30, 100 ],
                 columns : [ [ {
                     field : 'id',
                     title : '用户id',
                     hidden : true
                 }, {
                     field : 'name',
                     title : '用户姓名',
                     align : 'center'
                 }, {
                     field : 'password',
                     title : '密码',
                     align : 'center'
                 }, {
                     field : 'age',
                     title : '年龄',
                     align : 'center'
                 } ] ]
             });
         });
     </script>
 </body>
 </html>

这个页面包含2个部分。第一部分是将下载来的easyUI资源引入到页面，如下。

 <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
 <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
 <script type="text/javascript" src="easyui/jquery.min.js"></script>
 <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>

第二部分，就是将数据绑定到datagrid对应的列上面，即参数columns部分。

效果如下：

　　这样springMVC注解方式+easyUI+MYSQL配置实例就完成了。之后就很方便了，实际项目中只要根据需求，在Controller、Service、Repository增加对应的方法就行了，而页面只要在网上找easyUI的demo，里面有各种控件的样式及参数设置，只要根据自己项目需要设置并绑定下数据就ok了。