(一)、 MySQL方面
?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=UTC
(二)、Vue方面环境
1.查看版本
(1).查看node.js版本和npm依赖包版本
# 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