项目 内容
课程班级博客链接 https://edu.cnblogs.com/campus/xbsf/nwnu2020SE
本次作业要求链接 https://www.cnblogs.com/nwnu-daizh/p/12416880.html
我的课程学习目标 可以熟练运用软件工程所学知识进行软件开发
这个作业在哪些方面帮助我实现学习目标 了解软件开发的一般流程,并运用该方法进行简单的软件开发
项目Github的仓库链接地址 https://github.com/18215128518wgw/diseaseManage

1. 实验目的与要求

(1)掌握软件项目个人开发流程

(2)掌握Github发布软件项目的操作方法

2.实验内容和步骤

任务一:陈述学生疫情每日上报子系统使用体验;

已经经过比较久的一段时间体验学生疫情上报系统,我有很多对于这个系统的印象

  1. 系统外观设计比较简约,操作很简便。
  2. 系统在经过后期改进之后,对于高并发情况有较好的反应,可能在硬件软件等方面都做了优化
  3. 缺点就是没有一个比较直观的,显示某人某天是否打卡的功能,也不存在补卡之类的操作。提交的信息好像也不会存在核对之类的操作。
  4. 有记住选项的功能,极大节省了操作时间,减轻服务器压力,也方便了一般用户

任务2:总结详细阅读《构建之法》第1-2章、结合第2章2.3节所述PSP流程,开发一款你自己心目中的西北师范大学学生疫情每日填报系统。

我选择了第二类开发要求:

  1. 系统可采集学生疫情有效信息
  2. 系统支持用户在线使用
  3. 每日只可填报一次,提交后无法修改,每日十点疫情信息填报截止
  4. 各学院指定负责人登录系统,可查看本学院学生填报的汇总数据,可点击查看学生联系方式、班主任联系方式,学院负责人核实本院所有学生数据后,将数据提交给学校防控办
  5. 学校防控办指定负责人登录《西北师范大学疫情防控信息统计》子系统,可浏览所有学生填报汇总数据清单,通过【导出】可获取疫情数据的EXCEL文件
系统在线访问地址:(因为服务在我自己机器上跑,所以可能有时候服务没有开启)

学生疫情上报:http://kpgs.natapp1.cc

后台疫情管理平台:http://kpgs.natapp1.cc/user/login(用户名:test;密码:1)

