5. 项目开发
5.1 开发环境
5.2 开发说明
- 数据库脚本下载地址:https://www.mindskip.net:999,自助获取到数据库脚本 ,创建表初始化数据,数据库名称为xzs
- 代码下载 postgresql 版本,配合相应的数据库使用
- 安装postgresql ,导入xzx-postgresql.sql脚本
- 学生端默认账号:student / 123456
- 管理端默认账号:admin / 123456
5.3 后端开发
- /uexam/source/xzs为后台代码,建议使用IntelliJ IDEA打开
- 打开application-dev.yml文件中,配置好postgesql的服务地址
- 去七牛云官网申请好对象存储账号,修改application.yml中的qn相关的配置,七牛云主要用于文件存储
- 启动后台程序,默认端口为8000
- 学生系统地址:http://ip:8000/student
- 管理端地址:http://ip:8000/admin
5.4 前端开发
- 安装node16,下载地址:https://nodejs.org/download/release/latest-v16.x
- 前端使用webstorm或者vscode,分别打开文件夹打开源代码\source\vue\xzs-student和source\vue\xzs-admin
- 执行下面2个命令,下载项目的node_module:
npm config set sass_binary_site https://registry.npmmirror.com
npm install --registry https://registry.npmmirror.com
- 若执行上面命令报错,先删除node_modules文件夹,再解压node_modules.zip压缩包到当前文件夹。
- 执行下面命令,启动前端代码
npm run serve
- 打包命令
npm run build
5.5 小程序开发
- 去腾讯小程序官网注册账号,拿到appid和secret信息
- 下载好微信小程序开发工具
- 打开工具,导入代码 \source\wx\xzs-student
- 修改application.yml文件里的wx配置下面的appid和secret
- 启动微信小程序开发工具
5.6 代码结构简介
5.6.1 后端系统
- source 代码文件夹
- xzs 后端代码
- src
- main
- java
- xzs
- base 项目基础类
- configuration springboot的基础配置
- context 项目上下文
- controller
- admin 管理端控制器
- student 学生端控制器
- wechat 小程序控制器
- domain 领域对象
- event 事件驱动模型,配合监听器一起使用
- exception 业务异常
- listener 监听器,配合event使用
- repository 数据仓储,mybaties的映射Mapper
- service 服务
- impl 服务实现
- utility 工具类
- viewmodel 视图、接口类
- admin 管理端视图类
- student 学生端视图类
- wx 微信端视图类
- resources
- mapper 数据仓库的sql文件
5.6.2 学生端
- source 代码文件夹
- vue 后端代码
- xzs-student 学生端代码
- public 公共文件、主页
- src 前端代码
- api 接口地址
- assets 图片资源
- components 公共组件
- BackToTop 返回顶部组件
- Pagination 分页组件
- SvgIcon 图标组件
- Ueditor 编辑器组件
- icons 图标库
- layout 母版页
- store 状态管理
- styles 主题样式
- utils 公共方法
- views 视图、系统页面
5.6.3 微信端
- source 代码文件夹
- wx 微信端代码
- xzs-student 学生端代码
- assets 图片资源文件
- component 组件库
- iView 主题
- pages 小程序页面
- utils 公共方法
- wxs 页面公共方法
5.6.4 管理端
- source 代码文件夹
- vue 后端代码
- xzs-admin 管理端代码
- public 公共文件、主页
- src 前端代码
- api 接口地址
- assets 图片资源
- components 公共组件
- BackToTop 返回顶部组件
- Pagination 分页组件
- SvgIcon 图标组件
- Ueditor 编辑器组件
- icons 图标库
- layout 母版页
- store 状态管理
- styles 主题样式
- utils 公共方法
- views 视图、系统页面