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

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

项目下载后解压

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工具。

相关实践学习
如何快速连接云数据库RDS MySQL
本场景介绍如何通过阿里云数据管理服务DMS快速连接云数据库RDS MySQL,然后进行数据表的CRUD操作。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
8月前
|
JavaScript 小程序 Java
基于Java的大学生线上心理咨询系统(亮点:在线预约、在线咨询、留言回复)
基于Java的大学生线上心理咨询系统(亮点:在线预约、在线咨询、留言回复)
152 0
|
8月前
|
SQL 存储 数据库
基于Web技术的在线考试系统的设计与实现(论文+源码)_kaic
基于Web技术的在线考试系统的设计与实现(论文+源码)_kaic
|
5月前
|
Web App开发 JavaScript 小程序
【有问必答】搭建uniapp项目流程手把手教学
本文详细介绍了uniapp项目的搭建流程、组件引入、接口封装及常用配置。作者“狗哥”应博友之邀,分享了其日常开发经验,包括HBuilderX的使用、uview-ui和moment.js的引入与配置、环境变量设置、HTTP请求封装及API接口管理等内容。文章强调理解官方文档的重要性,并提供了具体步骤和示例代码,帮助读者快速掌握uniapp开发技巧。
59 0
【有问必答】搭建uniapp项目流程手把手教学
|
8月前
|
小程序
招聘小程序搭建教程
招聘小程序搭建教程
|
弹性计算 JavaScript 开发工具
搭建超级小班课网课系统
本场景介绍使用视频云技术搭建超级小班课网课系统。
|
NoSQL Redis 数据安全/隐私保护
python智慧校园线上考试在线比赛答题系统平台源码redis
python智慧校园线上考试在线比赛答题系统平台源码redis
223 0
|
移动开发 前端开发 JavaScript
在线考试系统设计+源码
在线考试系统设计+源码
407 0
在线考试系统设计+源码
|
移动开发 JavaScript 前端开发
三分钟学会 H5 聊天机器人开发(附源码和在线演示)
【学习目标】 熟悉和掌握 HTML结构和CSS的相关知识 学会使用HBuilder进行APP打包 熟悉JavaScript的基本用法和jQuery的使用(提前预习)
402 0
|
SQL 开发框架 前端开发
推荐一个在线视频学习、在线试题练习、在线同步考试开源系统
一个基于.Net开发的在线学习、考试系统。兼容PC、移动、微信等多端设备,方便学员随时随地学习,并支持分销、分润等营销功能。
239 0
推荐一个在线视频学习、在线试题练习、在线同步考试开源系统
从零开始,搭建一个简单的购物平台(十一)
从零开始,搭建一个简单的购物平台(十一)
234 0
从零开始,搭建一个简单的购物平台(十一)

热门文章

最新文章