【干货分享】毕业设计项目系列-02项目部署流程手册

项目部署流程手册


1. 部署环境

参考:搭建通用开发环境


2. 项目文档目录结构

  • 01_项目立项报告

    • 项目立项报告  

    • 项目启动会议纪要  

  • 02_项目计划

    • 项目计划  

  • 03_需求规格说明书

    • 需求规格说明书  

  • 04_系统设计文档

    • 系统设计说明书

  • 05_编码实现

    • 部署文件

    • 数据库脚本 √

    • 项目代码 √

    • 用户手册 √

  • 06_系统测试

    • 系统测试计划

    • 系统测试用例

    • 系统测试报告

  • 07_项目验收

    • 项目关闭总结报告

    • 项目简介PPT √

    • 项目演示录像 √

  • 08_项目总结

    • 学员个人总结

    • 相关技术文档

3. 初始化数据库

3.1 获取数据库脚本

在每个项目文档的 05_编码实现数据库脚本路径 下可以找到sql数据库脚本:

如果对导入数据非常熟悉可自行略过以下步骤。

3.2 打开 Workbench

学习使用请参考:MySQL Workbench使用教程

双击红色区域数据库链接项:

3.3 创建数据库

1、点击创建按钮图标打开创建数据库界面。

2、设置数据库名字,这里要与sql脚本中或者后台应用配置文件的数据库命名一致!

3、设置数据库编码为utf8,避免乱码.

4、点击Apply按钮执行创建。

数据库命名:

1.一般在sql脚本中可以看到CREATE DATABASE或者USE指令对应的数据库名字,例如下图的blog:

2.如果没有则需要查看后台应用配置文件

在 编码实现项目代码 中找到带pom.xml的配置文件的文件夹即为后台应用源码,例如:

使用IntelliJ IDEA打开项目:

1、为项目配置文件blogsrcmain esourcesapplication.yml

2、查看应用数据库配置,此处账号、密码、端口号 和 数据库名字 必须与部署系统安装和创建的数据库一致!


3.4 导入数据

1、选中Administration选项

2、点击数据导入

3、选择导入自定义文件

4、选择前面3.1章节的sql数据库脚本文件路径。

5、选择创建好的数据库

6、开始导入数据


3.5 查看导入数据

1、回到数据库界面

2、刷新Tables可以看到导入成功后的数据库表

3、查询数据库数据

4、查看数据结果


4. 后台应用部署

4.1 拷贝并导入项目

拷贝到英文路径下,并导入到IDEA:

4.2 下载项目Maven依赖

1、选中项目点击鼠标右键

2、选择Maven->Reimport下载项目依赖

注意:第一次导入有时候需要修改项目的JDK及Maven设置,详情参考前面的搭建通用开发环境


4.3 启动后台应用

1、选择Spring Boot方式启动项目。

2、如果你有Docker环境并且把运行环境都安装到Docker的可以使用Docker方式启动项目。

3、选择部署方式后(推荐Spring Boot方式),点击启动按钮启动后台应用。

4、启动项目没有任何异常错误即成功,端口为8080:

4.4 端口配置(可选)

1、如果8080端口,被占用,则可修改项目配置文件中的端口,停止运行当前项目,重新启动项目即可。


2、前后端分离项目,后台端口修改则前端也要同步修改:

修改前端项目vue.config.js配置文件为后台启动端口。


5. 前端应用部署

5.1 前端应用部署指引

使用VSCode打开前端应用,一般前端应用下有package.json配置文件:

可以查看README.md文件中的指令帮助我们快速安装依赖、运行服务、构建打包等:

5.2 打开新终端

5.3 安装项目依赖

在项目根路径下输入npm install 指令安装项目依赖:

没有任何ERROR错误则安装成功,否则可以根据错误提示修复依赖环境:

注意:WARN只是提示,不是ERROR错误,不会影响项目启动。

5.4 启动前端应用

1、在项目根路径下输入npm run serve 指令启动项目:

2、编译成功

3、前端地址


6. 登录系统

6.1 打开浏览器访问系统

6.2 查看系统用户账号

1、系统用户表

2、账号密码,当前所有账号的默认密码为123456。

密码一般为加密秘钥可使用下列代码生成加密密码:

BCryptPasswordEncoder bCryptPasswordEncoder = new BCryptPasswordEncoder();
String encodePwd = bCryptPasswordEncoder.encode("123456");
System.out.println("encodePassword:" + encodePwd);

例如:123456加密后为:

$2a$10$y.y86GQCuBDaN9inQyJ/huaLkEhk5hGb2cQbeG906K4VySCN28gx6

复制并修改密码列数据即可使用该密码登录系统!


6.4 注册邮件设置

开启SMTP服务

在 QQ 邮箱里的 设置->账户里开启 SMTP 服务

开启SMTP服务:

注意开启完之后,QQ 邮箱需要生成一个授权码,在代码里连接邮箱使用这个授权码而不是原始的邮箱密码,这样可以避免使用明文密码。

把邮箱账号和授权码设置到后台应用的application.properties 配置文件:

6.3 登录系统界面

首页:

详情页:

分类:

博客:

个人资料:

注意:可以根据自己的实际情况修改数据,增强演示效果!


6.4 熟悉和演示项目

  • 05_编码实现

    • 用户手册

  • 07_项目验收

    • 项目简介PPT

    • 项目演示录像


想要毕设项目源码+文档+指导手册的同学可以找Jessica老师(wx:sxbang6v6)咨询。

PS:最后感谢粉丝们的支持,如果觉得分享还不错的话,欢迎大家随手点赞、分享。

你可能感兴趣的:(【干货分享】毕业设计项目系列-02项目部署流程手册)