任务3:完成个人项目报告博文作业

  1. 需求分析
    1. 目的:为了掌握软件项目个人开发流程,将知识运用到实践中
    2. 学生疫情上报平台:满足用户在线定时定量使用,系统稳定可靠,能将有效信息传递到数据库
    3. 疫情管理平台:满足数据的显示(包括关键疫情数据统计、已填/未填数据统计、数据的可视化等),导出数据到excel,实时更新显示数据等操作。
    4. 使用Github进行代码托管,用到commit、releases/tag、push、pull、branch等Git操作,在我的项目中,我使用idea通过命令行的方式进行Git的操作。
    5. 项目使用springBoot进行开发。
  2. 功能设计
    1. 基本功能
      • 采集学生每天的疫情信息,每人每天只能上传一次,并且无法修改
      • 系统支持多用户在线使用,当然看到这篇博文的你也可以试着用用,链接我放在上边了
      • 每日只可填报一次,提交后无法修改,每日十点疫情信息填报截止,这里我改成了二十点,为了方便测试
      • 管理员登陆可查看各学院填报情况,学生汇总数据,关键疫情数据统计,并且采用可视化图表的形式进行,这里由于没有相应的班级数据,没有做班级这一块的信息展示,只做了附加要求
      • 管理员进入后台管理系统,可将学生疫情数据导出到excel。这里我只做了导出全部数据,后续可能还会增加导出当天数据,或者导出满足特定条件的学生数据
    2. 拓展功能
      • 数据提交页面增加表单验证功能,为空或者不合格的数据都将提交失败
      • 管理员界面的数据可视化运用echarts4这个javascript库生成美观大方的可视化图表
      • 系统支持pc或者移动端的访问,界面不会因为屏幕变化而出现bug
      • 针对可能显示的数据太多,管理界面增加分页功能
  3. 设计实现
    1. 学生类,实现信息采集,保存,检查,查询等功能
    2. 用户类,实现用户的登录,检查状态,查询疫情数据,导出到excel,分页等功能
    3. 类与类之间完全分离,拥有对数据的增改查等功能,有获取特定日期的函数等。某些具有判断功能的函数有比较严谨的逻辑,函数之间存在比较固定的调用关系。
  4. 测试运行
    1. 代码运行截图:

    2. 功能对应的运行截图

      • 采集学生每天的疫情信息,在线使用

      • 每日只可填报一次,提交后无法修改,每日二十点疫情信息填报截止

      • 管理员查看填报情况

        管理员登录

        填报情况

      • 数据导出到excel

        导出的excel表

      • 使用GitHub

    3. 扩展需求的运行截图

      • 表单验证功能(提交的选项不能有空)

        前端简单表单验证

      • 数据可视化

        两个可视化图表

      • pc或者移动端的访问

      • 分页功能

  5. 代码展示

    这里粘贴了一个学生类中信息提交的方法,重点是在于注释的书写方式,代码没什么好讲解的,也都比较简单

    /**
         * 表单提交的目标方法,判断条件是否允许,为真则向数据库写入数据
         * @param model
         * @param student
         * @param httpServletResponse
         * @return   打卡视图
         * @throws Exception
         */
        @GetMapping("info")
        public String StudentInfo(Model model, Student student, HttpServletResponse httpServletResponse) throws Exception{
    
           System.out.println(student);
    
           //成功表示当日没有填写,并且时间未超过20点
           if(studentService.checkStudentByCode(student.getCode(), student.getDate()) && getHour(new Date()) < 20){
             //判断插入到数据表中是否成果
             if(studentService.InsertStudentInfo(student)) {
                 httpServletResponse.setContentType("text/html;charset=utf-8");
                 httpServletResponse.getWriter().write("<script>alert(\'今日情况已上报成功!\');</script>");
                 httpServletResponse.getWriter().flush();
             }else {
                 httpServletResponse.setContentType("text/html;charset=utf-8");
                 httpServletResponse.getWriter().write( "<script>alert(\'上报失败,请重新上报!\');</script>");
                 httpServletResponse.getWriter().flush();
             }
           }else {
             if(getHour(new Date()) < 20 && !studentService.checkStudentByCode(student.getCode(), student.getDate())) {
                 httpServletResponse.setContentType("text/html;charset=utf-8");
                 httpServletResponse.getWriter().write( "<script>alert(\'您今日已打卡!\');</script>");
                 httpServletResponse.getWriter().flush();
             } else {
                 httpServletResponse.setContentType("text/html;charset=utf-8");
                 httpServletResponse.getWriter().write( "<script>alert(\'打卡时间超过规定时间!\');</script>");
                 httpServletResponse.getWriter().flush();
             }
         }
    
            model.addAttribute("today", new Date());
            return "student";
        }
    
  6. 总结:程序如何实现软件设计的“模块化”原则

    程序运行调用方法时,尽量减少互相干扰。但由于本次时间有限,水平有限,写出来的只是一般的系统,没有用到更好的技术实现软件开发的模块化方法。如果可以后边会通过搭建微服务的方式真正实现模块化

  7. 展示PSP
    PSP 任务内容 计划共完成需要的时间(min) 实际完成需要的时间(min)
    Planning 计划 30 30
    · Estimate 估计这个任务需要多少时间,并规划大致工作步骤 30 30
    Development 开发 930 1090
    · Analysis 需求分析 (包括学习新技术) 300 240
    · Design Spec 生成设计文档 0 0
    · Design Review 设计复审 (和同事审核设计文档) 0 0
    · Coding Standard 代码规范 (为目前的开发制定合适的规范) 10 10
    · Design 具体设计 200 120
    · Coding 具体编码 300 480
    · Code Review 代码复审 60 60
    · Test 测试(自我测试,修改代码,提交修改) 60 120
    Reporting 报告 45 50
    · Test Report 测试报告 15 15
    · Size Measurement 计算工作量 15 20
    · Postmortem & Process Improvement Plan 事后总结 ,并提出过程改进计划 15 15
  • 计划阶段包括思考我所需要的技术,工具,数据等等

  • 需求分析包括新技术的学习,环境的准备,必要软件的安装

  • 由于个人能力原因,代码时间很长,主要是因为会在某一个问题上耗很长时间

  • 代码测试阶段没想到有什么要干的,但当真正以用户身份体验的审核的时候,发现编码逻辑错误,花了一段时间更改

小记

  1. 这次代码时间比较短,功能比较少,类似的功能我也只做了某一个
  2. 登录那里没有用太多时间,写的不是很好
  3. thymeleaf确实让人。。。静态文件搞不明白我就差崩溃了
  4. echarts非常好用,很强大的前端数据可视化工具

我在后台看见程序运行会有bug,但我自己查不出来哪里出现了bug,大家如果在试用时找到了bug,请联系我或者评论在下方,十分感谢!!!

版权声明:本文为wangguow原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/wangguow/p/12453167.html