在线考试平台搭建

出于工作需要,在万能的Github上找到的考试平台
在此感谢平台的创作者

github:https://github.com/YXJ2018/SpringBoot-Vue-OnlineExam

在线考试系统

下载该项目后,因为各种各样的原因,导致项目运行失败。接下来对完整的部署流程做详细介绍。

前端部分

ps.因为国内网络问题,使用npm安装容易出错,该教程将指导以yarn来安装依赖。


  • 1、安装 node.js

    • 安装完成后,打开cmd窗口运行 node-v, npm-v,查看是否安装成功。
      在这里插入图片描述
  • 2、安装 yarn

    • 根据系统版本,选择对应的安装包进行下载安装,安装过程中,记住安装的路径,下一步将添加yarn到系统变量中。
    • 这里我是直接使用 npm install -g yarn
    查看是否安装成功 yarn -version
  • 3、设置yarn为淘宝源

    • yarn config set registry https://registry.npm.taobao.org

    检查源是否设置成功

    • yarn config get registry
  • 4、导入exam项目到vscode编辑器中安装依赖并运行项目

    • 导入项目-安装依赖

    • ctrl+j开启命令行工具,安装yarn的工具包。

    • yarn add global --production windows-build-tools

    • yarn 命令安装依赖。
      (这里还有一种方法,利用cnpm install进行依赖的安装)

    • npm run dev 运行前端项目

    • 运行成功,查看端口号 8088

  • 5、浏览器地址访问前端项目

    • 地址栏输入:http://localhost:8088/#/

      访问成功,至此,前端安装完毕。

在线考试平台搭建_第1张图片

后端部分

后端比较简单,基本不会出错,细节就不贴图展示了,大概步骤就是:安装好mysql,idea开发工具,导入springboot项目,设置maven,等待maven依赖安装成功好以后,再安装lombok插件,最后找到入口文件,运行即可。

当然说起来简单,具体细节还是要逐一列出来的(傻瓜式部署)


1、数据库部分:

  • 创建数据库 exam(我使用的navicat)
  • 导入sql文件,.sql文件在sql文件夹内
  • 确定自己mysql数据库的账户密码

2、后台部署:

  • (工具使用IDEA 大家都用我也不能少)
  • File => Open => 文件目录springboot下的pom.xml 静待maven完成依赖安装
  • 修改数据库的配置文档 在 springboot/src/main/javacom.exam/resources/application.properties
    将数据库用户名密码修改成对应的即可
  • 安装lombok插件 File => Settings => Plugins 中安装lombok即可
  • 入口文件在 springboot/src/main/javacom.exam/ExamsystemApplication
  • 右键运行
    在线考试平台搭建_第2张图片
这样下来基本部署完成,前端也可成功登录

在线考试平台搭建_第3张图片

最后的最后,如果满意,记得给原作者小哥哥一个star哦,毕竟毕设做成这样也是很不错咯

你可能感兴趣的:(安全平台/工具,java,spring,vue.js,mysql)