创新实训6.23（阶段总结：数据+系统规划+部分前端设计实现）

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

最近的主要工作分成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框架的学习就不详谈了。