Java前后端分离模式的管理系统开发平台+微信小程序。
描述 | 框架 |
---|---|
核心框架 | 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启动运行
- 把前端页面放在
nginx
服务器的html
文件夹下面 - 修改
nginx/conf/nginx.conf
配置文件,设置代理以解决跨域问题http { server { # 加入以下配置,之前的配置全部不要动,这个location是新加入的 location /api/ { proxy_pass http://www.baidu.com/; # 这个是后台接口所在的地址 } } }
- 修改
module/config.js
里面的base_url
为http://localhost:80/api/
,80是ngix的端口,localhost是ngix所在服务器的ip
前后端分离应该采用分离部署的方式,后台支持跨域资源共享。
|-mini-program-aggregators
|
|
|-mini-program-commons //通用包:引入redis、rabbitmq等
|
|
|
|-mini-program-model //通用实体对象包
|
|
|
|
|-mini-program-server //服务包
|-java
|
|-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 // 登陆界面
如何添加自己的业务代码:
前端页面详细开发文档:https://whvse.gitee.io/easywebpage/docs/
😏 学如逆水行舟,不进则退~~~