手把手教学在线考试系统本地部署完美运行

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
云数据库 RDS MySQL,高可用系列 2核4GB
简介: 手把手教学在线考试系统本地部署完美运行

项目下载后解压

image.png

前端项目部署


编辑器  :idea  

本地环境:node.js

node下载地址 :https://nodejs.org/zh-cn/download/

image.png

首先 因为是本地Windows环境一定一定要下载msi文件,然后根据自己电脑是32位还是64位去选择。(有点电脑win7的话需要去找一下老版本的node.js去下载,官网都是最新版的。不适配)

下载好后一直next傻瓜式安装就好了


我们用idea打开前端项目,下载一个插件

点击  file-->settings-->plugins

image.png

然后在输入框输入  vue(小余哥因为已经下载好了所以输入就直接显示了)

image.png

没下载过的朋友会出现这样的画面

image.png

点击中间蓝色的字去下载就好了

然后我们在照着上面的方法把node插件也安装一下

image.png

插件安装好后  我们返回项目

image.png

把这个json文件删除

image.png


然后输入 npm install

image.png

然后执行npm run dev

image.png

出现 http://localhost:8088  就说明我们部署成功咯~~~

image.png

后端项目部署

image.png

本地环境配置

jdk:1.8及以上

maven:  3.5.4

编辑器:idea

idea插件:lombok,maven

mysql: 5.6.50 +(本地下载mysql然后部署创建数据库小余哥这里不细讲,同学们可以百度一下  本地Windows安装mysql部署创建数据库)

数据库可视化工具:SQLyog

本地mysql配置好后  先导入sql建表

image.png

打开文件夹 取出sql文件

image.png

登录你的本地数据库,然后在创建好的数据库名字上右击然后按照图片导入刚刚的sql脚本

image.png

执行成功按F5刷新数据库,看到创建的表后说明导入成功

image.png


然后打开idea后端项目打开  application.properties文件修改下面的内容

image.png


然后启动ExamsystemApplication启动类

image.png

当控制台刷出7036端口后就说明启动成功

image.png

然后我们访问一下我们刚刚部署好的前端系统下面刷出来的localhost地址

image.png

点击登录

image.png

OK这样子我们就已经本地部署完成了~~~~~

image.png

后端的  jdk,maven,数据库可视化工具小余哥为大家准备好了在云盘里还有ssh工具。

相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
6月前
|
SQL 存储 数据库
基于Web技术的在线考试系统的设计与实现(论文+源码)_kaic
基于Web技术的在线考试系统的设计与实现(论文+源码)_kaic
|
3月前
|
Web App开发 JavaScript 小程序
【有问必答】搭建uniapp项目流程手把手教学
本文详细介绍了uniapp项目的搭建流程、组件引入、接口封装及常用配置。作者“狗哥”应博友之邀,分享了其日常开发经验,包括HBuilderX的使用、uview-ui和moment.js的引入与配置、环境变量设置、HTTP请求封装及API接口管理等内容。文章强调理解官方文档的重要性,并提供了具体步骤和示例代码,帮助读者快速掌握uniapp开发技巧。
42 0
【有问必答】搭建uniapp项目流程手把手教学
|
6月前
|
Web App开发 Java 关系型数据库
javaWeb在线考试系统
javaWeb在线考试系统
103 0
|
监控 小程序 搜索推荐
基于微信小程序的扫码点餐平台介绍计算机毕业设计毕业设计怎么做Java毕业设计参考
基于PHP的微信小程序扫码点餐平台是一种新型的餐饮服务解决方案,旨在提供便捷、高效的扫码点餐体验。该平台充分利用微信小程序的功能和PHP的优势,为餐厅和顾客之间建立了一种直接、无缝的线上点餐交互方式。 用户可以通过微信小程序扫描餐桌上的二维码,进入点餐平台,浏览菜单、选择菜品、定制口味、加入购物车并下单支付,无需排队等待,实现快捷、个性化的点餐体验
|
移动开发 前端开发 JavaScript
在线考试系统设计+源码
在线考试系统设计+源码
372 0
在线考试系统设计+源码
|
SQL 开发框架 前端开发
推荐一个在线视频学习、在线试题练习、在线同步考试开源系统
一个基于.Net开发的在线学习、考试系统。兼容PC、移动、微信等多端设备,方便学员随时随地学习,并支持分销、分润等营销功能。
223 0
推荐一个在线视频学习、在线试题练习、在线同步考试开源系统
|
存储 人工智能 前端开发
电子相册搭建 | 学习笔记
快速学习电子相册搭建
电子相册搭建 | 学习笔记
|
存储 JSON 小程序
手把手教你搭建消防安全答题小程序-用云开发实现查询题库功能
手把手教你搭建消防安全答题小程序-用云开发实现查询题库功能
手把手教你搭建消防安全答题小程序-用云开发实现查询题库功能
|
SQL 存储 数据库
|
存储 数据库 数据库管理