SSM+Easuyi+CRUD

最新推荐文章于 2022-03-29 15:34:07 发布

java后生

最新推荐文章于 2022-03-29 15:34:07 发布

阅读量212

点赞数

分类专栏：项目

本文链接：https://blog.csdn.net/weixin_44840242/article/details/89101056

版权

项目专栏收录该内容

14 篇文章 0 订阅

订阅专栏

一.创建Maven项目

1.1 项目结构设置

1.2 pom.xml配置

在pom.xml中引入下面代码

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

<groupId>cn.itsource</groupId>

<version>1.0-SNAPSHOT</version>

<url>http://www.example.com</url>

<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

<maven.compiler.source>1.8</maven.compiler.source>

<maven.compiler.target>1.8</maven.compiler.target>

<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

<spring.version>4.1.2.RELEASE</spring.version>

<mybatis.version>3.2.1</mybatis.version>

<slf4j.version>1.7.2</slf4j.version>

<log4j.version>1.2.17</log4j.version>

<jackson.version>2.5.0</jackson.version>

</properties>

<groupId>junit</groupId>

<artifactId>junit</artifactId>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-aop</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-aspects</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-beans</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-context</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-core</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-expression</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-jdbc</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-test</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-tx</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>commons-logging</groupId>

<artifactId>commons-logging</artifactId>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-web</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>org.springframework</groupId>

<artifactId>spring-webmvc</artifactId>

<version>${spring.version}</version>

</dependency>

<groupId>aopalliance</groupId>

<artifactId>aopalliance</artifactId>

</dependency>

<groupId>org.aspectj</groupId>

<artifactId>aspectjweaver</artifactId>

</dependency>

<groupId>commons-fileupload</groupId>

<artifactId>commons-fileupload</artifactId>

</dependency>

<groupId>commons-io</groupId>

<artifactId>commons-io</artifactId>

</dependency>

<groupId>com.fasterxml.jackson.core</groupId>

<artifactId>jackson-databind</artifactId>

<version>${jackson.version}</version>

</dependency>

<groupId>com.fasterxml.jackson.core</groupId>

<artifactId>jackson-core</artifactId>

<version>${jackson.version}</version>

</dependency>

<groupId>com.fasterxml.jackson.core</groupId>

<artifactId>jackson-annotations</artifactId>

<version>${jackson.version}</version>

</dependency>

<groupId>commons-dbcp</groupId>

<artifactId>commons-dbcp</artifactId>

</dependency>

<groupId>commons-pool</groupId>

<artifactId>commons-pool</artifactId>

</dependency>

<groupId>org.mybatis</groupId>

<artifactId>mybatis</artifactId>

<version>${mybatis.version}</version>

</dependency>

<groupId>org.mybatis</groupId>

<artifactId>mybatis-spring</artifactId>

</dependency>

<version>${log4j.version}</version>

</dependency>

<version>${slf4j.version}</version>

</dependency>

<version>${slf4j.version}</version>

</dependency>

<groupId>mysql</groupId>

<artifactId>mysql-connector-java</artifactId>

</dependency>

</dependency>

<groupId>javax.servlet</groupId>

<artifactId>javax.servlet-api</artifactId>

<scope>provided</scope>

</dependency>

<groupId>javax.servlet.jsp</groupId>

<scope>provided</scope>

</dependency>

</dependencies>

<build>

<groupId>org.mybatis.generator</groupId>

<artifactId>mybatis-generator-maven-plugin</artifactId>

</configuration>

</plugin>

<artifactId>maven-clean-plugin</artifactId>

</plugin>

<artifactId>maven-resources-plugin</artifactId>

</plugin>

<artifactId>maven-compiler-plugin</artifactId>

</plugin>

<artifactId>maven-surefire-plugin</artifactId>

</plugin>

<artifactId>maven-war-plugin</artifactId>

</plugin>

<artifactId>maven-install-plugin</artifactId>

</plugin>

<artifactId>maven-deploy-plugin</artifactId>

</plugin>

</plugins>

</build>

</project>

1.3 web.xml

注解修改版本(2.3不支持el表达式)
与SpringMVC的集成配置

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns="http://java.sun.com/xml/ns/javaee"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"

