刘琦 | 2021软件代码开发技术作业五 | 代码开发、测试及发布

这个作业属于哪个课程	https://edu.cnblogs.com/campus/gdgy/2021Softwarecodedevelopmenttechnology
这个作业要求在哪里	https://edu.cnblogs.com/campus/gdgy/2021Softwarecodedevelopmenttechnology/homework/12043
这个作业的目标	1. 帮助我们更好地体会软件开发过程
	2. 设计开发任务计划和测试计划
	3. 培养良好的开发习惯

一、代码开发

1、实际开发过程

日期	开发工作
2021/05/25 - 2021/05/27	题目发布，理解题目要求，初步指定书写开发计划书
	初步理清开发流程，决定程序开发环境，以及使用编程语言，决定整个项目架构
2021/05/28 - 2021/05/30	使用流程图以及各种墨刀上各种架构图编写架构流程图
2021/05/31	根据流程图，使用mysql搭建数据库，设计表，操作系统连接上数据库，做好表与表之间的数据逻辑
2021/06/01	使用基于java语言的spring boot框架连接数据库，暴露接口，给予接下来的前端工作的数据逻辑
2021/06/02	使用nodejs搭设中间层，优化前端项目的工作
2021/06/03	编写好整个前端项目的架构，并且链接后台给予的接口数据，展示到前端的页面上，在前端用户可以操作完成数据库的增删查改
2021/06/04	完成前端后台的对接并且测试项目，使用黑盒测试以及白盒测试，修改暴露出来的bug
2021/06/05	将项目发布线上，编写博客

 

2、项目技术栈

• 后台：SpringBoot、mysql、java
• 前端：
• 1、nodejs搭设中间层。
• 2、vue框架搭建项目架构。
• 3、html+css完成项目的页面布局，样式编写。
• 4、JavaScript+axios完成后台接口数据传输。

3、开发中遇到的困难

• 解析后台数据的使用了JSzip这个开源类，但是需要理解规则，走了很多弯路。
• 前端开发刚开始使用电脑分辨率开发，适应了电脑分辨率，但是小屏下无法自适应。
• 开发环境过多，导致刚开始各种环境版本不兼容。

4、项目燃尽图

二、代码以及项目运行截图

1、主页面代码。

2、代码包管理模式。

 

 

3、登陆截图(界面可以选择相应的登陆人员进入)

 

 

 

4、登出截图

 

5、用户信息截图

 

 6、管理界面截图（可以使用多种方式快速查找）可以分页查找

 

三、测试

测试使用工具主要用postman接口测试，eolinker接口测试，jest快照测试等工具测试

1、不同类型的bug

bug类型	数量	已修复数量
高危bug	5	5
中等bug	2	2
低危bug	10	8
项目页面样式bug	2	1
不需要修复bug（开发人员开发遇到，不影响用户使用过程中使用的bug）	2	0

2、场景测试（scenario testing）

• 你预期不同的用户会怎样使用你的软件？
  • 客户：客户会通过手机app或者小程序进入（这两种目前没有进行兼容），希望可以使用手机浏览器或者电脑浏览器（谷歌浏览器、火狐浏览器、ie9以上浏览器）打开访问web端。
  • 管理员：使用谷歌浏览器。
• 他们有什么需求和目标？
  • 使用简单
  • 操作容易
  • 曝光率高
  • 影响率广
  • 界面美观
  • 操作响应速度快
• 你的软件提供的功能怎么组合起来满足他们的需要？
  • 功能分模块
  • 界面尽量设计得美观

3、测试环境

• 操作系统：Window10。
• 浏览器：Google Chrome、firefox、QQ浏览器、safiri浏览器、ie9以上浏览器。
• 服务器：阿里云1核服务器
• 数据库：MySQL
• 前端环境：nodejs、webpack、vue、vuex、JavaScript

四、Alpha版本软件发布

1.软件发布

码云地址：https://gitee.com/gdutLq/docker-and-https

2.已完成功能

• 实现用户，管理员登录、注销的功能，以及识别登入的信息。
• 实现对客户的增删改查功能，管理员查看人员信息，管理员查看所有项目，管理员给项目分配乙方人员
• 实现对自由职业者的增删改查功能，自由职业者管理自己的时间
• 实现对管理员的项目的增删改查功能，修改个人信息，查找个人信息，删除个人信息

3.未完成的功能

　　目前暂时没有实现前端界面兼容多个浏览器以及小屏幕的样式兼容。

4.运行环境

浏览器：Google Chrome、firefox、QQ浏览器、safiri浏览器、ie9以上浏览器。

 

五、运行方法

①使用命令git clone https://gitee.com/gdutLq/docker-and-https
②使用vscode打开项目，执行npm i，下载依赖。
③提前安装好所有运行的环境。
④打开浏览器访问http://localhost:8080/

六、博客园编写截图