7. 视频教程

7.1 基础软件安装

    ideaIU-2020.3.3 : java开发工具
    mysql-installer-community-8.0.19.0 : Mysql数据库安装包
    navicat150_mysql_cs_x64 : Mysql数据库连接工具
    WebStorm-2020.3.3:  前端开发工具
    jdk-8u241-windows-x64:java运行环境
    node-v12.16.1-x64:前端vue运行环境

7.2 本地代码调试运行

  • 打开仓库地址 https://gitee.com/mindskip/xzs-mysqlopen in new window ,下载源代码
  • 打开教学文档 https://www.mindskip.net/style/gitopen in new window
  • 修改java的镜像,改为阿里云镜像,默认是国外的,速度比较慢。默认是没有.m2文件夹的,可以自己新建一个。
  • 打开数据库连接工具,导入mysql脚本
  • 打开java代码,等待组件自动下载完成即可启动
  • 添加sdk,建议使用1.8
  • 启动后端程序
  • 修改下配置文件,我们是本地连接,需要改下数据库连接地址
  • 再打开教程,开始启动前端开发工具
  • 前端依赖组件默认也是国外的,可按教程修为成国内的
  • 组件下载完成,执行运行命令
  • 学生前端也同样操作,启动
  • 建议先将package-lock.json文件删掉,再执行npm install命令
  • 前后端都已启动完成
  • 哔哩哔哩:https://www.bilibili.com/video/BV1Qh411S7RYopen in new window

7.3 微信小程序开发

  • 去官网下载小程序开发工具,并安装
  • 去微信小程序官网 (微信公众平台),创建小程序
  • 登录成功后,点击左边菜单开发下面的开发管理,在点击开发设置
  • 拿到appId、AppSecret后配置到代码中
  • 修改代码配置后,重新启动后台程序
  • 打开微信开发工具,导入微信小程序代码
  • 微信接口默认是http://localhost:8000open in new window,默认就可以了,和后端端口保持一致
  • 启动后需要修改appid,和代码中的保持一致
  • 微信小程序就启动成功了
  • 哔哩哔哩:https://www.bilibili.com/video/BV1mK4y127C5open in new window

7.4 代码配置介绍

  • 下面介绍下常用的配置
  • 后端配置主要在 yml 文件中
  • 七牛云配置完成后,测试一下,重新启动,加载配置文件
  • 图片替换成功,说明七牛云配置是ok的
  • application-prod.yml 用于正式环境的配置,和dev基本是一样的
  • 学生端vue配置
  • 管理端vue配置
  • 微信小程序配置
  • 配置都已经介绍完毕
  • 哔哩哔哩:https://www.bilibili.com/video/BV19V411n7XVopen in new window

7.5 win系统部署

  • 下面介绍下在win平台下怎么部署学之思,包含win所有平台
  • 先预装好下面软件,不会的可以看第一部分视频
    mysql-installer-community-8.0.19.0 : Mysql数据库安装包
    navicat150_mysql_cs_x64 : Mysql数据库连接工具
    jdk-8u241-windows-x64:java运行环
  • 按文档教程中的项目部署操作来
  • 首先展示集成部署
  • 这个jar包就是打包之后的运行程序,我们使用命令运行
   java -Duser.timezone=Asia/Shanghai -jar -Dspring.profiles.active=prod  xzs-3.9.0.jar 
  • 访问成功,说明部署没问题
  • 下面我们看下前后的分离部署,需要安装nginx
  • 访问localhost,看到这个页面就说nginx启动没问题
  • 配置学之思
  • 先启动后端程序
  • 再修改前端配置,启动前端程序,访问地址没问题,就说明部署成功了
  • 这里需要注意两点:
    1. 8001端口默认是微信开发工具的启动端口,建议先关闭微信开发工具,再启动nginx
    1. root C:/xzs/release/web; 这里的路径要填反斜杠,不能直接用win的复制路径
  • win系统部署结束
  • 哔哩哔哩:https://www.bilibili.com/video/BV1XA41157P4open in new window

7.6 CentOS系统部署

  • 下载好xshell和xftp,这个工具用于连接centos服务器的
  • 可在群文件中找到Xftp-7.0.0063p 和 Xshell-7.0.0065p ,直接安装
  • 打开xshell , 连接准备好的centos服务器
  • 服务器中要安装好 mysql 8 、jdk 1.8、nginx , 可以自行搜索教程进行安装
  • 安装好后,我们检测下是否都在运行
  • 创建数据库xzs、导入xzs-mysql.sql脚本
  • 登录mysql,执行导入命令:
    mysql -u root -p -D xzs < /usr/local/xzs/sql/xzs-mysql.sql
  • 数据导入成功后,可以登录mysql数据库,检查一下是否成功
  • 打包jar文件,注意修改配置文件application-prod.yml ,正式环境用的这个文件,这里里面的数据库连接地址和账号等,由于都是服务器本地的,都用localhost即可
  • 上传jar包到服务器中
  • 启动学之思后端程序
    nohup java -Duser.timezone=Asia/Shanghai -jar -Dspring.profiles.active=prod  xzs-3.9.0.jar  > start1.log  2>&1 &
  • 打开浏览器,检查是否启动成功
  • 集成部署已经完成,下面介绍下前后端分离部署,分离部署前端页面要放在nginx中,需要配置nginx
  • 上传成功后配置nginx,nginx默认配置目录为 /etc/nginx/conf.d ,在里面新建xzs.conf配置文件即可
  • 执行命令:nginx -s reload ,重新加载nginx配置文件
  • 在浏览器中能访问成功说明部署正确
  • docker部署,先安装好docker
  • 执行教程中的命令,下载镜像,运行容器
  • 打开浏览器验证下是否能访问,访问成功表示docker版运行正常
  • 哔哩哔哩:https://www.bilibili.com/video/BV17b4y1D7Reopen in new window

7.7 宝塔面板部署考试系统

  • 打开宝塔,查看linux教程,安装教程安装好宝塔
  • 登录宝塔
  • 安装基础软件:mysql8 、 java8 、nginx 等常用软件
  • 导入sql脚本和考试系统安装包
  • 这里注意下数据库用户名、密码、名称要和mysql的保持一致
  • 打包java程序
  • 启动考试系统
  • 开启端口:8000
  • 集成部署成功
  • 哔哩哔哩:https://www.bilibili.com/video/BV19M4y1K7ucopen in new window

7.8 使用手册

  • 用户管理:学生添加、管理员添加
  • 题目管理:添加题目、单选题、多选题、判断题、填空题、解答题
  • 教育管理:添加学科
  • 试卷管理:添加试卷 固定试卷 时段试卷 任务试卷
  • 任务管理:添加任务
  • 消息管理:消息发送
  • 成绩管理:查看成绩
  • 哔哩哔哩:https://www.bilibili.com/video/BV1884y1F71Yopen in new window
Last Updated:
Contributors: mindskip, 思维跳跃科技