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.xmldruid的service扫描路径是com.wf.ew.*.service.*mapper的扫描路径是com.wf.ew.*.dao,
位于common/config/MybatisPlusConfig.java
前端页面详细开发文档:https://whvse.gitee.io/easywebpage/docs/
😏 学如逆水行舟,不进则退~~~
相互学习,共同进步!




