一.创建Maven项目
1.1 项目结构设置
image
1.1 pom.xml配置
在pom.xml中引入下面代码
<?xml version="1.0" encoding="UTF-8"?>
4.0.0
cn.itsource
crm
1.0-SNAPSHOT
war
<!--Spring核心-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-aop</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-aspects</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-beans</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-core</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-expression</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-test</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-tx</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>commons-logging</groupId>
<artifactId>commons-logging</artifactId>
<version>1.1.1</version>
</dependency>
<!--SpringMVC-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-web</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>${spring.version}</version>
</dependency>
<!--aop依赖包-->
<dependency>
<groupId>aopalliance</groupId>
<artifactId>aopalliance</artifactId>
<version>1.0</version>
</dependency>
<dependency>
<groupId>org.aspectj</groupId>
<artifactId>aspectjweaver</artifactId>
<version>1.6.8</version>
</dependency>
<!--文件上传-->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.1</version>
</dependency>
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.2</version>
</dependency>
<!--jackson-->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>${jackson.version}</version>
</dependency>
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-core</artifactId>
<version>${jackson.version}</version>
</dependency>
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-annotations</artifactId>
<version>${jackson.version}</version>
</dependency>
<!--数据库连接池-->
<dependency>
<groupId>commons-dbcp</groupId>
<artifactId>commons-dbcp</artifactId>
<version>1.2.2</version>
</dependency>
<dependency>
<groupId>commons-pool</groupId>
<artifactId>commons-pool</artifactId>
<version>1.5.3</version>
</dependency>
<!--Mybatis集成-->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>${mybatis.version}</version>
</dependency>
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>1.2.0</version>
</dependency>
<!--log4j-->
<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>${log4j.version}</version>
</dependency>
<!--slf4j-->
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>slf4j-api</artifactId>
<version>${slf4j.version}</version>
</dependency>
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>slf4j-log4j12</artifactId>
<version>${slf4j.version}</version>
<scope>test</scope>
</dependency>
<!--数据库连接驱动-->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.46</version>
</dependency>
<!-- JSTL标签类 -->
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!--servlet-->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.0.1</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>javax.servlet.jsp</groupId>
<artifactId>jsp-api</artifactId>
<version>2.2</version>
<scope>provided</scope>
</dependency>
crm
org.mybatis.generator mybatis-generator-maven-plugin 1.3.2
true true maven-clean-plugin 3.0.0
maven-resources-plugin 3.0.2 maven-compiler-plugin 3.7.0 maven-surefire-plugin 2.20.1 maven-war-plugin 3.2.0 maven-install-plugin 2.5.2 maven-deploy-plugin 2.8.2
1.2 web.xml
注解修改版本(2.3不支持el表达式)
与SpringMVC的集成配置
crm
1.3 jdbc.properties
数据的名称,用户名密码都要注意
jdbc.driverClassName=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql:///crm
jdbc.username=root
jdbc.password=root
1.4 applicationContext.xml
注意所有的用到包名的地方
<?xml version="1.0" encoding="UTF-8"?>
<!--扫描Service层-->
<context:component-scan base-package="cn.itsource.crm.service" />
<!--引入jdbc.properties-->
<context:property-placeholder location="classpath:jdbc.properties" />
<!--创建数据源(dataSource)-->
<bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close">
<property name="driverClassName" value="${jdbc.driverClassName}" />
<property name="url" value="${jdbc.url}" />
<property name="username" value="${jdbc.username}" />
<property name="password" value="${jdbc.password}" />
</bean>
<!--
咱们以前学过JPA,JPA的话需要配置EntityManagerFactory(需要读取配置,做很多事情都能配置)
咱们使用了一个FactoryBean完成 -> EntityManagerFactoryBean
配置SqlSessionFactory需要读取配置,做很多事情都能配置),它有一个叫做SqlSessionFactoryBean
-->
<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" />
</bean>
<!--一劳永逸的方案:直接创建所有的映射器mapper-->
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="basePackage" value="cn.itsource.crm.mapper" />
</bean>
<!--我们需要配置一个事务管理器
以前学习JPA ,是有一个类JpaTransactionManager的事务对象
mybatis用的是:DataSourceTransactionManager
-->
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<property name="dataSource" ref="dataSource" />
</bean>
<!--配置标签支持事务-->
<tx:annotation-driven transaction-manager="transactionManager" />
1.5 applicationContext-mvc.xml
注意一下用到的包名
<?xml version="1.0" encoding="UTF-8"?>
<context:component-scan base-package=“cn.itsource.crm.web.controller” />
<mvc:annotation-driven />
<mvc:default-servlet-handler />
1048576
二.代码生成最基本的功能
2.1 准备好相应的代码生成器插件
在pom.xml中已经导入成功
org.mybatis.generator mybatis-generator-maven-plugin 1.3.2
true true
2.2 准备generatorConfig.xml
先把数据库要准备好
<?xml version="1.0" encoding="UTF-8" ?>
<!--
javaModelGenerator:用来控制生成的实体类
targetPackage:生成Model类存放位置(包名)
targetProject:指定目标项目路径(根目录)
对应的子属性:
trimStrings:判断是否对数据库查询结果进行trim操作(默认false)
-->
<javaModelGenerator targetPackage="cn.itsource.crm.domain" targetProject="src/main/java">
<property name="trimStrings" value="true"/>
</javaModelGenerator>
<!--
sqlMapGenerator:生成映射文件存放位置(Mapper.xml文件)
targetPackage:生成SQL映射文件(XML文件)在哪个包中
targetProject:指定目标项目路径(根目录)
-->
<sqlMapGenerator targetPackage="cn.itsource.crm.mapper" targetProject="src/main/resources">
</sqlMapGenerator>
<!--
javaClientGenerator:Java客户端生成器(生成Dao/Mapper的接口)
该 标签可选(最多配置一个),如果不配置,就不会生成Mapper接口
type:选择客户端代码生成器
MyBatis3
ANNOTATEDMAPPER:基于注解的Mapper接口,不会有对应的XML映射文件
MIXEDMAPPER:XML和注解混合形式
XMLMAPPER:所有方法都在XML中(接口调用依赖XML)
MyBatis3Simple
ANNOTATEDMAPPER:基于注解的Mapper接口,不会有对应的XML映射文件
XMLMAPPER:所有方法都在XML中(接口调用依赖XML)
targetPackage:生成Mapper接口存放的包名
targetProject:指定目标项目路径
-->
<javaClientGenerator type="XMLMAPPER" targetPackage="cn.itsource.crm.mapper" targetProject="src/main/java">
<property name="enableSubPackages" value="true"/>
</javaClientGenerator>
<!--
table:生成对应表及类名
tableName:对应表名(注:%代表所有)
domainObjectName:对应的类名
generatedKey:主键自增的id字段(针对当前 数据库配置MySQL)
-->
<table tableName="t_department" domainObjectName="Department">
<generatedKey column="id" sqlStatement="MySql" />
</table>
</context>
三.三层的搭建
代码生成器生成了部分代码(相应的xml已经存在)
3.1 Dao层
3.1.1 BaseMapper
public interface BaseMapper {
int deleteByPrimaryKey(Long id);
int insert(T record);
T selectByPrimaryKey(Long id);
List selectAll();
int updateByPrimaryKey(T record);
}
3.1.2 DepartmentMapper
public interface DepartmentMapper extends BaseMapper {
}
3.2 Service层
3.2.1 IBaseService接口
public interface IBaseService {
void save(T t);
void update(T t);
void delete(Long id);
T findOne(Long id);
List findAll();
}
3.2.2 BaseService的实现
这里需要加上事务的注解
@Transactional
public class BaseServiceImpl implements IBaseService {
@Autowired
private BaseMapper<T> baseMapper;
@Override
public void save(T t) {
baseMapper.insert(t);
}
@Override
public void update(T t) {
baseMapper.updateByPrimaryKey(t);
}
@Override
public void delete(Long id) {
baseMapper.deleteByPrimaryKey(id);
}
@Override
@Transactional(readOnly = true,propagation = Propagation.SUPPORTS)
public T findOne(Long id) {
return baseMapper.selectByPrimaryKey(id);
}
@Override
@Transactional(readOnly = true,propagation = Propagation.SUPPORTS)
public List<T> findAll() {
return baseMapper.selectAll();
}
}
3.2.3 IDepartmentService
public interface IDepartmentService extends IBaseService {
}
3.2.4 DepartmentServiceImpl
@Service
public class DepartmentServiceImpl extends BaseServiceImpl implements IDepartmentService {
}
写完Service后一定要先测试一下
3.3 Controller层
自己也可以加一个父类
准备文件: /WEB-INF/views/department/index.jsp
Controller中的测试代码
@Controller
@RequestMapping("/department")
public class DepartmentController {
@Autowired
private IDepartmentService departmentService;
@RequestMapping("/index")
public String index(){
return "department/index";
}
@RequestMapping("/list")
@ResponseBody
public List<Department> list(){
return departmentService.findAll();
}
}
四.准备EasyUI(上下文路径的配置)
4.1 引入easyui
不把所有的文件导入(只要基本文件)
locale : 国际化支持的文件夹
themes :主题(eaayui的样式)
jquery.easyui.min.js : easyui核心的js功能
jquery.min.js : jQuery的支持
4.2 上下文路径
idea中配置上下文路径 猫编辑 -> Deployment ->Application context
所有的请求都必需加上这个路径
方案一:在请求前 : ${pageContext.request.contextPath}
方案二:使用Base(建议的方案)
4.2.1 准备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+"/";
%>
index.jsp (/WEB-INF/views/department/index.jsp)
<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>
准备deparment.js (/static/js/model/department.js)
完成一个请求(这个请求会自动加上 上下文路径)
$.get(“department/list”,function(result){
console.debug(result);
})
五.完成CRUD
5.1 department/index.jsp 代码
和以前一样(创建控件更多使用js的方式)
<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>
编码: | |
名称: | |
路径: | |
状态: | 作废 正常 异常 |
5.2 department.js 代码
$(function () {
//wc公共的组件抽取
var departmentGrid = $('#departmentGrid');
var departmentDialog = $('#departmentDialog');
var departmentForm = $('#departmentForm');
//事情注册
$("*[data-method]").on(“click”,function () {
var methodName = $(this).data(“method”);
itsourcemethodName;
})
itsource = {
add(){
//居中并且打开
departmentDialog.dialog("center").dialog("open");
//保存每次打开,数据都是空的
departmentForm.form("clear");
},
update(){
//判断是否选中一行
var row = departmentGrid.datagrid("getSelected");
if(!row){
$.messager.alert('提示',"请选中后再进行操作!","info");
return ;
}
//居中并且打开
departmentDialog.dialog("center").dialog("open");
//保存每次打开,数据都是空的
departmentForm.form("clear");
//进行回显
departmentForm.form("load",row);
},
save(){
//提交表单
departmentForm.form('submit', {
url:"department/save",
onSubmit: function(){
return $(this).form('validate');
},
success:function(data){
//把它转成json
var result = JSON.parse(data);
if(result.success){
itsource.refresh();
itsource.close();
}else{
$.messager.alert('操作失败',result.msg,"error");
}
}
});
},
delete(){
//选中一行才可以删除
var row = departmentGrid.datagrid("getSelected");
if(!row){
$.messager.alert('提示',"请选中后再进行操作!","info");
return ;
}
//问:是否真的要删除?
$.messager.confirm('确认','您确认想要删除记录吗?',function(r){
if (r){
$.get("department/delete",{id:row.id},function (result) {
if(result.success){
itsource.refresh();
}else{
$.messager.alert('操作失败',result.msg,"error");
}
})
}
});
},
refresh(){
//刷新一次
departmentGrid.datagrid("reload");
},
close(){
departmentDialog.dialog("close");
}
};
//通过js创建咱们的grid
departmentGrid.datagrid({
fit:true,
fitColumns:true,
singleSelect:true,
url:‘department/page’,
toolbar:"#toolbar",
pageList:[5,10,20,30,40,100],
pagination:true,
columns:[[
{field:‘sn’,title:‘编码’,width:100},
{field:‘name’,title:‘名称’,width:100},
{field:‘dirpath’,title:‘路径’,width:100,align:‘right’},
{field:‘state’,title:‘状态’,width:100,align:‘right’}
]]
});
//通过js创建咱们的弹出框
departmentDialog.dialog({
title: '编辑数据',
// width: 400,
// height: 200,
closed: true, //默认关闭
modal: true,
buttons:"#departmentDialogButtons"
});
})
5.3 准备Query(完成分页)
BaseQuery(正好与easyui传的值对应上的)
public abstract class BaseQuery {
private int page = 1; //默认是第一页
private int rows = 10; //默认每页10条数据
//getter与setter省略
}
DepartmentQuery(如果以后有特殊的查询写在里面)
public class DepartmentQuery extends BaseQuery {
}
5.4 修改departmentMapper.xml
添加了一个新的方法
select id, sn, name, dirPath, state, manager_id, parent_id from t_department
5.5 修改了BaseMapper这个接口
public interface BaseMapper {
//…
Page queryAll(BaseQuery baseQuery);
}
5.6 修改applicationContext.xml
在pom.xml中引入相应的插件(注意版本)
com.github.pagehelper pagehelper 5.0.1
注:一定要配置咱们的分页拦截器(注意版本)
helperDialect=mysql
5.7 修改了service
创建了一个PageResult:直接返回Easyui中要的数据
public class PageResult {
private long total; //总条数
private List<T> rows; //这一行的数据
public PageResult(Page<T> page) {
this.total = page.getTotal();
this.rows = page.getResult();
}
//...
}
baseService中添加方法
//完成分页功能性
@Override
public PageResult queryAll(BaseQuery query) {
//配置分页的值
PageHelper.startPage(query.getPage(),query.getRows());
Page page = baseMapper.queryAll(query);
return new PageResult(page);
}
5.8 修改controller
准备controller返回的数据
@RequestMapping("/page")
@ResponseBody
public PageResult page(DepartmentQuery query){
return departmentService.queryAll(query);
}
六 多模块开发
咱们开发的时候在追求:高内聚,低耦合
咱们以前就是这么做的(Spring,接口,分层)
以前是根据包来进行分组 -> 改成模块
各个模块的耦合度更低,更加有利于组件(代码)的重用
6.1 模块划分
basic-util:工具(不依赖于其它模块,但是其它模块都要依赖)
basic-core:所有模块的公共代码部分
crm-common:crm这个模块的公共代码部分
crm-mapper:crm这个模块的持久层部分
crm-service:crm这个模块的业务层
crm-web:crm这个模块的web层
6.2 创建多模块的项目
创建一个基本的项目(父项目-maven-many-project)
创建多模块(Module)
6.2.1 父项目引入子模块
父项目中怎么知道它有哪些子模块
pom.xml中配置
<?xml version="1.0" encoding="UTF-8"?>
4.0.0
<groupId>cn.itsource</groupId>
<artifactId>maven-many-project</artifactId>
<packaging>pom</packaging>
<version>1.0-SNAPSHOT</version>
<!--父模块中引入相应的子模块-->
<modules>
<module>basic-util</module>
<module>oa-service</module>
</modules>
6.2.2 子模块中引入其它子模块
在当前项目的pom.xml中配置依赖的座标
cn.itsource basic-util 1.0-SNAPSHOT