2017-4 收作业系统

作业系统首页

作为数据库这门课的作业，我和一个同学合作自行设计了一个收作业的网站。因为我在我们班担任学委，收作业的时候要一个一个文件接收，并且还要确认有谁没有交，因此想着假如有个网站能够帮我收作业，并且自行统计作业上交情况，那就很方便了。

在分析了我自己的需求之后，我把我们的网站后台分为三个模块，用户管理，科目管理，和文件管理。

用户管理

用户管理主要是添加用户，删除编辑用户等等。

科目管理

科目管理里面可以添加科目，添加科目作业，以及查看每个作业上交的情况，这一块后期可以开放给每个不同科目的老师，同时学生也可以在前台看到已经布置的作业，而不用靠翻群记录（因为一般我们的通知群里面的作业都很混乱）

文件管理

最后一个是文件下载，这里可以批量打包下载某一科的某一个作业的所有文件，也可以在这里进行文件的管理。

前台的学生界面里面有各科作业情况，需要上交的科目也有上传的按钮，学生可以在这里上传作业。

前台

这一个网站的图标是我用AI做的，因为觉得做用PS画矢量图形实在是太麻烦了，然后就去学了AI，再学以致用。我不喜欢抄袭或者直接用别人的图案作为网站的内容，所以网站里面很多东西我都尽可能自己画。

这个网站我不仅担任了设计，还去学了PHP，了解如何用php连接数据库，实现文件的上传下载。这个时候我还没有了解过AJAX，所以整个网页都是用PHP写的。

这个网站我更多的思考了如何和前端沟通的问题，由于标注的内容很多，很杂很乱

怎么能通过标注更好的和前端沟通，是我目前要解决的最大难题。后来我自己创造了一个标准的方法，首先是标整体的布局，是侧边栏，还是居中，侧板栏采用什么尺寸，定位。第二张图标注每个模块内的间距，通常是内间距，按钮直接的距离，尽量把所有的距离都标注在最左边或者最右边，这样不容易遗漏。第三张图片标注文字和颜色的信息，包括文字的颜色，大小，行间距等等。最后一张图标注的是hover等状态下一些元素的属性改变。