【橙子日记16】从零开始的毕业设计

更新时间：2021年1月28日

今天要做的事情比较少，主要是ui
学生课程ui界面
虽然说，搞ui要相对于其他简单的多
但是花时间，是真的花啊
其实我想过很久，这只是一篇毕业论本，一篇本科毕业论文，一篇不入流的本科毕业论文
我要展示的，是我学到了多少。
我学到了很多前端的知识，很多后端的知识，很多网络的知识等等
这些我都能带入进我的毕业设计
但是，ui这种东西。。。我实在技不如人
搞设计，需要艺术细胞，我承认我的细胞更精通于逻辑之类的
由于推推敲敲，不过中途倒没这么卡顿，最终半成品：

这里是放学生选课的地方
关于这个，我得提两点
前端界面布置，真的真的真的很花时间！即使你没有碰到bug！

细节

这里和腾讯云一样，有一个鼠标悬浮的动画

包括这里

动画一开始想用css来弄，不过实在不方便，我还是选择jqury

$(function () {
  $(".selbox").mouseenter(function () {
    $(this).find("i").css("background-color", "#ebf4ff");
  });
  $(".selbox").mouseleave(function () {
    $(this).find("i").css("background-color", "#f3f6fb");
  });
  $(".selbox2").mouseenter(function () {
    $(this).css("background-color", "#f3f6fb");
  });
  $(".selbox2").mouseleave(function () {
    $(this).css("background-color", "#ffffff");
  });
});

然后也明白了一个东西
span标签貌似加margin不太有效果，我是在外面套一层div即可实现

这个地方，我之前测试的时候，当没有数据会很难看，现在会有一个检测数据，然后出现这个东西

总结
其实今天没弄多少东西，主要是界面
也没碰到什么大问题，也没有什么需要很难掌握的东西
更没有什么厉害的技术

但是
就是花时间！真费时间啊！
右下角还有一个坑
我决定之后的前端，尽量多加一些图表
明天看看echars

今天早睡，晚安各位！