《作业1作业提交与批改系统HTML界面》由会员分享，可在线阅读，更多相关《作业1作业提交与批改系统HTML界面（10页珍藏版）》请在金锄头文库上搜索。
1、作业提交系统第 1 页 共 10 页作业 1-作业提交与批改系统 HTML 界面请根据以下需求部分功能或全部全部功能 HTML 界面代码；注意 HTML 代码附在本文后面一、作业提交与批改系统 系统功能图 基本功能1学生注册2学生、教师、管理员密码找回功能3不同用户登录进入不同的界面4学生作业的查看5学生作业成绩的查看6学生作业上传7教师布置作业8教师删除作业9教师修改作业10教师发布成绩11教师修改成绩12教师下载作业13管理员添加教师用户14管理员添加管理员用户作业提交系统注册 登录 密码找回学生用户登录 教师用户登录 管理员用户登录查看成绩打包下载作业发布修改作业添加班级添加用户数据库管
2、理上传作业下载作业查看作业发布修改成绩删除作业添加专业通用模板修改密码查看个人资料注销系统第 2 页 共 10 页15管理员添加专业16管理员添加班级17个人资料的查看18个人密码的修改 限制条件1 学生不可以进行教师与管理员的页面2 教师也不可以进入管理员页面，还有学生页面3 管理员也不可以进行学生和教师面页4 每个学生登录进入之后只能看到自己班级的作业，不可以看到别的班级的作业5 每个教师登录只对自己发布的作业进行管理，不可以对别的教师发布的作业进行管理6 当学生注册时输入的学号必需与选定的班级匹配。7 不同的用户使用修改密码都只能修改自己的密码，无法修改他人的8 不同的用户使用个人数据功
3、能时，也是只可以看到自己的信息不可以看到他们的信息9 学生上传作业的类型，大小，时间等，受到教师发布作业的约束 特殊功能的原理 管理员添加专业班级的处理原理以本系为例子，有十多个专业，当某个专业人数比较多时就会分成几个班，如图形图像一班，图形图像二班，ACCP 一班，ACCP 二班等，而且还分为 2004 级图形图像一班，2004 级图像图像二班，2005 级图形图像一班，2005 级图形图像二班等。在程序中，首先应该添加专业，而把“图形图像一班”视为一个专业， “图形图像二班”视为一个专业。前面的“2004 级” “2005 级”当作年份。添加专业的时候不用只需要添加专业的名称，在添加班级的
4、时候只须要选择年份和专业，再输入班级的代号就可以添加班级了。 管理员添加教师管理员的原理管理员可以添加教师用户，教师用户必须由管理员添加，每次当管理员添加教师用户时就会在网站目录下的一个专门用于存放上传作业的目录（up）的根目录下以教师的姓名为目录名新建一个根目录。用于教师布置作业之后，学生上传作业的存放目录。 教师发布修改作业的原理老师发布作业之后可以修改作业，而且二个功能都是使用的一个界面来完成，通过传递的一个参数来判断用户的操作是发布作业还是修改作业，如果是修改作业而取得一个 ID 值将数据库里的内容绑定到用户界面。 （注：但是在修改作业的时候作业的班级与作业的标题设及到文件的目录所有修
5、改时定为不可以修改） 教师发布修改成绩的原理教师发布成绩或修改成绩的原理和教师发布修改作业的原理大至一样，都是使用一个页面来完成的，通过一个参数来判断用户的操作是发布还是修改。 教师批量下载作业的原理教师批量下载作业是将学生上传后的作业全部打包成一个 zip 的压缩文件，然后从服务器上下载。因为这里面涉及到压缩文件的一些算法，非常复杂。所以我用使用了国外的一个压缩类来完成。作业提交系统第 3 页 共 10 页下载地址：http:/ 学生上传下载作业的原理学生上传作业的时候，首先应该选择上传那科的作业。例：学生登录帐号 200416140 密码 snryang 班级代号是 2004161 姓名“
6、杨文兵” 作业标题为“实用软件工程方法第一次作业”班级名通过查询班级表得到为“2004 级 WEB 应用程序设计” 。网站上传目录设为“f:作业” 作业的存置教师为“TOM”则学生上传作业的时候则会上传到 f:作业TOM2004 级 WEB 应用程序设计实用软件工程方法第一次作业”这个目录下面，下载的时候也会在这个目录下面下载，上传的文件名为姓名加上教师布置作业时的扩展名。如果有重复上传则会覆盖原来上传的文件。 实现回车换行与空格的原理使用到的页面有发布作业和修改作业和学生查看作业。（因为在发布作业的时候将回车转换成存入数据库这样在显示数据时才会显示换行，不然无法实现换行，空格也是必须换成“
7、”。如果不进行字符的替换，则文本框中的回车与空格将会省去，存入数据库中，通过数据库显示到用户界面的时候就无法区分用户的换车和空格，格式不好看，所以在这里进行了简单的替换实现回车与空格的效果。 作业目录的处理原理在web.xml文件中存放了上传文件的目录默认为（目录一）如：f:作业，当新建一个教师用户时就会在目录一下面以教师的姓名为目录名建立一个目录如(目录二)如：f:作业tom；当老师用户登录之后发布作业的时候要输入作业的标题，还要先择作业的所属班级。每一次发布作业就会新建目录，在目录二的下面建立如下形式的目录“f:作业tom 作业的所属班级作业的标题”耐用会将“TOM作业的所属班级作业的标题
8、”存入发布作业的一个字段里面。方便以后目录的查找，也就实现了不同的用户上传的作业存放到不同的文件夹，并进行分类存放，也方便了老师对作业目录的管理，方便的下载作业等。这是本系统的一个核心。 密码找回界面与编码第 4 页 共 10 页图： 管理员添加用户的界面与编码作业提交系统第 5 页 共 10 页图 教师发布修改作业的界面图 教师批量下载作业的界面与编码第 6 页 共 10 页图 学生上传作业的界面与编码图二、HTML 代码Css 代码 .headerpadding:50px;font:60px 宋体 ;color:black;background:yellow;text-align: cen
9、ter;font-weight: bold;.centertext-align: center;color:red;font-size:30px;font-weight: bold;padding:40px;background:blue;margin-left: 10px;margin-right: 10px;.inputuserwidth:250px;height:30px;作业提交系统第 7 页 共 10 页font-size:25px;font-weight: bold;.footerpadding:50px;font:50px 宋体 ;color:white;text-align:
10、center;font-weight: bold;.zifont:20px 宋体 ;.lablefont:50px 宋体 ;font-size:25px;color:black;margin-left:250px;图一 html 代码Insert title here请输入您的用户 名请输入您的用户 名：上一步下一步图二 html 代码第 8 页 共 10 页Insert title here请输入密码提示答案 您的邮箱是？密码提示答案为 ：上一步下一步图三 html 代码Insert title here请输入您的新密 码 新密码：确认密码：作业提交系统第 9 页 共 10 页上一步下一步图四 html 代码Insert title here恭喜你！密码设置成功，请保管好新密码重新登录！完成图五 html 代码Insert title here请选择您的用户类 型第 10 页 共 10 页选择用户类型：学生教师管理员上一步下一步
