时间戳

首页 > 技术文章 > SSM集成Easyui框架及多模块开发的认识

SSM集成Easyui框架及多模块开发的认识

xiaohuziguai 2019-04-09 20:33 原文

首先我们需要建立好一个emaven项目，并且在pom.xml中导入响应的jar包，

  1 <?xml version="1.0" encoding="UTF-8"?>
  2 
  3 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  5   <modelVersion>4.0.0</modelVersion>
  6 
  7   <groupId>cn.itsource</groupId>
  8   <artifactId>crm</artifactId>
  9   <version>1.0-SNAPSHOT</version>
 10   <packaging>war</packaging>
 11 
 12   <name>crm</name>
 13   <url>http://www.example.com</url>
 14 
 15   <properties>
 16     <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
 17     <maven.compiler.source>1.8</maven.compiler.source>
 18     <maven.compiler.target>1.8</maven.compiler.target>
 19     <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
 20     <!-- spring版本号 -->
 21     <spring.version>4.1.2.RELEASE</spring.version>
 22     <!-- mybatis版本号 -->
 23     <mybatis.version>3.2.1</mybatis.version>
 24     <!-- log4j日志文件管理包版本 -->
 25     <slf4j.version>1.7.2</slf4j.version>
 26     <log4j.version>1.2.17</log4j.version>
 27     <!-- jackson包版本 -->
 28     <jackson.version>2.5.0</jackson.version>
 29   </properties>
 30 
 31   <dependencies>
 32     <!--JUnit-->
 33     <dependency>
 34       <groupId>junit</groupId>
 35       <artifactId>junit</artifactId>
 36       <version>4.11</version>
 37       <scope>test</scope>
 38     </dependency>
 39 
 40     <!--Spring核心-->
 41     <dependency>
 42       <groupId>org.springframework</groupId>
 43       <artifactId>spring-aop</artifactId>
 44       <version>${spring.version}</version>
 45     </dependency>
 46     <dependency>
 47       <groupId>org.springframework</groupId>
 48       <artifactId>spring-aspects</artifactId>
 49       <version>${spring.version}</version>
 50     </dependency>
 51     <dependency>
 52       <groupId>org.springframework</groupId>
 53       <artifactId>spring-beans</artifactId>
 54       <version>${spring.version}</version>
 55     </dependency>
 56     <dependency>
 57       <groupId>org.springframework</groupId>
 58       <artifactId>spring-context</artifactId>
 59       <version>${spring.version}</version>
 60     </dependency>
 61     <dependency>
 62       <groupId>org.springframework</groupId>
 63       <artifactId>spring-core</artifactId>
 64       <version>${spring.version}</version>
 65     </dependency>
 66     <dependency>
 67       <groupId>org.springframework</groupId>
 68       <artifactId>spring-expression</artifactId>
 69       <version>${spring.version}</version>
 70     </dependency>
 71     <dependency>
 72       <groupId>org.springframework</groupId>
 73       <artifactId>spring-jdbc</artifactId>
 74       <version>${spring.version}</version>
 75     </dependency>
 76     <dependency>
 77       <groupId>org.springframework</groupId>
 78       <artifactId>spring-test</artifactId>
 79       <version>${spring.version}</version>
 80     </dependency>
 81     <dependency>
 82       <groupId>org.springframework</groupId>
 83       <artifactId>spring-tx</artifactId>
 84       <version>${spring.version}</version>
 85     </dependency>
 86     <dependency>
 87       <groupId>commons-logging</groupId>
 88       <artifactId>commons-logging</artifactId>
 89       <version>1.1.1</version>
 90     </dependency>
 91 
 92     <!--SpringMVC-->
 93     <dependency>
 94       <groupId>org.springframework</groupId>
 95       <artifactId>spring-web</artifactId>
 96       <version>${spring.version}</version>
 97     </dependency>
 98     <dependency>
 99       <groupId>org.springframework</groupId>
