创新实训6.23(阶段总结:数据+系统规划+部分前端设计实现)

    技术2022-07-12  108

    准备考试耽搁了一阵子,现在完全确定了框架、语言、数据集,专心写代码即可。 这里算是从开始到目前为止工作的一段详细总结。

    最近的主要工作分成4块: 1.找一个合适的数据集 之前的数据比较少,老师那里的数据也不是很全。最后找到了一个数据集包含: 学生的借阅书籍记录、消费记录、图书馆门禁记录、一学年(3学期)的排名、图书类别。

    2.系统功能的详细规划 (1)系统的作用:分析学生的生活习惯(消费、借书、自习、最终排名),分析优秀学生(暂定排名前10%)的生活习惯作为榜样,帮助学生更好的了解自我提升自我、展示学生成绩预测结果 (2)系统功能设计:

    展示消费记录、查询、分析功能展示图书馆自习记录、查询、分析功能展示借阅记录、查询、分析功能优秀学生的分析展示个人定制总结报告

    3.数据的清洗与存储 (1)清洗:

    使用jupyter notebook,pandas较多重复数据、无缺失值有少量格式不统一情况,比如日期格式、单笔消费金额过大

    (2)存储

    使用mysql+navicat设计数据字典 4.部分前端的实现 (1)登录之后页面均使用base.html模板,其中左侧和上侧导航栏是base.html的主要内容 (2)index页面设计: 划分好四大板块,首页四大板块下面会展示优秀学生的统计分析结果 (3)登录页 (4)更新密码页(点击忘记密码) js判断两次密码输入是否相同: <script > function validate() { console.log('success') var pwd1 = document.getElementById("pwd1").value; var pwd2 = document.getElementById("pwd2").value; if(pwd1 == pwd2) { document.getElementById("tishi").innerHTML="<font color='green'>两次密码相同</font>"; document.getElementById("submit").disabled = false; } else { document.getElementById("tishi").innerHTML="<font color='red'>两次密码不相同</font>"; document.getElementById("submit").disabled = true; } } </script>

    效果: (5)记录展示页 放几条数据尝试一下 这里图书馆门禁记录、借书记录、消费记录页面都差不多的 思路都是 查询框+统计图+详细记录表 历史成绩每人只有三条(只有三个学期数据),可以用这个界面也可以考虑换一种表格设计 个人学期/年度报告还没有考虑好,一大段文字直接堆砌真的不好看。 现阶段做的大概就这么多,前端实现主要就是html基础+了解adminlte封装好的class,之前flask框架的学习就不详谈了。

    Processed: 0.011, SQL: 9