【毕业设计搭建】

(一)、 MySQL方面

yaml 复制代码

?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=UTC

(二)、Vue方面环境

1.查看版本

(1).查看node.js版本和npm依赖包版本

shell 复制代码

# node 版本
node -v 【12.13.0】
# npm 版本
npm -v 【8.14.0】
# 更新npm版本
npm install -g npm@8.14.0

(2).npm 修改页面的操作

1.首先我们先更新我们的镜像

复制代码

npm cache clean --force
npm config set registry https://registry.npmmirror.com
npm config list //查看npm设置

2.一定要删除掉 package-lock.json 这个文件

3.运行代码

复制代码

npm install
npm run serve
npm run build

4.如果报错找不到node_modules/node-sass/vendor目标的解决办法

复制代码

npm rebuild node-sass --save-dev

(三)、SpringBoot搭建

(四)、SSM搭建

1.第一步数据库修改版本为 5.1.3

2.第二步修改hibernate版本为 5.3.4

3.第三步修改 configure.properties

4.第四步配置Tomcat

打开配置 Add configuration
找到 Tomcat Serve 点击 Local

点击configure会弹出如左侧弹框，然后指定我们解压的 Tomcat文件夹中bin的上一级目录即可

选择Edge浏览器，修改URL的端口为8080 ，下方的Http port 也修改为 8080

选择Fix

弹出页面后，选择第一个

删除_war，然后点击apply

完成后的样子

5.启动Idea

6.说明文档路径

Edge浏览器输入:

ssm+vue项目的话

前台：http://localhost:8080/项目名/front/index.html
后台： http://localhost:8080/项目名/admin/dist/index.html

ssm+jsp项目的话

前台：http://localhost:8080/项目名/front/index.jsp
后台：http://localhost:8080/项目名/index.jsp

(五)、解决问题

1.SSM报错

(1).Error creating bean with name 'org.springframework.validation.beanvalidation.OptionalValidatorFactoryBean#0': Invocation of init method failed; nested exception is java.lang.NoClassDefFoundError: javax/xml/bind/ValidationException

1.第一步使用 Maven 进行 clean 一下

2.第二步:

(六)、项目修改篇

环境准备：启动SpringBoot/SSM项目并在终端通过命令行启动 Vue项目。

(1).重新编译vue项目

1.首先我们先更新我们的镜像

复制代码

npm cache clean --force
npm config set registry https://registry.npmmirror.com
npm config list //查看npm设置

2.一定要删除掉 package-lock.json 这个文件

3.运行代码

复制代码

npm install
npm run serve
npm run build

4.如果报错找不到node_modules/node-sass/vendor目标的解决办法

复制代码

npm rebuild node-sass --save-dev

(2).修改登入页面

1.修改登入背景图片：添加图片到/resources/img/img/back-img-bg.jpg并进行重命名操作

2.修改登入页面的标题部分

只修改登入页面的标题

修改整个系统的系统标题：快捷键 ctrl+shift+r

(3).删除功能

根据不同角色进行删除功能

进入IndexAsideStatic.vue,然后点击 roleName

会弹道这个页面进行删除即可

(七)、新项目部署

(1).Idea

server_code 模块部署

(2).vscode

复制代码

# node 版本
node -v 【20.17.0】

# npm 版本
npm -v 【8.14.0】

# 更新npm版本
npm install -g npm@8.14.0

1.首先我们先更新我们的镜像

复制代码

npm cache clean --force
npm config set registry https://registry.npmmirror.com
npm config list //查看npm设置

2.一定要删除掉 package-lock.json 这个文件

3.运行代码

复制代码

npm install
npm run serve
npm run build

.14.0

复制代码

`1.首先我们先更新我们的镜像`

npm cache clean --force

npm config set registry https://registry.npmmirror.com

npm config list //查看npm设置

复制代码

`2.一定要删除掉 package-lock.json 这个文件`

`3.运行代码`

npm install

npm run serve

npm run build

复制代码