Java前后端分离模式的管理系统开发平台。
- 演示地址:https://demo.easyweb.vip/
- 演示账号:admin 密码:admin
描述 | 框架 |
---|---|
核心框架 | Spring、Spring Boot、Spring MVC |
持久层 | MyBatis、MyBatis-Plus、Druid |
权限框架 | Spring Security、Security-OAuth2 |
描述 | 框架 |
---|---|
核心框架 | Layui、jQuery |
路由框架 | Q.js (纯js轻量级路由框架) |
mvvm框架 | pandyle.js (专为jquery编写的mvvm) |
主要特色 | 单页面 / 响应式 / 简约 / 极易上手 |
开发工具为IDEA,数据库文件存放在项目的
src/main/resources/sql
目录下。
- 开启redis(oauth2需要redis)、导入数据库
- 确认application.properties配置信息是否正确
- 在通过IDEA启动运行
- 把前端页面放入后台项目的
src/main/resources/static
目录下面即可 - 修改
module/config.js
里面的base_url
为后台访问地址 - 访问即可
- 把前端页面放在
nginx
服务器的html
文件夹下面 - 修改
nginx/conf/nginx.conf
配置文件,设置代理以解决跨域问题http { server { # 加入以下配置,之前的配置全部不要动,这个location是新加入的 location /api/ { proxy_pass http://47.98.107.251:8088/; # 这个是后台接口所在的地址 } } }
- 修改
module/config.js
里面的base_url
为http://localhost:80/api/
,80是ngix的端口,localhost是ngix所在服务器的ip
前后端分离应该采用分离部署的方式,后台应该支持跨域资源共享,由于刚接触oauth2, 在做跨域的时候无法做到对
/oatuh/
接口的跨域,所以目前只能通过ngix的反向代理解决跨域的问题。
|-src
|-main
|-java
| |-com.wf.ew
| |-common // 核心模块
| | |-config // 存放SpringBoot配置类
| | | |-MyBatisPlusConfig.java // MyBatisPlus配置
| | | |-SwaggerConfig.java // Swagger2配置
| | |
| | |-exception // 自定义异常类,统一异常处理器
| | |-oauth // 权限配置模块
| | |-utils // 工具类包
| | |-BaseController.java // controller基类
| | |-JsonResult.java // 结果集封装
| | |-PageResult.java // 分页结果集封装
| |
| |-system // 系统管理模块
| |-xxxxxx // 其他业务模块
| |
| |-EasyWebApplication.java // SpringBoot启动类
|
|-resources
|-mapper // mapper文件
| |-system
|
|-application.properties // 配置文件
|-assets
| |-css // 样式
| |-images // 图片
| |-libs // 第三方库
|
|-components // html组件
| |-system // 系统管理页面
| |-xxxxxx // 其他业务页面
| |-tpl // 公用组件
| | |-message.html // 消息
| |-console.html // 主页一
| |-header.html // 头部
| |-side.html // 侧导航
|
|-module // js模块 (使用layui的模块开发方式)
| |-admin.js // admin模块
| |-config.js // config模块
| |-index.js // index模块
|
|-index.html // 主界面
|-login.html // 登陆界面
如何添加自己的业务代码:
跟common、system同级建一个包,名字为你的业务模块名称,然后下面依次建 controller、dao、model、service、service.impl等包,然后再resource/mapper下面也 建一个模块文件夹,里面放mapper的xml文件。
mapper.xml
扫描路径是classpath:mapper/**/*Mapper.xml
druid
的service扫描路径是com.wf.ew.*.service.*
mapper
的扫描路径是com.wf.ew.*.dao
,
位于common/config/MybatisPlusConfig.java
前端页面详细开发文档:https://whvse.gitee.io/easywebpage/docs/
😏 学如逆水行舟,不进则退~~~
相互学习,共同进步!