5. 项目开发

5.1 开发环境

环境版本下载地址
NodeJs16https://nodejs.org/download/release/latest-v16.x/open in new window
Jdk1.8https://www.oracle.com/java/technologies/downloads/#java8-windowsopen in new window
Mysql8.0https://dev.mysql.com/downloads/windows/installer/8.0.htmlopen in new window

5.2 开发说明

  • 数据库脚本下载地址:https://www.mindskip.net:999open in new window,创建表初始化数据,数据库名称为xzs
  • 代码下载 mysql版本,配合相应的数据库使用
  • 安装mysql ,导入xzs-mysql.sql脚本
  • 学生端默认账号:student / 123456
  • 管理端默认账号:admin / 123456

5.3 后端开发

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

5.4 前端开发

  • 前端使用webstorm或者vscode,分别打开文件夹打开源代码\source\vue\xzs-student和source\vue\xzs-admin
  • 执行下面2个命令,安装node_module:
npm config set sass_binary_site https://registry.npmmirror.com/node-sass
npm install --registry https://registry.npmmirror.com  
  • 执行下面命令,启动前端代码
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-student  学生端代码
   - public 公共文件、主页
   - src 前端代码
    - api 接口地址
    - assets 图片资源
    - components 公共组件
     - BackToTop 返回顶部组件
     - Pagination 分页组件
     - SvgIcon 图标组件
     - Ueditor 编辑器组件
    - icons 图标库
    - layout 母版页
    - store 状态管理
    - styles 主题样式
    - utils 公共方法
    - views 视图、系统页面
Last Updated:
Contributors: mindskip, 思维跳跃科技