【实例简介】
项目描述:
这是通过ssm+layui 实现的简单的对数据表格的增删改查,所有页面纯由layui实现。
如果你是新手学习layui,那这个绝对会对你有很大的帮助;
如果你之前已经学过甚至已经使用过,那这个可以当做一个参考。
使用心得:之前做项目的时候用到过这种数据表格,看中的是它的页面美观大方。
你可能会对layui传递数据感到疑惑不解,看了这个后你会有所思考
框架用的ssm , 从controller-->xml , 架构的简介明了,会有助于你的理解!
运行环境:
IntelliJ IDEA(eclipse)+maven+mysql(jdk,tomcat
【实例截图】
【核心代码】
ssmlayui
└── ssmlayui
├── pom.xml
├── src
│ └── main
│ ├── java
│ │ ├── controller
│ │ │ └── StudentController.java
│ │ ├── dao
│ │ │ └── StudentMapper.java
│ │ ├── entity
│ │ │ └── student.java
│ │ └── service
│ │ ├── impl
│ │ │ └── StudentServiceImpl.java
│ │ └── IStudentService.java
│ ├── resources
│ │ ├── ApplicationContext-MVC.xml
│ │ ├── ApplicationContext-Mybatis.xml
│ │ ├── dbconfig.properties
│ │ ├── logback.xml
│ │ ├── mapper
│ │ │ └── student.xml
│ │ └── mybatis-config.xml
│ └── webapp
│ ├── index.jsp
│ ├── pages
│ │ └── handleResult.jsp
│ ├── statics
│ │ ├── head
│ │ │ └── init.jsp
│ │ ├── jquery
│ │ │ ├── jquery-3.2.1.min.js
│ │ │ └── student.js
│ │ └── layui
│ │ ├── css
│ │ │ ├── layui.css
│ │ │ ├── layui.mobile.css
│ │ │ └── modules
│ │ │ ├── code.css
│ │ │ ├── laydate
│ │ │ │ └── default
│ │ │ │ └── laydate.css
│ │ │ └── layer
│ │ │ └── default
│ │ │ ├── icon-ext.png
│ │ │ ├── icon.png
│ │ │ ├── layer.css
│ │ │ ├── loading-0.gif
│ │ │ ├── loading-1.gif
│ │ │ └── loading-2.gif
│ │ ├── font
│ │ │ ├── iconfont.eot
│ │ │ ├── iconfont.svg
│ │ │ ├── iconfont.ttf
│ │ │ └── iconfont.woff
│ │ ├── images
│ │ │ └── face
│ │ │ ├── 0.gif
│ │ │ ├── 10.gif
│ │ │ ├── 11.gif
│ │ │ ├── 12.gif
│ │ │ ├── 13.gif
│ │ │ ├── 14.gif
│ │ │ ├── 15.gif
│ │ │ ├── 16.gif
│ │ │ ├── 17.gif
│ │ │ ├── 18.gif
│ │ │ ├── 19.gif
│ │ │ ├── 1.gif
│ │ │ ├── 20.gif
│ │ │ ├── 21.gif
│ │ │ ├── 22.gif
│ │ │ ├── 23.gif
│ │ │ ├── 24.gif
│ │ │ ├── 25.gif
│ │ │ ├── 26.gif
│ │ │ ├── 27.gif
│ │ │ ├── 28.gif
│ │ │ ├── 29.gif
│ │ │ ├── 2.gif
│ │ │ ├── 30.gif
│ │ │ ├── 31.gif
│ │ │ ├── 32.gif
│ │ │ ├── 33.gif
│ │ │ ├── 34.gif
│ │ │ ├── 35.gif
│ │ │ ├── 36.gif
│ │ │ ├── 37.gif
│ │ │ ├── 38.gif
│ │ │ ├── 39.gif
│ │ │ ├── 3.gif
│ │ │ ├── 40.gif
│ │ │ ├── 41.gif
│ │ │ ├── 42.gif
│ │ │ ├── 43.gif
│ │ │ ├── 44.gif
│ │ │ ├── 45.gif
│ │ │ ├── 46.gif
│ │ │ ├── 47.gif
│ │ │ ├── 48.gif
│ │ │ ├── 49.gif
│ │ │ ├── 4.gif
│ │ │ ├── 50.gif
│ │ │ ├── 51.gif
│ │ │ ├── 52.gif
│ │ │ ├── 53.gif
│ │ │ ├── 54.gif
│ │ │ ├── 55.gif
│ │ │ ├── 56.gif
│ │ │ ├── 57.gif
│ │ │ ├── 58.gif
│ │ │ ├── 59.gif
│ │ │ ├── 5.gif
│ │ │ ├── 60.gif
│ │ │ ├── 61.gif
│ │ │ ├── 62.gif
│ │ │ ├── 63.gif
│ │ │ ├── 64.gif
│ │ │ ├── 65.gif
│ │ │ ├── 66.gif
│ │ │ ├── 67.gif
│ │ │ ├── 68.gif
│ │ │ ├── 69.gif
│ │ │ ├── 6.gif
│ │ │ ├── 70.gif
│ │ │ ├── 71.gif
│ │ │ ├── 7.gif
│ │ │ ├── 8.gif
│ │ │ └── 9.gif
│ │ ├── lay
│ │ │ └── modules
│ │ │ ├── carousel.js
│ │ │ ├── code.js
│ │ │ ├── element.js
│ │ │ ├── flow.js
│ │ │ ├── form.js
│ │ │ ├── jquery.js
│ │ │ ├── laydate.js
│ │ │ ├── layedit.js
│ │ │ ├── layer.js
│ │ │ ├── laypage.js
│ │ │ ├── laytpl.js
│ │ │ ├── mobile.js
│ │ │ ├── table.js
│ │ │ ├── tree.js
│ │ │ ├── upload.js
│ │ │ └── util.js
│ │ ├── layui.all.js
│ │ └── layui.js
│ └── WEB-INF
│ └── web.xml
└── ssmlayui.iml
29 directories, 123 files