100       <artifactId>spring-webmvc</artifactId>
101       <version>${spring.version}</version>
102     </dependency>
103 
104     <!--aop依赖包-->
105     <dependency>
106       <groupId>aopalliance</groupId>
107       <artifactId>aopalliance</artifactId>
108       <version>1.0</version>
109     </dependency>
110     <dependency>
111       <groupId>org.aspectj</groupId>
112       <artifactId>aspectjweaver</artifactId>
113       <version>1.6.8</version>
114     </dependency>
115 
116     <!--文件上传-->
117     <dependency>
118       <groupId>commons-fileupload</groupId>
119       <artifactId>commons-fileupload</artifactId>
120       <version>1.3.1</version>
121     </dependency>
122     <dependency>
123       <groupId>commons-io</groupId>
124       <artifactId>commons-io</artifactId>
125       <version>2.2</version>
126     </dependency>
127     <!--jackson-->
128     <dependency>
129       <groupId>com.fasterxml.jackson.core</groupId>
130       <artifactId>jackson-databind</artifactId>
131       <version>${jackson.version}</version>
132     </dependency>
133     <dependency>
134       <groupId>com.fasterxml.jackson.core</groupId>
135       <artifactId>jackson-core</artifactId>
136       <version>${jackson.version}</version>
137     </dependency>
138     <dependency>
139       <groupId>com.fasterxml.jackson.core</groupId>
140       <artifactId>jackson-annotations</artifactId>
141       <version>${jackson.version}</version>
142     </dependency>
143 
144     <!--数据库连接池-->
145     <dependency>
146       <groupId>commons-dbcp</groupId>
147       <artifactId>commons-dbcp</artifactId>
148       <version>1.2.2</version>
149     </dependency>
150     <dependency>
151       <groupId>commons-pool</groupId>
152       <artifactId>commons-pool</artifactId>
153       <version>1.5.3</version>
154     </dependency>
155 
156     <!--Mybatis集成-->
157     <dependency>
158       <groupId>org.mybatis</groupId>
159       <artifactId>mybatis</artifactId>
160       <version>${mybatis.version}</version>
161     </dependency>
162     <dependency>
163       <groupId>org.mybatis</groupId>
164       <artifactId>mybatis-spring</artifactId>
165       <version>1.2.0</version>
166     </dependency>
167 
168     <!--log4j-->
169     <dependency>
170       <groupId>log4j</groupId>
171       <artifactId>log4j</artifactId>
172       <version>${log4j.version}</version>
173     </dependency>
174 
175     <!--slf4j-->
176     <dependency>
177       <groupId>org.slf4j</groupId>
178       <artifactId>slf4j-api</artifactId>
179       <version>${slf4j.version}</version>
180     </dependency>
181     <dependency>
182       <groupId>org.slf4j</groupId>
183       <artifactId>slf4j-log4j12</artifactId>
184       <version>${slf4j.version}</version>
185       <scope>test</scope>
186     </dependency>
187 
188     <!--数据库连接驱动-->
189     <dependency>
190       <groupId>mysql</groupId>
191       <artifactId>mysql-connector-java</artifactId>
192       <version>5.1.46</version>
193     </dependency>
194 
195     <!-- JSTL标签类 -->
196     <dependency>
197       <groupId>jstl</groupId>
198       <artifactId>jstl</artifactId>
199       <version>1.2</version>
200     </dependency>
201 
202     <!--servlet-->
203     <dependency>
204       <groupId>javax.servlet</groupId>
205       <artifactId>javax.servlet-api</artifactId>
206       <version>3.0.1</version>
207       <scope>provided</scope>
208     </dependency>
209 
210     <dependency>
211       <groupId>javax.servlet.jsp</groupId>
212       <artifactId>jsp-api</artifactId>
213       <version>2.2</version>
214       <scope>provided</scope>
215     </dependency>
216   </dependencies>
217 
218   <build>
219     <finalName>crm</finalName>
220       <plugins>
221         <!--代码生成器插件-->
222         <plugin>
223           <groupId>org.mybatis.generator</groupId>
224           <artifactId>mybatis-generator-maven-plugin</artifactId>
225           <version>1.3.2</version>
226           <configuration>
227             <!--自定义代码生成器的路径-->
228             <!--<configurationFile>yourLocation/mybatis-generator-config.xml</configurationFile>-->
229             <verbose>true</verbose>
230             <overwrite>true</overwrite>
231           </configuration>
232         </plugin>
233         <plugin>
234           <artifactId>maven-clean-plugin</artifactId>
235           <version>3.0.0</version>
236         </plugin>
237         <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
238         <plugin>
239           <artifactId>maven-resources-plugin</artifactId>
240           <version>3.0.2</version>
241         </plugin>
242         <plugin>
243           <artifactId>maven-compiler-plugin</artifactId>
244           <version>3.7.0</version>
245         </plugin>
246         <plugin>
247           <artifactId>maven-surefire-plugin</artifactId>
248           <version>2.20.1</version>
249         </plugin>
250         <plugin>
251           <artifactId>maven-war-plugin</artifactId>
252           <version>3.2.0</version>
253         </plugin>
254         <plugin>
255           <artifactId>maven-install-plugin</artifactId>
256           <version>2.5.2</version>
257         </plugin>
258         <plugin>
259           <artifactId>maven-deploy-plugin</artifactId>
260           <version>2.8.2</version>
261         </plugin>
262       </plugins>
263   </build>
264 </project>

