一个简易美观的Java后台管理项目

2 篇文章 0 订阅
2 篇文章 0 订阅
原文:

最近参与的一个项目中,后台使用的是springBoot框架 + 页面使用的是 freeMark 和 layui 组成的页面。花了点时间看了项目大致的框架,觉得 layui 还是挺好看且易用的,所以花了点时间自己用springBoot + thymeleaf + layui 把框架的雏形给描了出来,在这里分享一下,然后可以在此基础上,扩展出自己需要的东西。

这个项目界面是很简单大方,就是左边一系列菜单,点击后右侧就出现相应界面,跟平常用的后台管理也大致一样。但是我保证这个项目更简单,更容易上手,且更容易扩展。十分钟就能看完它的结构。

好了,话不多说,先上效果图,再附上源码。有需要的可以下载回去玩玩。很适合个人练手项目。无论是SSM还是SpringBoot的之类的都可以融入使用。

一、登录界面:及其简约的X冷淡风。哈哈哈。

二、主页

 

三、点击左侧选项

 

目前分享的只是一个最简单最基础的雏形模版,连密码加密,基本的增删改查,还有权限管理,角色管理,菜单管理,日志记录之类的都还没实现,这里就不多做介绍了。需要的话再找我拿吧。

(对springBoot一点都不了解的碰友,可以了解一下:十分钟了解springboot微服务架构的基本使用)

最后,项目源码:

简易后台管理系统(一)实现点击左侧列表加载对应页面

简易后台管理系统(二)实现分页查询代码

简易后台管理系统(三)实现角色和权限

简易后台管理系统(四)实现记录系统日志和代码自动生成

New 简易后台管理系统(五)项目优化

2018-12-19 最新修改:

1. 优化树结构部分代码,使用一棵树仅需几行代码

2.优化上传部分代码,支持上传img,excel类型文件,更清晰友好地支持扩展

3.添加支持跨域请求功能

4.添加excel模版下载、excel解析功能,根据上传的excel批量导入用户功能

5.一些小问题修复

目前基本功能: 

1) 登录验证:登录时检测帐号密码是否正确及用户是否有效。否则给予提示并需要重新输入

2) 权限管理功能:登录后,根据当前角色获取该角色的权限,权限在左侧列表显示,点击左侧列表前往相应界面

3) 角色管理功能:可根据不同角色分配不同权限。

4) 日志记录功能:通过切面和注解的形式自动记录需要记录的操作

5) 前台:右侧界面的导航栏添加右键关闭当前、关闭其它、关闭所有的功能,提供收起/展开左侧菜单列表,列表界面配合mybatis分页插件进行分页,提供便捷的增删改查和批量操作模版,提供简易的页面元素验证方式,提供form表单元素自动加载功能,提供图片上传及预览示例,提供前后台数据快速交互示例等

6) 后台:提供基本的Controller,service, mapper,使能够极快速得获取数据; 提供异常/错误页面处理;提供文件的上传、下载处理;提供excel的生成和读取处理;提供跨域支持处理;提供是否有效用户访问校验,未登录者需先登录;提供代码生成工具类,可一键生成所需的基本代码,生成的代码模版中增删改查功能直接可用。

下载并导入项目,执行resource文件夹下的init.sql文件后,一分钟即可体验上述基本功能。

 


2018-11-20 最新效果:系统用户,角色,权限功能的完成。

 

 

 

 


2018-11-28 最新功能:完成图片的上传、预览功能。完善代码生成工具:可一键整个模块所需的文件。一个简单模块的增删改查只需1分钟。(建议直接使用MybatisPlus即可)

 

 

vip-admin Html v1.0.0.zip 更新时间:2017-01-06 更新日志: 1.该模板最大化保留了原生layui的基础样式,整合行成的一套后台模板。 2.该模板集合了layui插件、datatables插件。 3.该模板使用layui基础样式中的按钮、表单、表格、和选项卡 4.datatables表格和layui表格深度整合,使用更加方便、美观、人性化。 5.扩展了欢迎页面、登录页面。 vip-admin Html v1.0.1.zip 更新时间:2017-02-16 更新日志: 1.优化datatables表格,添加排序图标,点击升序降序更加美观;表格全选优化,全选后所有选中项添加背景颜色,使之选中更加明显。 2.添加echearts图表插件,展示了基本的柱状图和饼图示例。 vip-admin Html v1.1.0.zip 更新时间:2017-02-27 更新日志: 1.登录页面添加头部标题 2.新增tree table 页面 3.新增404页面 4.新增tips提示页面 5.js功能: 具体操作请查看 js/table-tool.js getIds(table对象,获取input为id的属性); deleteAll(ids,请求url,操作成功跳转url,操作失败跳转url); UnixToDate(时间戳,显示年月日时分,加8小时显示正常时间区); 6.该版本已兼容手机浏览 vip-admin Html v1.5.0.zip 更新时间:2017-03-20 1.更新layui框架为最新版1.0.9_rts版本。 2.优化css,样式更加接近vip-admin管理系统v1.0.5。 3.新增效果:导航栏点击栏目右侧添加相应tab选项卡,点击已经生成过的选项卡直接跳转到该选选项卡 4.新增导航栏收缩按钮 5.修改已知BUG vip-admin Html v1.5.1.zip 更新时间:2017-03-21 1.修改浏览器窗口resize时不断闪烁BUG。 感谢:Clannad- vip-admin Html v1.6.0.zip 更新时间:2017-04-25 1.优化CSS、JS 2.新增新的登录、注册页面。 3.新增主题功能,提供默认、纯白、蓝白三种主题配置。 4.导航栏添加图标。 5.修改已知BUG。 vip-admin Html v1.7.0.zip 更新时间:2017-05-21 1.优化主题样式细节。 2.标签新增双击关闭当前标签功能。 3.标签新增右键功能。 4.新增js功能。 详细可查看【frame/static/js】文件夹内的js vip_nav.js 【主页菜单js】 具体功能: 1) main方法 main(请求地址,过滤ID,是否展开,携带参数); 2) top_left方法 top_left(请求地址,过滤ID,是否展开,携带参数); vip_tab.js 【子页面操作父页面选项卡js】 具体功能: 1) add方法 add(操作对象,标签标题,url地址); 2) getThisTabId方法 getThisTabId(); // 返回当前展示页面父级窗口标签的lay-id 3) del方法 del(标签lay-id); vip_table.js 【表格js,该js属于整合】 具体功能: 1) deleteAll方法 deleteAll(ids,请求的url,操作成功跳转url,操作失败跳转url); 2) unixToDate方法 unixToDate(时间戳,是否只显示年月日时分,8); // 返回正常时间 3) getIds方法 getIds(表格对象,每条数据的属性id); // 返回需要的 ids 5.修改已知BUG。 vip-admin Html v1.8.0.zip 更新时间:2017-08-26 1.更新layui-v1.0.9为layui-v2.0.2版本。 2.右键增加关闭全部标签按钮。 3.更新欢迎页面。 4.更新data-table页面和tree-table页面为layui自带table组件。 5.新增js功能。 详细可查看【frame/static/js】文件夹内的js vip_table.js 1) getFullHeight方法 getFullHeight(); // 返回子页面整体高度,用于table组件设置全屏高度 6.修改已知BUG。
评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值