version="3.0">

<display-name>crm</display-name>

<context-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath:applicationContext.xml</param-value>

</context-param>

<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>

</listener>

<servlet-name>springmvc</servlet-name>

<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

<init-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath:applicationContext-mvc.xml</param-value>

</init-param>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>springmvc</servlet-name>

<url-pattern>/</url-pattern>

</servlet-mapping>

<filter-name>encodingFilter</filter-name>

<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>

<init-param>

<param-name>encoding</param-name>

<param-value>UTF-8</param-value>

</init-param>

</filter>

<filter-mapping>

<filter-name>encodingFilter</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping></web-app>

1.4 jdbc.properties

数据的名称，用户名密码都要注意

jdbc.driverClassName=com.mysql.jdbc.Driver

jdbc.url=jdbc:mysql:///crm

jdbc.username=root

jdbc.password=root

1.5 applicationContext.xml

注意所有的用到包名的地方

<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"

xmlns:context="http://www.springframework.org/schema/context"

xmlns:tx="http://www.springframework.org/schema/tx"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

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

http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd

<context:component-scan base-package="cn.itsource.crm.service" />

<context:property-placeholder location="classpath:jdbc.properties" />

</bean>

<!--

咱们以前学过JPA,JPA的话需要配置EntityManagerFactory(需要读取配置,做很多事情都能配置)

咱们使用了一个FactoryBean完成 -> EntityManagerFactoryBean

配置SqlSessionFactory需要读取配置,做很多事情都能配置),它有一个叫做SqlSessionFactoryBean

-->

</bean>

</bean>

<!--我们需要配置一个事务管理器

以前学习JPA ,是有一个类JpaTransactionManager的事务对象

mybatis用的是:DataSourceTransactionManager

-->

</bean>

<tx:annotation-driven transaction-manager="transactionManager" /></beans>

1.5 applicationContext-mvc.xml

注意一下用到的包名

<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"

xmlns:context="http://www.springframework.org/schema/context"

xmlns:mvc="http://www.springframework.org/schema/mvc"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

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

http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd

<context:component-scan base-package="cn.itsource.crm.web.controller" />

<mvc:annotation-driven />

<mvc:default-servlet-handler />

</bean>

</property>

</bean>

</beans>

二.代码生成最基本的功能

2.1 准备好相应的代码生成器插件

在pom.xml中已经导入成功

<groupId>org.mybatis.generator</groupId>

<artifactId>mybatis-generator-maven-plugin</artifactId>

</configuration></plugin>

2.2 准备generatorConfig.xml

先把数据库要准备好

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE generatorConfiguration

PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"

"http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd"><generatorConfiguration>

<!--

classPathEntry：可以配置多个，也不配置

数据库驱动:这里找到相应的驱动jar包就可以了(注:不同数据库的jar不一样)

location:里面的是路径(也可以直接写绝对路径 -> 如:E:\mybatis\mysql-connector-java-5.1.26-bin.jar)

-->

<!--

context：用于生成一组对象的环境(至少配置1个，可以配置多个)

id:表达唯一的名称

targetRuntime：用于指定生成的代码的运行环境(MyBatis3/MyBatis3Simple)

MyBatis3:默认值

MyBatis3Simple：不会生成与Example(案例)相关的方法

-->

<!--

用于配置如果生成注释信息(最多可以配置一下)

suppressAllComments:阻止生成注释，默认为false

suppressDate:阻止生成的注释时间戳，默认为false

addRemarkComments：注释是否添加数据库表的备注信息，默认为false

-->

</commentGenerator>

<!--

这个应该比较清楚，配置连接数据库的基本信息

-->

<jdbcConnection driverClass="com.mysql.jdbc.Driver"

connectionURL="jdbc:mysql:///crm"

userId="root" password="root">

</jdbcConnection>

<!--

用于指定JDBC类型和Java类型如何转换，最多可以配置一个

forceBigDecimals:控制是否强制将DECIMAL和NUMERIC类型的JDBC字段转换成Java类型的 BigDecimal

默认为false,一般不需要配置

-->

</javaTypeResolver>

<!--

