图 6-1 系统首页
2 .登录（关键代码见附录）
   此页面用于成员登录系统，除了填写成员帐号资料外，还用于判断验证码的正误。当输入验证码错误时，将在页面下方空白处给出提示信息，如图 6-2所示。

图 6-2 登录页面
 验证码输入错误：                               用户名或密码错误：
          
   图 6-3 验证码错误提示                   图 6-4 用户名或密码错误提示

针对三种不同身份的成员，登录成功后会有三种不同的链接和提示信息。
◎ 管理员登录成功：

图 6-5 管理员登录后页面

◎ 普通用户登录成功：

图 6-6 普通用户登录后页面

◎ 新注册成员但尚未加入任何班级时登录成功：

图6-7 新成员登录后页面

2.用户注册：（关键代码见附录）
 单击导航栏中的“用户注册”连接进入注册页面。该页面用于新用户填写个人资料。此页面有七项内容必添：登录姓名、登录密码、密码确认、电子邮件、验证码、密码提示问题、密码提示答案，如图 6-8所示。
3.找回密码：
 单击导航栏中的“找回密码”链接进入此页面。忘记密码的用户可以根据系统提示操作找回密码，此块共有三个页面：填写姓名、回答问题、得到结果，如图 6-9所示。
 
 图 6-8 用户注册页面图                       图 6-9 用户找回密码
4.信息查询
 根据左边的导航栏进入页面。此页面用来显示系统内所有班级的简单信息，也可以根据入学时间和班级名称来查询指定班级信息并且在此页面加入建立新班级的入口，如图 6-10所示。
5.  修改个人资料
 用户登录以后单击导航栏中“资料修改”链接，登录者就可以进入“资料修改”页面，并修改自己的信息。其中用户名是不可以修改的，并且提交修改后系统会对成员输入的原始密码进行确认，若不正确则修改失败，如图 6-11所示。
     
 图 6-10 信息查询页面图                         图 6-11 成员修改资料
6.班级相册（关键代码见附录）
 进入系统后，单击导航栏中的“成员相册”链接，进入“班级成员相册”页面，该页面按照三个一组的形式显示班级能所有上传图片成员的相册。本页还添加了可以转到“上传图片”页面的超链接，如图 6-12所示。
 点击“班级成员相册”中的成员的名字，进入成员个人相册页面。在此页面登录者可以点击“查看”来查看图片详情，如图 6-13所示。
    
 图 6-12 班级成员相册图                      图6-13 成员个人相册
7.班级公共留言板（关键代码见附录）
   登录系统后，通过导航栏上的“班级留言”链接进入此页面，登录者可以查看、发布留言，并可以执行对自己的留言进行删除操作，如图 6-14所示。

图 6-14 班级公共留言板
8.收发私人短消息
    登录后通过导航栏中的“收发信息”进入此页面。页面可以显示三个功能块的入口，并能显示收、发件箱内信息的条数，如图 6-15所示。
   
       图 6-15 收发短消息页面                   图 6-16 撰写并发送短消息
   在“收发信息”页面，点“收件箱”进入收件箱页面。其中以列表的形式显示自己所有收到的短消息的基本信息，点击后面的“查看”可以查看短消息详情，如图 6-17所示。

图 6-17 收件箱页面
9.查看班级成员
    登录后通过导航栏中的“成员资料”链接进入班级成员列表界面。在此页面可以显示登录者所在班级的所有成员的基本信息，如图 6-18。点击后面的“查看”可以查看成员详细资料，如图 6-19所示。
   
&nb

首页 上一页 1 2 3 下一页 尾页 3/3/3

相关论文