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

时间:2021-7-3 作者:qvyue

项目部署流程手册

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

1. 部署环境

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

参考:搭建通用开发环境

2. 项目文档目录结构

  • 01_项目立项报告

    • 项目立项报告  

    • 项目启动会议纪要  

  • 02_项目计划

    • 项目计划  

  • 03_需求规格说明书

    • 需求规格说明书  

  • 04_系统设计文档

    • 系统设计说明书

  • 05_编码实现

    • 部署文件

    • 数据库脚本 √

    • 项目代码 √

    • 用户手册 √

  • 06_系统测试

    • 系统测试计划

    • 系统测试用例

    • 系统测试报告

  • 07_项目验收

    • 项目关闭总结报告

    • 项目简介PPT √

    • 项目演示录像 √

  • 08_项目总结

    • 学员个人总结

    • 相关技术文档

3. 初始化数据库

3.1 获取数据库脚本

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

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

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

3.2 打开 Workbench

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

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

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

3.3 创建数据库

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

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

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

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

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

数据库命名:

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

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

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

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

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

使用IntelliJ IDEA打开项目:

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

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

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

3.4 导入数据

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

1、选中Administration选项

2、点击数据导入

3、选择导入自定义文件

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

5、选择创建好的数据库

6、开始导入数据

3.5 查看导入数据

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

1、回到数据库界面

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

3、查询数据库数据

4、查看数据结果

4. 后台应用部署

4.1 拷贝并导入项目

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

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

4.2 下载项目Maven依赖

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

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

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

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

4.3 启动后台应用

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

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

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

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

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

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

4.4 端口配置(可选)

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

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

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

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

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

5. 前端应用部署

5.1 前端应用部署指引

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

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

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

5.2 打开新终端

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

5.3 安装项目依赖

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

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

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

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

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

5.4 启动前端应用

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

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

2、编译成功

3、前端地址

6. 登录系统

6.1 打开浏览器访问系统

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

6.2 查看系统用户账号

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

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 服务

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

开启SMTP服务:

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

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

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

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

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

6.3 登录系统界面

首页:

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

详情页:

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

分类:

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

博客:

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

个人资料:

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

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

6.4 熟悉和演示项目

  • 05_编码实现

    • 用户手册

  • 07_项目验收

    • 项目简介PPT

    • 项目演示录像

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

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

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。