javaModelGenerator:用来控制生成的实体类

targetPackage：生成Model类存放位置(包名)

targetProject：指定目标项目路径(根目录)

对应的子属性:

trimStrings：判断是否对数据库查询结果进行trim操作(默认false)

-->

</javaModelGenerator>

<!--

sqlMapGenerator：生成映射文件存放位置(Mapper.xml文件)

targetPackage:生成SQL映射文件(XML文件)在哪个包中

targetProject:指定目标项目路径(根目录)

-->

</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>

<!--

table：生成对应表及类名

tableName：对应表名(注:%代表所有)

domainObjectName:对应的类名

generatedKey：主键自增的id字段(针对当前数据库配置MySQL)

-->

</table>

</context>

</generatorConfiguration>

三.三层的搭建

代码生成器生成了部分代码(相应的xml已经存在)

3.1 Dao层

3.1.1 BaseMapper

public interface BaseMapper<T> {

int deleteByPrimaryKey(Long id);

int insert(T record);

T selectByPrimaryKey(Long id);

List<T> selectAll();

int updateByPrimaryKey(T record);

}

3.1.2 DepartmentMapper

public interface DepartmentMapper extends BaseMapper<Department> {

}

3.2 Service层

3.2.1 IBaseService接口

public interface IBaseService<T> {

void save(T t);

void update(T t);

void delete(Long id);

T findOne(Long id);

List<T> findAll();

}

3.2.2 BaseService的实现

这里需要加上事务的注解

@Transactionalpublic class BaseServiceImpl<T> implements IBaseService<T> {

@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<Department> {

}

3.2.4 DepartmentServiceImpl

@Service

public class DepartmentServiceImpl extends BaseServiceImpl<Department> 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+"/";

%><base href="<%=basePath%>">

4.2.2 index.jsp (/WEB-INF/views/department/index.jsp)

<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head>

<title>Title</title>

<%@include file="/WEB-INF/views/common/common.jsp" %>

<%--引入当前这个模块对应的js文件--%>

title="My Panel" iconCls="icon-save" collapsible="true">

The panel content</div>

</body></html>

4.2.3 准备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" %><html><head>

<title>Title</title>

<%@include file="/WEB-INF/views/common/common.jsp" %>

<%--引入当前这个模块对应的js文件--%>

<div id="departmentDialog">

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>

</select>

</td>

</tr>

</table>

</form></div><div id="departmentDialogButtons">

</body></html>

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");

itsource[methodName]();

})

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

</select>

5.5 修改了BaseMapper这个接口

public interface BaseMapper<T> {

//....

Page<T> queryAll(BaseQuery baseQuery);

}

5.6 修改applicationContext.xml

在pom.xml中引入相应的插件(注意版本)

<dependency>

<groupId>com.github.pagehelper</groupId>

<artifactId>pagehelper</artifactId>

注：一定要配置咱们的分页拦截器(注意版本)

<array>

<value>helperDialect=mysql</value>

</property>

</bean>

</array>

</property></bean>

5.7 修改了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();

}

//...

}

5.8 baseService中添加方法

//完成分页功能性

@Override

public PageResult<T> queryAll(BaseQuery query) {

//配置分页的值

PageHelper.startPage(query.getPage(),query.getRows());

Page<T> page = baseMapper.queryAll(query);

return new PageResult<T>(page);

}

5.9 修改controller

准备controller返回的数据

@RequestMapping("/page")@ResponseBody

public PageResult<Department> 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"?><project xmlns="http://maven.apache.org/POM/4.0.0"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

<groupId>cn.itsource</groupId>

<artifactId>maven-many-project</artifactId>

<version>1.0-SNAPSHOT</version>

<module>basic-util</module>

<module>oa-service</module>

</modules>

</project>

6.2.2 子模块中引入其它子模块

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

<dependencies>

<groupId>cn.itsource</groupId>

<artifactId>basic-util</artifactId>

<version>1.0-SNAPSHOT</version>

</dependency></dependencies>

java后生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SSM+Easuyi+CRUD

一.创建Maven项目1.1 项目结构设置1.2 pom.xml配置在pom.xml中引入下面代码<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSch...
复制链接

扫一扫