SpringBoot+Vue项目(学生信息管理系统)搭建运行

项目地址:学生信息管理系统

前端部分(Vue)

首先以管理员身份运行终端

不然运行命令时有些会报错

image-20230121153316433

1.首先下载node.js

2.打开并安装node.js

3.安装完成,打开控制台,输入node -v查看是否安装完成,如果显示版本号,说明安装成功

image-20230121152729697

4.输入淘宝镜像地址:

npm install -g cnpm -registry-https://registry.npm.taobao.org

image-20230121152847963

5.安装vue-cli:

cnpm install -g @vue/cli

装完脚手架就可以维护别人的项目啦

运行此命令可能会报错:

image-20230121153517877

解决方法:

1、以管理员身份运行powershell
2、在powershell执行:get-ExecutionPolicy,显示Restricted(表示状态是禁止的)。
3、在powershell执行:set-ExecutionPolicy RemoteSigned ,选择Y或A 。
4、在powershell执行:get-ExecutionPolicy,显示RemoteSigned 。

image-20230121153628572

image-20230121153714933

然后继续运行命令就可以

6.进入项目目录

首先在编译器将项目打开,如果已有以下两个文件夹,先删掉,这个是别人编译器运行后生成的,所以不用怕删掉。

image-20230121171605776
命令行进入项目:student_client
image-20230121154016382

在终端中输入:

npm install
或者
npm i

npm加载项目依赖报npm WARN deprecated问题
在这里插入图片描述

解决方式:

升级npm版本

npm install -g npm	-- 默认升级为最新版本

继续报错:
在这里插入图片描述

node.js版本过高不能安装某些依赖

解决方式:

降低node和npm版本–我是卸载重装,这里我降到

image-20230121165814188

注意node和npm版本要匹配

之后继续执行命令

image-20230121165921925

7.输入npm run devnpm run serve运行项目

Vue项目npm操作中npm run serve或npm run dev二者区别

找到项目中package.json文件,查看"script"这个对象,看script里面是serve还是dev

image-20230121170553320

image-20230121170622333

运行成功:
在这里插入图片描述

如果npm run serve 时抛出异常:error:0308010C
在这里插入图片描述

输入set NODE_OPTIONS=--openssl-legacy-provider
就可以运行成功了
主要原因是版本不兼容的问题

然后在浏览器输入地址:
image-20230121170846489

后端部分(SpringBoot)

用IDEA打开student_server,运行

如果报错类似这样:java: 警告: 源发行版 11 需要目标发行版 11

image-20230121192456870

解决方法:

1、点击左上角文件->设置-> 构建、执行、部署->java编译器,然后找到报错的项目(若没有显示,点击+),右边下拉框选择版本8

image-20230121192625802

2、点击左上角项目结构-> 模块 ,找到报错的项目,在源那里选择8,然后依赖那里选择自己的jdk版本,我的是jdk1.8,最后点击应用,确定。

image-20230121192701280

3、除了要改上面两个地方,还有配置文件pom.xml中要加下面这句话

<properties>
    <java.version>8</java.version>
</properties>

4、重新运行项目,成功。

image-20230121192839549
然后就可以进入系统了
在这里插入图片描述
除夕快乐

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值