适合于刚学习了SSM框架,想找项目练手的同学,那么本例非常适合你,希望能帮助有需要的初学者,不喜勿喷,另外有相关不足,希望大家可以指出,谢谢!
使用的技术
- SSM + Layui + Maven + Ajax
Layui 是一款前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,非常适合界面的快速开发。
准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身。
Layui官网地址 https://www.layui.com/
开发工具及数据库
- IDEA + MySQL 5.x
项目部署
- linux centos 7.x + tomcat 8.5
现在已经更新到2.0版本 https://blog.csdn.net/qq_39207647/article/details/103878722
先上截图
项目总体包结构
数据库设计
登录界面 需要填写验证码
登录成功后的首页界面
个人面板
记录管理员登录日志
用户管理界面
前端请求列表代码片段
table.render({
id:'userList'
,elem: '#userList'
,url: ctx+'/user/getAllUserList'// 数据接口
,limit:10// 每页默认数
,limits:[10,20,30,40]
,cols: [[ // 表头
{
field:'username', title: '登录名', align: 'center',width:110}
,{
field:'sex', title: '性别' , align: 'center',templet : '#sexTpl',width:60}
,{
field:'birthday', title: '生日' , align: 'center',templet : '<div>{
{ formatTime(d.birthday,"yyyy-MM-dd")}}</div>',width:110}
,{
field:'phone', title: '电话', align: 'center' ,width:120}
,{
field:'email', title: 'E-mail' , align: 'center',width:180}
,{
field:'status', title: '状态', width