2接着是配置web.xml文件，

 1 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 2          xmlns="http://java.sun.com/xml/ns/javaee"
 3          xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
 4          version="3.0">
 5   <display-name>crm</display-name>
 6   <!-- Spring的配置文件 -->
 7   <context-param>
 8     <param-name>contextConfigLocation</param-name>
 9     <param-value>classpath:applicationContext.xml</param-value>
10   </context-param>
11   <!--Spring监听器 ApplicationContext 载入 -->
12   <listener>
13     <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
14   </listener>
15 
16   <!-- Spring MVC 核心配置开始 -->
17   <servlet>
18     <servlet-name>springmvc</servlet-name>
19     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
20     <init-param>
21       <param-name>contextConfigLocation</param-name>
22       <param-value>classpath:applicationContext-mvc.xml</param-value>
23     </init-param>
24     <load-on-startup>1</load-on-startup>
25   </servlet>
26   <servlet-mapping>
27     <servlet-name>springmvc</servlet-name>
28     <url-pattern>/</url-pattern>
29   </servlet-mapping>
30 
31   <!-- 编码过滤器 -->
32   <filter>
33     <filter-name>encodingFilter</filter-name>
34     <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
35     <init-param>
36       <param-name>encoding</param-name>
37       <param-value>UTF-8</param-value>
38     </init-param>
39   </filter>
40   <filter-mapping>
41     <filter-name>encodingFilter</filter-name>
42     <url-pattern>/*</url-pattern>
43   </filter-mapping>
44 </web-app>

3配置数据库的链接信息文件也就是jdbc.properties

jdbc.driverClassName=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql:///数据库名
jdbc.username=用户名
jdbc.password=密码

4配置applictionContext.xml文件，在applicationContext中需要注意，配置mapper映射，这样就能直接在我们的类中注入mapper对象，注意用到包的地方时自己的包

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <beans xmlns="http://www.springframework.org/schema/beans"
 3        xmlns:context="http://www.springframework.org/schema/context"
 4        xmlns:tx="http://www.springframework.org/schema/tx"
 5        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 6        xsi:schemaLocation="
 7        http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
 8        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
 9        http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd
10 ">
11 
12     <!--扫描Service层-->
13     <context:component-scan base-package="cn.itsource.crm.service" />
14 
15     <!--引入jdbc.properties-->
16     <context:property-placeholder location="classpath:jdbc.properties" />
17     <!--创建数据源(dataSource)-->
18     <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close">
19         <property name="driverClassName" value="${jdbc.driverClassName}" />
20         <property name="url" value="${jdbc.url}" />
21         <property name="username" value="${jdbc.username}" />
22         <property name="password" value="${jdbc.password}" />
23     </bean>
24     <!--
25         咱们以前学过JPA,JPA的话需要配置EntityManagerFactory(需要读取配置,做很多事情都能配置)
26             咱们使用了一个FactoryBean完成 -> EntityManagerFactoryBean
27         配置SqlSessionFactory需要读取配置,做很多事情都能配置),它有一个叫做SqlSessionFactoryBean
28      -->
29     <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
30         <property name="dataSource" ref="dataSource" />
31         <!--XML的映射-->
32         <property name="mapperLocations" value="classpath:cn/itsource/crm/mapper/*.xml" />
33         <!--为所有相应的包中的类取别名-->
34         <property name="typeAliasesPackage" value="cn.itsource.crm.domain" />
35     </bean>
36 
37 
38     <!--一劳永逸的方案:直接创建所有的映射器mapper-->
39     <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
40         <property name="basePackage" value="cn.itsource.crm.mapper" />
41     </bean>
42 
43     <!--我们需要配置一个事务管理器
44         以前学习JPA ,是有一个类JpaTransactionManager的事务对象
45         mybatis用的是:DataSourceTransactionManager
46     -->
47     <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
48         <property name="dataSource" ref="dataSource" />
49     </bean>
50     <!--配置标签支持事务-->
51     <tx:annotation-driven transaction-manager="transactionManager" />
52 </beans>

 

接下来就是applicationContext-mvc.xml文件

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <beans xmlns="http://www.springframework.org/schema/beans"
 3        xmlns:context="http://www.springframework.org/schema/context"
 4        xmlns:mvc="http://www.springframework.org/schema/mvc"
 5        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 6        xsi:schemaLocation="
 7        http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
 8        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
 9        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
10 ">
11     <!--扫描Controller-->
12     <context:component-scan base-package="cn.itsource.crm.web.controller" />
13     <!--支持SpringMVC的注解-->
14     <mvc:annotation-driven />
15     <!--静态资源放行-->
16     <mvc:default-servlet-handler />
17     <!--视图解析器-->
18     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
19         <property name="prefix" value="/WEB-INF/views/" />
20         <property name="suffix" value=".jsp" />
21     </bean>
22     <!--上传解析器-->
23     <!--文件上传解析器-->
24     <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
25         <!-- 设置上传文件的最大尺寸为1MB -->
26         <property name="maxUploadSize">
27             <value>1048576</value>
28         </property>
29     </bean>
30 
31 </beans>

我们的基本配置就完成了

通过代码生成器生成最基本的功能

准备好相应的代码生成器插件，在pom.xml中已经导入成功

 1 <plugin>
 2   <groupId>org.mybatis.generator</groupId>
 3   <artifactId>mybatis-generator-maven-plugin</artifactId>
 4   <version>1.3.2</version>
 5   <configuration>
 6     <!--自定义代码生成器的路径-->
 7     <!--<configurationFile>yourLocation/mybatis-generator-config.xml</configurationFile>-->
 8     <verbose>true</verbose>
 9     <overwrite>true</overwrite>
10   </configuration>
11 </plugin>

准备generatorConfig.xml，注意这个名字必须是这个名字

 1 ?xml version="1.0" encoding="UTF-8" ?>
 2 <!DOCTYPE generatorConfiguration
 3         PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
 4         "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd">
 5 <!-- 自动生成器的配置(根目录，不做过多介绍)-->
 6 <generatorConfiguration>
 7     <!--
 8         classPathEntry：可以配置多个，也不配置
 9         数据库驱动:这里找到相应的驱动jar包就可以了(注:不同数据库的jar不一样)
10             location:里面的是路径(也可以直接写绝对路径 -> 如:E:\mybatis\mysql-connector-java-5.1.26-bin.jar)
11     -->
12     <classPathEntry  location="F:\opensource\mysql-connector-java-5.1.26-bin.jar"/>
13     <!--
14         context：用于生成一组对象的环境(至少配置1个，可以配置多个)
15         id:表达唯一的名称
16         targetRuntime：用于指定生成的代码的运行环境(MyBatis3/MyBatis3Simple)
17             MyBatis3:默认值
18             MyBatis3Simple：不会生成与Example(案例)相关的方法
19     -->
20     <context id="DB2Tables"   targetRuntime="MyBatis3Simple" >
21         <!--
22             用于配置如果生成注释信息(最多可以配置一下)
23             suppressAllComments:阻止生成注释 ，默认为false
24             suppressDate:阻止生成的注释时间戳，默认为false
25             addRemarkComments：注释是否添加数据库表的备注信息，默认为false
26          -->
27         <commentGenerator>
28             <property name="suppressDate" value="true"/>
29             <property name="suppressAllComments" value="true"/>
30         </commentGenerator>
31         <!--
32             配置连接数据库的基本信息
33         -->
34         <jdbcConnection driverClass="com.mysql.jdbc.Driver"
35                         connectionURL="jdbc:mysql:///crm"
36                         userId="root" password="root">
37         </jdbcConnection>
38         <!--
39             用于指定JDBC类型和Java类型如何转换，最多可以配置一个
40             forceBigDecimals:控制是否强制将DECIMAL和NUMERIC类型的JDBC字段转换成Java类型的 BigDecimal
41                              默认为false,一般不需要配置
42         -->
43         <javaTypeResolver>
44             <property name="forceBigDecimals" value="false"/>
45         </javaTypeResolver>
46 
47         <!--
48             javaModelGenerator:用来控制生成的实体类
49                 targetPackage：生成Model类存放位置(包名)
50                 targetProject：指定目标项目路径(根目录)
51                 对应的子属性:
52                     trimStrings：判断是否对数据库查询结果进行trim操作(默认false)
53         -->
54         <javaModelGenerator targetPackage="cn.itsource.crm.domain" targetProject="src/main/java">
55             <property name="trimStrings" value="true"/>
56         </javaModelGenerator>
57         <!--
58             sqlMapGenerator：生成映射文件存放位置(Mapper.xml文件)
59                 targetPackage:生成SQL映射文件(XML文件)在哪个包中
60                 targetProject:指定目标项目路径(根目录)
61         -->
62         <sqlMapGenerator targetPackage="cn.itsource.crm.mapper" targetProject="src/main/resources">
63         </sqlMapGenerator>
64 
65         <!--
66             javaClientGenerator：Java客户端生成器(生成Dao/Mapper的接口)
67                                 该 标签可选(最多配置一个)，如果不配置，就不会生成Mapper接口
68                 type:选择客户端代码生成器
69                     MyBatis3
70                         ANNOTATEDMAPPER：基于注解的Mapper接口，不会有对应的XML映射文件
71                         MIXEDMAPPER:XML和注解混合形式
72                         XMLMAPPER：所有方法都在XML中(接口调用依赖XML)
73                     MyBatis3Simple
74                         ANNOTATEDMAPPER：基于注解的Mapper接口，不会有对应的XML映射文件
75                         XMLMAPPER：所有方法都在XML中(接口调用依赖XML)
76                 targetPackage：生成Mapper接口存放的包名
77                 targetProject：指定目标项目路径
78         -->
79         <javaClientGenerator type="XMLMAPPER" targetPackage="cn.itsource.crm.mapper" targetProject="src/main/java">
80             <property name="enableSubPackages" value="true"/>
81         </javaClientGenerator>
82         <!--
83             table：生成对应表及类名
84                 tableName：对应表名(注:%代表所有)
85                 domainObjectName:对应的类名
86                 generatedKey：主键自增的id字段(针对当前 数据库配置MySQL)
87         -->
88         <table tableName="t_department" domainObjectName="Department">
89             <generatedKey column="id" sqlStatement="MySql" />
90         </table>
91     </context>
92 
93 </generatorConfiguration>

然后，我们就可以在idea中的右边菜单栏中的点击如图所示生成基础代码了

接下里就是三层的配置了

mapper层

BaseMapper

1 public interface BaseMapper<T> {
2     int deleteByPrimaryKey(Long id);
3     int insert(T record);
4     T selectByPrimaryKey(Long id);
5     List<T> selectAll();
6     int updateByPrimaryKey(T record);
7 }

子类继承父类的基本方法即可

DepartmentMapper

 1 public interface DepartmentMapper extends BaseMapper<Department> { 2 } 

service层同理

IBaseService接口

 

ublic interface IBaseService<T> {
    void save(T t);
    void update(T t);
    void delete(Long id);
    T findOne(Long id);
    List<T> findAll();
}

BaseService的实现

 1 @Transactional
 2 public class BaseServiceImpl<T> implements IBaseService<T> {
 3 
 4     @Autowired
 5     private BaseMapper<T> baseMapper;
 6 
 7     @Override
 8     public void save(T t) {
 9         baseMapper.insert(t);
10     }
11 
12     @Override
13     public void update(T t) {
14         baseMapper.updateByPrimaryKey(t);
15     }
16 
17     @Override
18     public void delete(Long id) {
19         baseMapper.deleteByPrimaryKey(id);
20     }
21 
22     @Override
23     @Transactional(readOnly = true,propagation = Propagation.SUPPORTS)
24     public T findOne(Long id) {
25         return baseMapper.selectByPrimaryKey(id);
26     }
27 
28     @Override
29     @Transactional(readOnly = true,propagation = Propagation.SUPPORTS)
30     public List<T> findAll() {
31         return baseMapper.selectAll();
32     }
33 }

IDepartmentService

 1 public interface IDepartmentService extends IBaseService<Department> { 2 } 

DepartmentServiceImpl

1 @Service
2 public class DepartmentServiceImpl extends BaseServiceImpl<Department> implements IDepartmentService {
3 }

Controller层

Controller中的测试代码

 1 @Controller
 2 @RequestMapping("/department")
 3 public class DepartmentController {
 4 
 5     @Autowired
 6     private IDepartmentService departmentService;
 7 
 8     @RequestMapping("/index")
 9     public String index(){
10         return "department/index";
11     }
12 
13     @RequestMapping("/list")
14     @ResponseBody
15     public List<Department> list(){
16         return departmentService.findAll();
17     }
18 }

准备EasyUI(上下文路径的配置)

引入easyui，只需要引入基本的就可以了

 1 locale : 国际化支持的文件夹 2 themes ：主题(eaayui的样式) 3 jquery.easyui.min.js ： easyui核心的js功能 4 jquery.min.js ： jQuery的支持 

配置上下文路径

dea中配置上下文路径 tomcat编辑 -> Deployment ->Application context
所有的请求都必需加上这个路径
方案一:在请求前 ： ${pageContext.request.contextPath}
方案二:使用Base(建议的方案详情在下面的common中






 






准备common.jsp (/WEB-INF/views/common/common.jsp)




<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    //获到上下文路径
    String path = request.getContextPath();
    //拼接相应的路径前缀: http://localhost:80/crm2/
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>">

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




 


完成CRUD




<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <%@include file="/WEB-INF/views/common/common.jsp" %>
    <%--引入当前这个模块对应的js文件--%>
    <script type="text/javascript" src="static/js/model/department.js"></script>
</head>
<body>
<!-- 准备grid控件 -->
<table id="departmentGrid"></table>
<!-- grid控件工具栏的按钮 -->
<div id="toolbar">
    <a href="javascript:;" data-method="add" plain="true" class="easyui-linkbutton c1">添加</a>
    <a href="javascript:;" data-method="update" plain="true" class="easyui-linkbutton c2">修改</a>
    <a href="javascript:;" data-method="delete" plain="true" class="easyui-linkbutton c3">删除</a>
    <a href="javascript:;" data-method="refresh" plain="true" class="easyui-linkbutton c4">刷新</a>
</div>

<!--添加与修改的弹出框 -->
<div id="departmentDialog">
    <form id="departmentForm" method="post">
        <input type="hidden" name="id">
        <table cellpadding="5">
            <tr>
                <td>编码:</td>
                <td><input class="easyui-textbox" type="text" name="sn" data-options="required:true"></input></td>
            </tr>
            <tr>
                <td>名称:</td>
                <td><input class="easyui-textbox" type="text" name="name" data-options="required:true"></input></td>
            </tr>
            <tr>
                <td>路径:</td>
                <td><input class="easyui-textbox" type="text" name="dirpath" data-options="required:true"></input></td>
            </tr>
            <tr>
                <td>状态:</td>
                <td>
                    <select class="easyui-combobox" name="state" style="width:200px; " data-options="panelHeight:'auto'">
                        <option value="-1">作废</option>
                        <option value="0">正常</option>
                        <option value="1">异常</option>
                    </select>
                </td>
            </tr>
        </table>
    </form>
</div>
<div id="departmentDialogButtons">
    <a href="javascript:;" data-method="save" plain="true" class="easyui-linkbutton c5">确定</a>
    <a href="javascript:;" data-method="close" plain="true" class="easyui-linkbutton c6">取消</a>
</div>

</body>
</html>




 


department.js 代码


 




  1 $(function () {
  2 
  3     //wc公共的组件抽取
  4     var departmentGrid = $('#departmentGrid');
  5     var departmentDialog = $('#departmentDialog');
  6     var departmentForm = $('#departmentForm');
  7 
  8     //事情注册
  9   $("*[data-method]").on("click",function () {
 10         var methodName = $(this).data("method");
 11         itsource[methodName]();
 12     })
 13 
 14     itsource = {
 15         add(){
 16             //居中并且打开
 17             departmentDialog.dialog("center").dialog("open");
 18             //保存每次打开，数据都是空的
 19             departmentForm.form("clear");
 20         },
 21         update(){
 22             //判断是否选中一行
 23             var row = departmentGrid.datagrid("getSelected");
 24             if(!row){
 25                 $.messager.alert('提示',"请选中后再进行操作!","info");
 26                 return ;
 27             }
 28             //居中并且打开
 29             departmentDialog.dialog("center").dialog("open");
 30             //保存每次打开，数据都是空的
 31             departmentForm.form("clear");
 32             //进行回显
 33             departmentForm.form("load",row);
 34         },
 35         save(){
 36             //提交表单
 37             departmentForm.form('submit', {
 38                 url:"department/save",
 39                 onSubmit: function(){
 40                     return  $(this).form('validate');
 41                 },
 42                 success:function(data){
 43                     //把它转成json
 44                     var result = JSON.parse(data);
 45                     if(result.success){
 46                         itsource.refresh();
 47                         itsource.close();
 48                     }else{
 49                         $.messager.alert('操作失败',result.msg,"error");
 50                     }
 51                 }
 52             });
 53         },
 54         delete(){
 55             //选中一行才可以删除
 56             var row = departmentGrid.datagrid("getSelected");
 57             if(!row){
 58                 $.messager.alert('提示',"请选中后再进行操作!","info");
 59                 return ;
 60             }
 61             //问:是否真的要删除？
 62             $.messager.confirm('确认','您确认想要删除记录吗？',function(r){
 63                 if (r){
 64                    $.get("department/delete",{id:row.id},function (result) {
 65                        if(result.success){
 66                            itsource.refresh();
 67                        }else{
 68                            $.messager.alert('操作失败',result.msg,"error");
 69                        }
 70                    })
 71                 }
 72             });
 73 
 74 
 75         },
 76         refresh(){
 77             //刷新一次
 78             departmentGrid.datagrid("reload");
 79         },
 80         close(){
 81             departmentDialog.dialog("close");
 82         }
 83     };
 84 
 85   //通过js创建咱们的grid
 86     departmentGrid.datagrid({
 87         fit:true,
 88         fitColumns:true,
 89         singleSelect:true,
 90         url:'department/page',
 91         toolbar:"#toolbar",
 92         pageList:[5,10,20,30,40,100],
 93         pagination:true,
 94         columns:[[
 95             {field:'sn',title:'编码',width:100},
 96             {field:'name',title:'名称',width:100},
 97             {field:'dirpath',title:'路径',width:100,align:'right'},
 98             {field:'state',title:'状态',width:100,align:'right'}
 99         ]]
100     });
101 
102     //通过js创建咱们的弹出框
103     departmentDialog.dialog({
104         title: '编辑数据',
105         // width: 400,
106         // height: 200,
107         closed: true, //默认关闭
108         modal: true,
109         buttons:"#departmentDialogButtons"
110     });
111 })




准备Query(完成分页)


BaseQuery(正好与easyui传的值对应上的),用于接收传入的分页值




1 public abstract class BaseQuery {
2 
3     private int page = 1; //默认是第一页
4     private int rows = 10; //默认每页10条数据
5     
6     //getter与setter省略
7 }






public class DepartmentQuery extends BaseQuery {
}




修改departmentMapper.xml。添加一个新的方法




1 <select id="queryAll" parameterType="cn.itsource.crm.query.DepartmentQuery" resultMap="BaseResultMap" >
2     select id, sn, name, dirPath, state, manager_id, parent_id
3     from t_department
4   </select>




同样在BaseMapper中一样添加接口i




Page<T> queryAll(BaseQuery baseQuery);




 


修改applicationContext.xml


在pom.xml中引入响应的插件




<dependency>
  <groupId>com.github.pagehelper</groupId>
  <artifactId>pagehelper</artifactId>
  <version>5.0.1</version>
</dependency>






在application.xml中配置拦截器和分页


<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
    <property name="dataSource" ref="dataSource" />
    <!--XML的映射-->
    <property name="mapperLocations" value="classpath:cn/itsource/crm/mapper/*.xml" />
    <!--为所有相应的包中的类取别名-->
    <property name="typeAliasesPackage" value="cn.itsource.crm.domain" />
    <!--配置一个拦截器(分页插件):注意一下版本问题-->
    <property name="plugins">
        <array>
            <bean class="com.github.pagehelper.PageInterceptor">
                <property name="properties">
                    <value>helperDialect=mysql</value>
                </property>
            </bean>
        </array>
    </property>
</bean>




修改了service


创建了一个PageResult：直接返回Easyui中要的数据




public class PageResult<T> {

    private long total; //总条数

    private List<T> rows; //这一行的数据

    public PageResult(Page<T> page) {
        this.total = page.getTotal();
        this.rows = page.getResult();
    }
    //...
}




baseService中添加方法




1 @Override
2 public PageResult<T> queryAll(BaseQuery query) {
3     //配置分页的值
4     PageHelper.startPage(query.getPage(),query.getRows());
5     Page<T> page = baseMapper.queryAll(query);
6     return new PageResult<T>(page);
7 }




修改controller




@RequestMapping("/page")
@ResponseBody
public PageResult<Department> page(DepartmentQuery query){
    return departmentService.queryAll(query);
}




这样我们就完成了基本的CRUD


 


多模块开发


    

  • 我们开发的时候在追求:高内聚,低耦合
    • 

  • 我们以前就是这么做的(Spring,接口,分层)
    • 

  • 以前是根据包来进行分组 -> 改成模块
    • 

  • 各个模块的耦合度更低,更加有利于组件(代码)的重用
    • 



模块划分


    

  • basic-util:工具(不依赖于其它模块,但是其它模块都要依赖)
    • 

  • basic-core:所有模块的公共代码部分
    • 

  • crm-common:crm这个模块的公共代码部分
    • 

  • crm-mapper:crm这个模块的持久层部分
    • 

  • crm-service:crm这个模块的业务层
    • 

  • crm-web:crm这个模块的web层
    • 



 


创建多模块的项目


    

  • 父项目中怎么知道它有哪些子模块
    • 

  • pom.xml中配置
    • 





 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <project xmlns="http://maven.apache.org/POM/4.0.0"
 3          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 4          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
 5     <modelVersion>4.0.0</modelVersion>
 6 
 7     <groupId>cn.itsource</groupId>
 8     <artifactId>maven-many-project</artifactId>
 9     <packaging>pom</packaging>
10     <version>1.0-SNAPSHOT</version>
11 
12     <!--父模块中引入相应的子模块-->
13     <modules>
14         <module>basic-util</module>
15         <module>oa-service</module>
16     </modules>
17 
18 </project>




　　子模块中引入其它子模块


在当前项目的pom.xml中配置依赖的座标




<dependencies>
    <dependency>
        <groupId>cn.itsource</groupId>
        <artifactId>basic-util</artifactId>
        <version>1.0-SNAPSHOT</version>
    </dependency>
</dependencies>




 







	

		


推荐阅读