使用Maven构建SSM加CRUD功能
项目结构
1. 创建Maven项目，并在pom.xml导入依赖
2. 编写web.xml文件
3. 编写Spring的配置文件（我这里叫applicationContext.xml）
引入命名空间 aop,beans,context,tx,
5. 编写SpringMVC的配置文件（我这里叫springmvc.xml）
引入命名空间 beans,context,mvc,
6. 编写mybatis配置文件（我这里叫mybatis-config.xml）
7. 编写数据库的配置信息（我用的是c3p0）c3p0.properties
8. 创建数据库
9. 使用mybatis逆向工程，根据数据库生成实体类
1.要使用这个先导入依赖
2.在项目下创建xml文件（我这里叫mbg.xml）
3在项目下创建xml文件（我这里叫mbg.xml）
4.编写一个Test运行写好的mybatis逆向工程(这个不用理解，直接复制粘贴就好)
5.运行完成就会生成对应的实体类，mapper.xml，和接口。
6.这个是逆向工程生成的mapper解释 https://www.cnblogs.com/luckypo/p/7356278.html
10. 使用 Bootstrap构建CRUD页面
导入Bootstrap的压缩文件，引入jquery压缩文件
Bootstrap下载：https://v3.bootcss.com/getting-started/#download
Bootstrap的使用说明：https://v3.bootcss.com/css/
11. 创建jsp文件 在里面引用bootstrap
12. 写一个通用的JSON返回类
13. controller类
1.DepartmentController.java
2.EmployeeController.java
14. Service类
1.DepartmentService.java
2.EmployeeService.java
到此SSM-CRUD就全部完成了，代码很多，对于有一定基础的人来说，这些代码可以给你提供一个新的写法，一些新的技巧
谢谢
需要源码的话可以联系我
项目结构
1. 创建Maven项目，并在pom.xml导入依赖
< properties> < spring.version> spring.version > < mybatis.version> mybatis.version > < slf4j.version> slf4j.version > < log4j.version> log4j.version > properties > < dependencies> < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > < scope> scope > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > < scope> scope > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > < dependency> < groupId> groupId > < artifactId> artifactId > < version> version > dependency > dependencies > 2. 编写web.xml文件
< context-param> < param-name> param-name > < param-value> param-value > context-param > < listener> < listener-class> listener-class > listener > < servlet> < servlet-name> servlet-name > < servlet-class> servlet-class > < init-param> < param-name> param-name > < param-value> param-value > init-param > < load-on-startup> load-on-startup > servlet > < servlet-mapping> < servlet-name> servlet-name > < url-pattern> url-pattern > servlet-mapping > < filter> < filter-name> filter-name > < filter-class> filter-class > < init-param> < param-name> param-name > < param-value> param-value > init-param > < init-param> < param-name> param-name > < param-value> param-value > init-param > < init-param> < param-name> param-name > < param-value> param-value > init-param > filter > < filter-mapping> < filter-name> filter-name > < url-pattern> url-pattern > filter-mapping > < filter> < filter-name> filter-name > < filter-class> filter-class > filter > < filter-mapping> < filter-name> filter-name > < url-pattern> url-pattern > filter-mapping > < filter> < filter-name> filter-name > < filter-class> filter-class > filter > < filter-mapping> < filter-name> filter-name > < url-pattern> url-pattern > filter-mapping > 3. 编写Spring的配置文件（我这里叫applicationContext.xml）
引入命名空间 aop,beans,context,tx,
< context: component-scanbase-package = " com.ns" > < context: exclude-filtertype = " annotation" expression = " org.springframework.stereotype.Controller" /> context: component-scan> < context: property-placeholderlocation = " classpath:c3p0.properties" /> < beanid = " dataSource" class = " com.mchange.v2.c3p0.ComboPooledDataSource" > < propertyname = " driverClass" value = " ${jdbc.driver}" > property > < propertyname = " jdbcUrl" value = " ${jdbc.url}" > property > < propertyname = " user" value = " ${jdbc.username}" > property > < propertyname = " password" value = " ${jdbc.password}" > property > bean > < beanid = " sqlSessionFactory" class = " org.mybatis.spring.SqlSessionFactoryBean" > < propertyname = " configLocation" value = " classpath:mybatis-config.xml" > property > < propertyname = " dataSource" ref = " dataSource" > property > < propertyname = " mapperLocations" value = " classpath:mapper/*.xml" > property > bean > < beanclass = " org.mybatis.spring.mapper.MapperScannerConfigurer" > < propertyname = " basePackage" value = " com.ns.dao" > property > bean > < beanid = " sqlSession" class = " org.mybatis.spring.SqlSessionTemplate" > < constructor-argname = " sqlSessionFactory" ref = " sqlSessionFactory" > constructor-arg > < constructor-argname = " executorType" value = " BATCH" > constructor-arg > bean > < beanid = " transactionManager" class = " org.springframework.jdbc.datasource.DataSourceTransactionManager" > < propertyname = " dataSource" ref = " dataSource" > property > bean > < tx: annotation-driventransaction-manager = " transactionManager" /> < aop: config> < aop: pointcutexpression = " execution(* com.ns.service..*(..))" id = " txPoint" /> < aop: advisoradvice-ref = " txAdvice" pointcut-ref = " txPoint" /> aop: config> < tx: adviceid = " txAdvice" transaction-manager = " transactionManager" > < tx: attributes> < tx: methodname = " *" /> < tx: methodname = " get*" read-only = " true" /> tx: attributes> tx: advice> 5. 编写SpringMVC的配置文件（我这里叫springmvc.xml）
引入命名空间 beans,context,mvc,
< context: component-scanbase-package = " com.ns" use-default-filters = " false" > < context: include-filtertype = " annotation" expression = " org.springframework.stereotype.Controller" /> < context: exclude-filtertype = " annotation" expression = " org.springframework.stereotype.Service" /> context: component-scan> < beanclass = " org.springframework.web.servlet.view.InternalResourceViewResolver" > < propertyname = " prefix" value = " /WEB-INF/views/" > property > < propertyname = " suffix" value = " .jsp" > property > bean > < mvc: default-servlet-handler/> < mvc: annotation-driven/> 6. 编写mybatis配置文件（我这里叫mybatis-config.xml）
< configuration> < settings> < settingname = " mapUnderscoreToCamelCase" value = " true" /> settings > < typeAliases> < packagename = " com.ns.pojo" /> typeAliases > < plugins> < plugininterceptor = " com.github.pagehelper.PageInterceptor" > < propertyname = " reasonable" value = " true" /> plugin > plugins > configuration > 7. 编写数据库的配置信息（我用的是c3p0）c3p0.properties
jdbc.url=jdbc:mysql://localhost:3306/ssm_curd
jdbc.driver=com.mysql.jdbc.Driver
jdbc.username=root
jdbc.password=root
8. 创建数据库
9. 使用mybatis逆向工程，根据数据库生成实体类
1.要使用这个先导入依赖
org.mybatis.generator
mybatis-generator-core
1.3.5
2.在项目下创建xml文件（我这里叫mbg.xml）
3在项目下创建xml文件（我这里叫mbg.xml）
< generatorConfiguration> < contextid = " DB2Tables" targetRuntime = " MyBatis3" > < commentGenerator> < propertyname = " suppressAllComments" value = " true" /> commentGenerator > < jdbcConnectiondriverClass = " com.mysql.jdbc.Driver" connectionURL = " jdbc:mysql://localhost:3306/ssm_curd" userId = " root" password = " root" > jdbcConnection > < javaTypeResolver> < propertyname = " forceBigDecimals" value = " false" /> javaTypeResolver > < javaModelGeneratortargetPackage = " com.ns.pojo" targetProject = " .\src\main\java" > < propertyname = " enableSubPackages" value = " true" /> < propertyname = " trimStrings" value = " true" /> javaModelGenerator > < sqlMapGeneratortargetPackage = " mapper" targetProject = " .\src\main\resources" > < propertyname = " enableSubPackages" value = " true" /> sqlMapGenerator > < javaClientGeneratortype = " XMLMAPPER" targetPackage = " com.ns.dao" targetProject = " .\src\main\java" > < propertyname = " enableSubPackages" value = " true" /> javaClientGenerator > < tabletableName = " tnl_position" domainObjectName = " Position" > table > context > generatorConfiguration > 4.编写一个Test运行写好的mybatis逆向工程(这个不用理解，直接复制粘贴就好)
public class MBGTest {
public static void main ( String[ ] args) throws Exception{
List< String> = new ArrayList < String> ( ) ;
boolean overwrite = true ;
File configFile = new File ( "mbg.xml" ) ;
ConfigurationParser cp = new ConfigurationParser ( warnings) ;
Configuration config = cp. parseConfiguration ( configFile) ;
DefaultShellCallback callback = new DefaultShellCallback ( overwrite) ;
MyBatisGenerator myBatisGenerator = new MyBatisGenerator ( config, callback, warnings) ;
myBatisGenerator. generate ( null) ;
}
}
5.运行完成就会生成对应的实体类，mapper.xml，和接口。
6.这个是逆向工程生成的mapper解释 https://www.cnblogs.com/luckypo/p/7356278.html
10. 使用 Bootstrap构建CRUD页面
导入Bootstrap的压缩文件，引入jquery压缩文件
Bootstrap下载：https://v3.bootcss.com/getting-started/#download
Bootstrap的使用说明：https://v3.bootcss.com/css/
11. 创建jsp文件 在里面引用bootstrap
我使用了Ajax做CRUD
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
< html> < head> < metahttp-equiv = " Content-Type" content = " text/html; charset=UTF-8" > < title> title > < scripttype = " text/javascript" src = " ${pageContext.request.contextPath }/static/js/jquery-1.10.2.min.js" > script > < linkhref = " ${pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel = " stylesheet" > < scriptsrc = " ${pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/js/bootstrap.min.js" > script > head > < body> < divclass = " modal fade" id = " empUpdateModal" tabindex = " -1" role = " dialog" aria-labelledby = " myModalLabel" > < divclass = " modal-dialog" role = " document" > < divclass = " modal-content" > < divclass = " modal-header" > < buttontype = " button" class = " close" data-dismiss = " modal" aria-label = " Close" > < spanaria-hidden = " true" > × span > button > < h4class = " modal-title" > h4 > div > < divclass = " modal-body" > < formclass = " form-horizontal" > < divclass = " form-group" > < labelclass = " col-sm-2 control-label" > label > < divclass = " col-sm-10" > < pclass = " form-control-static" id = " empName_update_static" > p > < spanclass = " help-block" > span > div > div > < divclass = " form-group" > < labelclass = " col-sm-2 control-label" > label > < divclass = " col-sm-10" > < inputtype = " text" name = " email" class = " form-control" id = " email_update_input" placeholder = " [email protected] " > < spanclass = " help-block" > span > div > div > < divclass = " form-group" > < labelclass = " col-sm-2 control-label" > label > < divclass = " col-sm-10" > < labelclass = " radio-inline" > < inputtype = " radio" name = " gender" id = " gender1_update_input" value = " M" checked = " checked" > label > < labelclass = " radio-inline" > < inputtype = " radio" name = " gender" id = " gender2_update_input" value = " G" > label > div > div > < divclass = " form-group" > < labelclass = " col-sm-2 control-label" > label > < divclass = " col-sm-4" > < selectclass = " form-control" name = " dId" id = " dept_update_select" > select > div > div > form > div > < divclass = " modal-footer" > < buttontype = " button" class = " btn btn-default" data-dismiss = " modal" > button > < buttontype = " button" class = " btn btn-primary" id = " emp_update_btn" > button > div > div > div > div > < divclass = " modal fade" id = " empAddModal" tabindex = " -1" role = " dialog" aria-labelledby = " myModalLabel" > < divclass = " modal-dialog" role = " document" > < divclass = " modal-content" > < divclass = " modal-header" > < buttontype = " button" class = " close" data-dismiss = " modal" aria-label = " Close" > < spanaria-hidden = " true" > × span > button > < h4class = " modal-title" id = " myModalLabel" > h4 > div > < divclass = " modal-body" > < formclass = " form-horizontal" > < divclass = " form-group" > < labelclass = " col-sm-2 control-label" > label > < divclass = " col-sm-10" > < inputtype = " text" name = " empName" class = " form-control" id = " empName_add_input" placeholder = " empName" > < spanclass = " help-block" > span > div > div > < divclass = " form-group" > < labelclass = " col-sm-2 control-label" > label > < divclass = " col-sm-10" > < inputtype = " text" name = " email" class = " form-control" id = " email_add_input" placeholder = " [email protected] " > < spanclass = " help-block" > span > div > div > < divclass = " form-group" > < labelclass = " col-sm-2 control-label" > label > < divclass = " col-sm-10" > < labelclass = " radio-inline" > < inputtype = " radio" name = " gender" id = " gender1_add_input" value = " M" checked = " checked" > label > < labelclass = " radio-inline" > < inputtype = " radio" name = " gender" id = " gender2_add_input" value = " G" > label > div > div > < divclass = " form-group" > < labelclass = " col-sm-2 control-label" > label > < divclass = " col-sm-4" > < selectclass = " form-control" name = " dId" id = " dept_add_select" > select > div > div > form > div > < divclass = " modal-footer" > < buttontype = " button" class = " btn btn-default" data-dismiss = " modal" > button > < buttontype = " button" class = " btn btn-primary" id = " emp_save_btn" > button > div > div > div > div > < divclass = " container" > < divclass = " row" > < divclass = " col-md-12" > < h1> h1 > div > div > < divclass = " row" > < divclass = " col-md-4 col-md-offset-8" > < buttonclass = " btn btn-primary" id = " emp_add_model_btn" > button > < buttonclass = " btn btn-danger" id = " emp_delete_all_btn" > button > div > div > < divclass = " row" > < divclass = " col-md-12" > < tableclass = " table table-hover" id = " emps_table" > < thead> < tr> < th> < inputtype = " checkbox" id = " check_all" /> th > < th> th > < th> th > < th> th > < th> th > < th> th > < th> th > tr > thead > < tbody> tbody > table > div > div > < divclass = " row" > < divclass = " col-md-6" id = " page_info_area" > div > < divclass = " col-md-6" id = " page_nav_area" > div > div > div > < scripttype = " text/javascript" >
var totalRecord;
var currentPage;
$ ( function ( ) {
to_page ( 1 ) ;
} ) ;
function to_page ( pn) {
$. ajax ( {
url: "${APP_PATH}/emps" ,
data: "pn=" + pn,
type: "get" ,
success: function ( result) {
build_emps_table ( result) ;
build_emps_info ( result) ;
build_emps_nav ( result) ;
}
} ) ;
}
function build_emps_table ( result) {
$ ( "#emps_table tbody" ) . empty ( ) ;
var emps= result. extend. pageInfo. list;
$. each ( emps, function ( index, item) {
var checkBoxTd= $ ( " )
var empIdTd= $ ( " ) . append ( item. empId) ;
var empNameTd= $ ( " ) . append ( item. empName) ;
var genderTd= $ ( " ) . append ( item. gender== 'M' ? "男" : "女" ) ;
var emailTd= $ ( " ) . append ( item. email) ;
var deptNameTd= $ ( " ) . append ( item. department. deptName) ;
var editBtn= $ ( " ) . addClass ( "btn btn-primary btn-sm edit_btn" )
. append ( $ ( " ) . addClass ( "glyphicon glyphicon-pencil" ) )
. append ( "编辑" ) ;
editBtn. attr ( "edit-id" , item. empId) ;
var delBtn= $ ( " ) . addClass ( "btn btn-danger btn-sm delete_btn" )
. append ( $ ( " ) . addClass ( "glyphicon glyphicon-trash" ) )
. append ( "删除" ) ;
delBtn. attr ( "delete-id" , item. empId) ;
var btnTd= $ ( " ) . append ( editBtn) . append ( "" ) . append ( delBtn) ;
$ ( " ) . append ( checkBoxTd)
. append ( empIdTd)
. append ( empNameTd)
. append ( genderTd)
. append ( emailTd)
. append ( deptNameTd)
. append ( btnTd)
. appendTo ( "#emps_table tbody" ) ;
} ) ;
}
function build_emps_info ( result) {
$ ( "#page_info_area" ) . empty ( ) ;
$ ( "#page_info_area" ) . append ( "当前" + result. extend. pageInfo. pageNum+ "页,总"
+ result. extend. pageInfo. pages+ "页,总" +
result. extend. pageInfo. total+ "条记录" ) ;
totalRecord= result. extend. pageInfo. total;
currentPage= result. extend. pageInfo. pageNum;
}
function build_emps_nav ( result) {
$ ( "#page_nav_area" ) . empty ( ) ;
var ul= $ ( "" ) . addClass ( "pagination" ) ;
var firstPageLi= $ ( " ) . append ( $ ( " ) . append ( "首页" ) . attr ( "href" , "#" ) ) ;
var prePageLi= $ ( " ) . append ( $ ( " ) . append ( "«" ) ) ;
if ( result. extend. pageInfo. hasPreviousPage == false ) {
firstPageLi. addClass ( "disabled" ) ;
prePageLi. addClass ( "disabled" ) ;
} else {
firstPageLi. click ( function ( ) {
to_page ( 1 ) ;
} )
prePageLi. click ( function ( ) {
to_page ( result. extend. pageInfo. pageNum- 1 ) ;
} )
}
var nextPageLi= $ ( " ) . append ( $ ( " ) . append ( "»" ) ) ;
var lasePageLi= $ ( " ) . append ( $ ( " ) . append ( "末页" ) . attr ( "href" , "#" ) ) ;
if ( result. extend. pageInfo. hasNextPage == false ) {
nextPageLi. addClass ( "disabled" ) ;
lasePageLi. addClass ( "disabled" ) ;
} else {
nextPageLi. click ( function ( ) {
to_page ( result. extend. pageInfo. pageNum+ 1 ) ;
} )
lasePageLi. click ( function ( ) {
to_page ( result. extend. pageInfo. pages) ;
} )
}
ul. append ( firstPageLi)
. append ( prePageLi)
$. each ( result. extend. pageInfo. navigatepageNums, function ( index, item) {
var numLi= $ ( " ) . append ( $ ( " ) . append ( item) ) ;
if ( result. extend. pageInfo. pageNum == item) {
numLi. addClass ( "active" ) ;
}
numLi. click ( function ( ) {
to_page ( item) ;
} ) ;
ul. append ( numLi) ;
} ) ;
ul. append ( nextPageLi) . append ( lasePageLi) ;
var navEle= $ ( " ) . append ( ul) ;
navEle. appendTo ( "#page_nav_area" ) ;
}
function reset_form ( ele) {
$ ( ele) [ 0 ] . reset ( ) ;
$ ( ele) . find ( "*" ) . removeClass ( "has-error has-success" )
$ ( ele) . find ( ".help-block" ) . text ( "" ) ;
}
$ ( "#emp_add_model_btn" ) . click ( function ( ) {
reset_form ( "#empAddModal form" ) ;
getDepts ( "#dept_add_select" ) ;
$ ( "#empAddModal" ) . modal ( {
backdrop: "static"
} ) ;
} ) ;
function getDepts ( ele) {
$ ( ele) . empty ( ) ;
$. ajax ( {
url: "${APP_PATH}/depts" ,
type: "GET" ,
success: function ( result) {
$. each ( result. extend. depts, function ( index, item) {
var optionEle= $ ( " ) . append ( item. deptName) . attr ( "value" , item. deptId) ;
optionEle. appendTo ( ele) ;
} ) ;
}
} ) ;
}
function validate_add_form ( ) {
var empName= $ ( "#empName_add_input" ) . val ( ) ;
var regName= /(^[a-zA-Z0-9_-]{4,16}$)|(^[\u2E80-\u9FFF]{2,5})/ ;
if ( ! regName. test ( empName) ) {
show_validate_msg ( "#empName_add_input" , "error" , "用户名可以是2-5为中文" ) ;
return false ;
} else {
show_validate_msg ( "#empName_add_input" , "success" , "" ) ;
} ;
var Email= $ ( "#email_add_input" ) . val ( ) ;
var regEmail= /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ ;
if ( ! regEmail. test ( Email) ) {
show_validate_msg ( "#email_add_input" , "error" , "邮箱格式不正确" ) ;
return false ;
} else {
show_validate_msg ( "#email_add_input" , "success" , "" ) ;
} ;
return true ;
} ;
function show_validate_msg ( ele, status, msg) {
$ ( ele) . parent ( ) . removeClass ( "has-success has-error" ) ;
$ ( ele) . next ( "span" ) . text ( "" ) ;
if ( "success" == status) {
$ ( ele) . parent ( ) . addClass ( "has-success" ) ;
$ ( ele) . next ( "span" ) . text ( msg) ;
} else if ( "error" == status) {
$ ( ele) . parent ( ) . addClass ( "has-error" ) ;
$ ( ele) . next ( "span" ) . text ( msg) ;
}
}
$ ( "#empName_add_input" ) . change ( function ( ) {
var empName= this . value;
$. ajax ( {
url: "${APP_PATH}/checkuser" ,
data: "empName=" + empName,
type: "POST" ,
success: function ( result) {
if ( result. code== 100 ) {
show_validate_msg ( "#empName_add_input" , "success" , "用户名可用" ) ;
$ ( "#emp_save_btn" ) . attr ( "ajax-va" , "success" ) ;
} else {
show_validate_msg ( "#empName_add_input" , "error" , result. extend. va_msg) ;
$ ( "#emp_save_btn" ) . attr ( "ajax-va" , "error" ) ;
}
}
} )
} ) ;
$ ( "#emp_save_btn" ) . click ( function ( ) {
if ( ! validate_add_form ( ) ) {
return false ;
}
if ( $ ( "#emp_save_btn" ) . attr ( "ajax-va" ) == "error" ) {
return false ;
}
$. ajax ( {
url: "${APP_PATH}/emp" ,
type: "POST" ,
data: $ ( "#empAddModal form" ) . serialize ( ) ,
success: function ( result) {
if ( result. code== 100 ) {
$ ( "#empAddModal" ) . modal ( 'hide' )
to_page ( totalRecord) ;
} else {
if ( undefined!= result. extend. errorFields. email) {
show_validate_msg ( "#email_add_input" , "error" , result. extend. errorFields. email) ;
}
if ( undefined!= result. extend. errorFields. empName) {
show_validate_msg ( "#empName_add_input" , "error" , result. extend. errorFields. empName) ;
}
}
}
} ) ;
} ) ;
$ ( document) . on ( "click" , ".edit_btn" , function ( ) {
getDepts ( "#empUpdateModal select" ) ;
lookEmp ( $ ( this ) . attr ( "edit-id" ) ) ;
$ ( "#emp_update_btn" ) . attr ( "edit-id" , $ ( this ) . attr ( "edit-id" ) ) ;
$ ( "#empUpdateModal" ) . modal ( {
backdrop: "static"
} ) ;
} ) ;
function lookEmp ( id) {
$. ajax ( {
url: "${APP_PATH}/emp/" + id,
type: "GET" ,
success: function ( result) {
var empData= result. extend. emp;
$ ( "#empName_update_static" ) . text ( empData. empName) ;
$ ( "#email_update_input" ) . val ( empData. email) ;
$ ( "#empUpdateModal input[name=gender]" ) . val ( [ empData. gender] )
$ ( "#empUpdateModal select" ) . val ( [ empData. dId] )
}
} )
}
$ ( "#emp_update_btn" ) . click ( function ( ) {
var Email= $ ( "#email_update_input" ) . val ( ) ;
var regEmail= /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ ;
if ( ! regEmail. test ( Email) ) {
show_validate_msg ( "#email_update_input" , "error" , "邮箱格式不正确" ) ;
return false ;
} else {
show_validate_msg ( "#email_update_input" , "success" , "" ) ;
} ;
$. ajax ( {
url: "${APP_PATH}/emp/" + $ ( this ) . attr ( "edit-id" ) ,
type: "PUT" ,
data: $ ( "#empUpdateModal form" ) . serialize ( ) ,
success: function ( reuslt) {
$ ( "#empUpdateModal" ) . modal ( "hide" ) ;
to_page ( currentPage) ;
}
} )
} )
$ ( document) . on ( "click" , ".delete_btn" , function ( ) {
var empName= $ ( this ) . parents ( "tr" ) . find ( "td:eq(2)" ) . text ( ) ;
if ( confirm ( "确认删除员工【" + empName+ "】吗?" ) ) {
$. ajax ( {
url: "${APP_PATH}/emp/" + $ ( this ) . attr ( "delete-id" ) ,
type: "DELETE" ,
success: function ( result) {
alert ( result. msg) ;
to_page ( currentPage) ;
}
} )
}
} ) ;
$ ( "#check_all" ) . click ( function ( ) {
$ ( ".check_item" ) . prop ( "checked" , $ ( this ) . prop ( "checked" ) ) ;
} ) ;
$ ( document) . on ( "click" , ".check_item" , function ( ) {
var flag= $ ( ".check_item:checked" ) . length== $ ( ".check_item" ) . length;
$ ( "#check_all" ) . prop ( "checked" , flag) ;
} ) ;
$ ( "#emp_delete_all_btn" ) . click ( function ( ) {
var empNames= "" ;
var del_idstr= "" ;
$. each ( $ ( ".check_item:checked" ) , function ( ) {
empNames+= $ ( this ) . parents ( "tr" ) . find ( "td:eq(2)" ) . text ( ) + "," ;
del_idstr+= $ ( this ) . parents ( "tr" ) . find ( "td:eq(1)" ) . text ( ) + "-" ;
} ) ;
empNames= empNames. substring ( 0 , empNames. length- 1 ) ;
del_idstr= del_idstr. substring ( 0 , del_idstr. length- 1 ) ;
if ( confirm ( "确认删除【" + empNames+ "】吗?" ) ) {
$. ajax ( {
url: "${APP_PATH}/emp/" + del_idstr,
type: "DELETE" ,
success: function ( result) {
alert ( result. msg)
to_page ( currentPage) ;
}
} )
}
} ) ;
script > body > html > 12. 写一个通用的JSON返回类
public class Msg {
private int code;
private String msg;
private Map< String, Object> = new HashMap < String, Object> ( ) ;
public static Msg success ( ) {
Msg result= new Msg ( ) ;
result. setCode ( 100 ) ;
result. setMsg ( "处理成功" ) ;
return result;
}
public static Msg fail ( ) {
Msg result= new Msg ( ) ;
result. setCode ( 200 ) ;
result. setMsg ( "处理失败" ) ;
return result;
}
public Msg add ( String key, Object value) {
this . getExtend ( ) . put ( key, value) ;
return this ;
}
public int getCode ( ) {
return code;
}
public void setCode ( int code) {
this . code = code;
}
public String getMsg ( ) {
return msg;
}
public void setMsg ( String msg) {
this . msg = msg;
}
public Map< String, Object> getExtend ( ) {
return extend;
}
public void setExtend ( Map< String, Object> ) {
this . extend = extend;
}
}
13. controller类
1.DepartmentController.java
@Controller
public class DepartmentController {
@Autowired
private DepartmentService departmentService;
@RequestMapping ( "/depts" )
@ResponseBody
public Msg AllDepts ( ) {
List< Department> = departmentService. AllDepts ( ) ;
return Msg. success ( ) . add ( "depts" , list) ;
}
}
2.EmployeeController.java
@Controller
public class EmployeeController {
@Autowired
EmployeeService EmployeeService;
@RequestMapping ( value= "/emp/{ids}" , method= RequestMethod. DELETE)
@ResponseBody
public Msg deleteEmpBy ( @PathVariable ( "ids" ) String ids) {
if ( ids. contains ( "-" ) ) {
List< Integer> = new ArrayList < Integer> ( ) ;
String[ ] str_ids = ids. split ( "-" ) ;
for ( String string : str_ids) {
del_id. add ( Integer. parseInt ( string) ) ;
}
EmployeeService. deleteBatch ( del_id) ;
} else {
Integer id= Integer. parseInt ( ids) ;
EmployeeService. deleteEmpById ( id) ;
}
return Msg. success ( ) ;
}
@RequestMapping ( value= "/emp/{empId}" , method= RequestMethod. PUT)
@ResponseBody
public Msg saveEmp ( Employee employee) {
EmployeeService. updateEmp ( employee) ;
return Msg. success ( ) ;
}
@RequestMapping ( value= "/emp/{id}" , method= RequestMethod. GET)
@ResponseBody
public Msg lookEmp ( @PathVariable ( "id" ) Integer id) {
Employee employee= EmployeeService. lookEmp ( id) ;
return Msg. success ( ) . add ( "emp" , employee) ;
}
@RequestMapping ( "/checkuser" )
@ResponseBody
public Msg checkuser ( @RequestParam ( "empName" ) String empName) {
String regx= "(^[a-zA-Z0-9_-]{4,16}$)|(^[\u2E80-\u9FFF]{2,5})" ;
if ( ! empName. matches ( regx) ) {
return Msg. fail ( ) . add ( "va_msg" , "用户名必须是6-16为数字和字母的组合或2-5位中文" ) ;
}
Boolean b= EmployeeService. checkuser ( empName) ;
if ( b) {
return Msg. success ( ) ;
} else {
return Msg. fail ( ) . add ( "va_msg" , "用户名不可用" ) ;
}
}
@RequestMapping ( value= "/emp" , method= RequestMethod. POST)
@ResponseBody
public Msg saveEmp ( @Valid Employee employee, BindingResult result) {
if ( result. hasErrors ( ) ) {
Map< String, Object> = new HashMap < String, Object> ( ) ;
List< FieldError> = result. getFieldErrors ( ) ;
for ( FieldError fieldError : errors) {
System. out. println ( "错误的字段名：" + fieldError. getField ( ) ) ;
System. out. println ( "错误信息：" + fieldError. getDefaultMessage ( ) ) ;
map. put ( fieldError. getField ( ) , fieldError. getDefaultMessage ( ) ) ;
}
return Msg. fail ( ) . add ( "errorFields" , map) ;
} else {
EmployeeService. saveEmp ( employee) ;
return Msg. success ( ) ;
}
}
@RequestMapping ( "/emps" )
@ResponseBody
public Msg findEmpsWithJSON (
@RequestParam ( value= "pn" , defaultValue= "1" ) Integer pn
) {
PageHelper. startPage ( pn, 5 ) ;
List< Employee> = EmployeeService. getAll ( ) ;
PageInfo page = new PageInfo ( emps, 5 ) ;
return Msg. success ( ) . add ( "pageInfo" , page) ;
}
public String findEmps ( @RequestParam ( value= "pn" , defaultValue= "1" ) Integer pn
, Model model) {
PageHelper. startPage ( pn, 5 ) ;
List< Employee> = EmployeeService. getAll ( ) ;
PageInfo page = new PageInfo ( emps, 5 ) ;
model. addAttribute ( "pageInfo" , page) ;
return "list" ;
}
}
14. Service类
1.DepartmentService.java
@Service
public class DepartmentService {
@Autowired
private DepartmentMapper departmentMapper;
public List< Department> AllDepts ( ) {
List< Department> = departmentMapper. selectByExample ( null) ;
return list;
}
}
2.EmployeeService.java
@Service
public class EmployeeService {
@Autowired
EmployeeMapper employeeMapper;
public List< Employee> getAll ( ) {
return employeeMapper. selectByExampleWithDept ( null) ;
}
public void saveEmp ( Employee employee) {
employeeMapper. insertSelective ( employee) ;
}
public Boolean checkuser ( String empName) {
EmployeeExample example = new EmployeeExample ( ) ;
Criteria criteria = example. createCriteria ( ) ;
criteria. andEmpNameEqualTo ( empName) ;
long count= employeeMapper. countByExample ( example) ;
return count== 0 ;
}
public Employee lookEmp ( Integer id) {
Employee employee = employeeMapper. selectByPrimaryKey ( id) ;
return employee;
}
public void updateEmp ( Employee employee) {
employeeMapper. updateByPrimaryKeySelective ( employee) ;
}
public void deleteEmpById ( Integer id) {
employeeMapper. deleteByPrimaryKey ( id) ;
}
public void deleteBatch ( List< Integer> ) {
EmployeeExample example = new EmployeeExample ( ) ;
Criteria criteria = example. createCriteria ( ) ;
criteria. andEmpIdIn ( ids) ;
employeeMapper. deleteByExample ( example) ;
}
}
到此SSM-CRUD就全部完成了，代码很多，对于有一定基础的人来说，这些代码可以给你提供一个新的写法，一些新的技巧
谢谢
需要源码的话可以联系我
