blog
介绍
web项目前后端分离部署的基础架子。包含管理端console、移动端mobile、电脑端pc和后台java代码。适用于个人、企业网站、论坛、OA、商城项目等等,配置好之后只需要编写新的业务逻辑就好。如有疑问 QQ群号691607865 【【gitee】blog交流】:https://jq.qq.com/?_wv=1027&k=5FpNnsF
框架预览
本项目包含 登录、注册、权限管理、前后端主体框架页面等等基本的业务和功能。
参考价值在于
vue框架基础项目搭建
java web开发项目框架搭建
前后端分离项目架构设计的
PC端element-ui样式框架组件的学习和使用
移动端vant样式框架组件的学习和使用
系统应用 正确的RBAC模型设计和使用,让权限系统的动态控制随心所欲
定时任务框架quartz的动态配置及使用
mybatis框架和通用mapper相结合的最优使用方式,让你curd操作行云流水,注解式的SQL让99%的xml见鬼去吧
让前端灵活的配置复杂查询过滤条件(含翻页)
,且后端高效灵活的完成复杂关联查询的及安全过滤
,带翻页和筛选的复杂SQL一句话就搞定
高自由度的统一异常处理
基于maven的模块化项目配置正确方式
前端项目js兼容到ie10,但是ie10会有框架样式不兼容的问题,所以,请慎重考虑。恕本人才疏学浅,无力解决
通过js外部引入的方式,让vue前端项目体积更小
软件技术栈
后端java
springboot2.1.7+mybatis4+shiro1.4+Quartz
前端vue全家桶
element(PC端+管理后台console)
vant(移动端webapp)
数据库mysql5.7+
node8.0+
maven3.5+
element-ui2.0+
vant2.0+
vue2.5+
安装部署教程
tips:若不熟悉java,前端项目可以直接修改config中的服务器ip地址为演示地址
前端项目分为
console(管理端)
mobile(移动端)
pc(电脑端)
需要安装node环境8.0+(自带npm)。
拉取代码之后,根目录 执行 npm install 初始化,安装对应的依赖库
完成之后,执行npm run dev 启动,控制台会显示相应的访问地址
可以在config中 修改后端ip地址 或者使用localhost
后端项目需要安装maven
使用idea或者ecplise打开之后,默认会加载所需要的依赖模块。
业务代码在 app_user模块下(有需要自行修改) ,在此模块的resource中
配置好数据库链接地址。则可以启动后台系统
jweb下的dev_common为一些依赖库 shiro redis mybatis datasources等等项目的基础配置。单应用系统默认不需要更改。若有更改,修改完毕之后在 dev_common下执行mvn install后 即可 被jtw模块下的应用自动依赖,这是在maven中已配置好的
jtw下的模块为业务模块及一个业务所依赖的工具模块。为了方便 App_Bussiness_Common模块就直接放到这边了,
否则,如果有新的工具类或者方案增加,每次都需要在dev_common下 执行打包,太麻烦了
移动端可以封装为webapp
app_user模块下的mark文件夹下的init.sql为初始化数据库文件
系统每次启动会在com.jtw.sys.task.systeminit.OnStartTask类下做出如下检测,
用来保证超级管理员admin账号信息的完整和安全性,以及相应的基本配置信息。
初次启动之后,默认的超级管理员账号密码为admin,123456。
initOsEnvironment();//打印环境变量信息
initSystemProperties();//打印系统变量信息
initSystemPermGroupTask();//系统权限组表
initSystemPermTask();//系统权限表
initAdminAccountTask();//超级管理账号
initAdminRolePermTask();//超级管理员角色权限
initAdminAccountRoleTask();//超级管理账号的超级管理员角色
initAdminRoleMenusTask();//超级管理员角色的菜单
initAdminLoginPerm();//超级管理员后台的登陆权限
initMemberRoleAndPerm();//会员角色及角色权限
initSysConfig();//初始化系统配置信息
项目介绍(请看项目截图)
PC端
管理后台
感谢开源社区
许可证