SSM + Layui实现的后台管理系统

适合于刚学习了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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20