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

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS PostgreSQL,集群系列 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工具。

相关实践学习
如何快速连接云数据库RDS MySQL
本场景介绍如何通过阿里云数据管理服务DMS快速连接云数据库RDS MySQL,然后进行数据表的CRUD操作。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
1月前
|
数据采集 运维 数据可视化
从复杂到简单:Websoft9 平台让教师教学的工具部署与管理不再有烦恼
Websoft9 教育工具管理平台助力教师突破技术瓶颈,专注教学创新。通过“一键式”部署、智能运维、场景化扩展和教师赋能四大核心优势,平台简化了教育工具的复杂性。预置 120+ 教学工具镜像,实现跨云迁移;7×24 小时智能运维保障系统稳定;多语言支持与数据中台集成提升全球化教学体验;低代码环境降低技术门槛,让教师轻松实现教学创新,大幅提升效率与互动维度。
64 0
|
3月前
|
监控 前端开发 应用服务中间件
小游戏源码开发搭建技术栈和服务器配置流程
近些年不同场景游戏层出不穷,现就小游戏开发技术应用及功能详细剖析!
|
机器学习/深度学习 存储 人工智能
Gradio入门到进阶全网最详细教程[一]:快速搭建AI算法可视化部署演示(侧重项目搭建和案例分享)
Gradio入门到进阶全网最详细教程[一]:快速搭建AI算法可视化部署演示(侧重项目搭建和案例分享)
|
8月前
|
Web App开发 JavaScript 小程序
【有问必答】搭建uniapp项目流程手把手教学
本文详细介绍了uniapp项目的搭建流程、组件引入、接口封装及常用配置。作者“狗哥”应博友之邀,分享了其日常开发经验,包括HBuilderX的使用、uview-ui和moment.js的引入与配置、环境变量设置、HTTP请求封装及API接口管理等内容。文章强调理解官方文档的重要性,并提供了具体步骤和示例代码,帮助读者快速掌握uniapp开发技巧。
199 0
【有问必答】搭建uniapp项目流程手把手教学
|
11月前
|
小程序
招聘小程序搭建教程
招聘小程序搭建教程
|
域名解析 数据安全/隐私保护
自己动手搭建一个网站
最近在研究着随便搞一个网站玩玩,既然有想法了,马上行动。 各种查资料的过程就忽略掉了,下面直入主题。
|
弹性计算 JavaScript 开发工具
搭建超级小班课网课系统
本场景介绍使用视频云技术搭建超级小班课网课系统。
|
XML JSON 前端开发
程序员开发常用的云在线工具
云在线开发工具:代码格式化,base64/md5加密解密,utf-8转换,时间戳在线生成
264 0
|
移动开发 前端开发 JavaScript
在线考试系统设计+源码
在线考试系统设计+源码
456 0
在线考试系统设计+源码
|
移动开发 JavaScript 前端开发
三分钟学会 H5 聊天机器人开发(附源码和在线演示)
【学习目标】 熟悉和掌握 HTML结构和CSS的相关知识 学会使用HBuilder进行APP打包 熟悉JavaScript的基本用法和jQuery的使用(提前预习)
481 0
下一篇
oss创建bucket