5. 项目开发

5.1 开发说明

  • 进群获取到数据库脚本,创建表初始化数据,数据库名称为xzs
  • 代码下载 postgresql 版本,配合相应的数据库使用
  • 安装postgresql ,导入xzx-postgresql.sql脚本
  • 学生端默认账号:student / 123456
  • 管理端默认账号:admin / 123456

5.2 后端开发

  • /uexam/source/xzs为后台代码,建议使用IntelliJ IDEA打开
  • 打开application-dev.yml文件中,配置好postgesql的服务地址
  • 去七牛云官网申请好对象存储账号,修改application.yml中的qn相关的配置,七牛云主要用于文件存储
  • 启动后台程序,默认端口为8000
  • 学生系统地址:http://ip:8000/studentopen in new window
  • 管理端地址:http://ip:8000/adminopen in new window

5.3 前端开发

  • 前端使用webstorm或者vscode,分别打开文件夹打开源代码\source\vue\xzs-student和source\vue\xzs-admin
  • 执行下面2个命令,安装node_module:
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm install --registry https://registry.npm.taobao.org  
1
2
  • 执行下面命令,启动前端代码
npm run serve
1
  • 打包命名
npm run build
1

5.4 小程序开发

  • 去腾讯小程序官网注册账号,拿到appid和secret信息
  • 下载好微信小程序开发工具
  • 打开工具,导入代码 \source\wx\xzs-student
  • 修改application.yml文件里的wx配置下面的appid和secret
  • 启动微信小程序开发工具

5.5 代码结构简介

5.5.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文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

5.5.2 学生端

- source 代码文件夹
 - vue 后端代码
  - xzs-student  学生端代码
   - public 公共文件、主页
   - src 前端代码
    - api 接口地址
    - assets 图片资源
    - components 公共组件
     - BackToTop 返回顶部组件
     - Pagination 分页组件
     - SvgIcon 图标组件
     - Ueditor 编辑器组件
    - icons 图标库
    - layout 母版页
    - store 状态管理
    - styles 主题样式
    - utils 公共方法
    - views 视图、系统页面
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

5.5.3 微信端

- source 代码文件夹
 - wx 微信端代码
  - xzs-student  学生端代码
   - assets 图片资源文件
   - component 组件库
    - iView 主题
   - pages 小程序页面
   - utils 公共方法
   - wxs 页面公共方法
1
2
3
4
5
6
7
8
9

5.5.4 管理端

- source 代码文件夹
 - vue 后端代码
  - xzs-admin  管理端代码
   - public 公共文件、主页
   - src 前端代码
    - api 接口地址
    - assets 图片资源
    - components 公共组件
     - BackToTop 返回顶部组件
     - Pagination 分页组件
     - SvgIcon 图标组件
     - Ueditor 编辑器组件
    - icons 图标库
    - layout 母版页
    - store 状态管理
    - styles 主题样式
    - utils 公共方法
    - views 视图、系统页面
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
上次更新: