2.1.1 演示视频:
https://www.bilibili.com/video/BV1gx4y1D7MM/
第1章 详细设计
1.1 网站首页实现
网站首页显示了一些导航信息,班级公共,最新文章,最新相册,用户登录控件等信息。
网站首页面运行效果如图5-1.
图5-1 网站首页界面用户注册的实现
用户注册模块是同学录重要的功能只有学生注册了用户信息才能利用注册的账号登录系统。用户注册的文件名称为Reg.aspx文件。页面组成为TextBox控件,DropDownList控件,和Button控件。利用TextBox输入注册的基本信息,利用DropDownList控件绑定选择注册项目的信息,利用Button对输入的数据进行操作。用户注册的信息包括姓名,登录密码,用户生日,安全问题,安全问题答案,电话,电子邮件,地址,用户头像以及用户描述等基本信息。
用户注册模块的页面运行效果如图5-2
图5-2 用户注册效果图用户登录的实现
用户登录是使用同学录系统的前提,只有登录的用户才能使用同学录上的所有功能,没有登录的用户是不能查看任何信息的,用户登录的时候填写正确账号和密码,如果正确就提示登录成功,并显示欢迎XX登录本系统,同时隐藏登录时的输入账号和密码的表单。
用户登录的运行效果如图5-3。
图5-3 用户登录界面图班级相册列表
班级相册模块显示了所有相册的列表包括相册的封面图片,相册的名称,上传用户的用户名等信息。
用户登录的运行效果如图5-4。
图5-4 用户相册列表用户上传图片
用户登录成功之后可以再网站中上传自己的图片到网站中进行显示,首先填写图片的名称,然后选择所属相册,然后上传图片文件点击上传图片就被添加到网站中去,用户就可以再相册列表中进行查看了。
上传图片的运行效果如图5-5。
图5-5 用户上传图片论坛中心
论坛管理模块是班级论坛的功能模块,包括学生在前台进行发帖,回帖,查看帖子信息,后台管理员对发布的信息进行管理等功能。
学生发帖的界面运行效果图如图5-6。
图5-6学生发帖运行效果图
关键代码如下:网站公告
网站公告显示了公告的列表和公告的详细信息,包括公告标题,公告内容,发布时间等信息。
公告列表运行效果图如图5-7。
图5-7公告列表运行效果图班级文章管理
班级文章管理包括查看班级文章列表,查看班级文章信息,登陆用户还可以发布文章,管理自己发布的文章信息。
班级文章列表运行效果图如图5-8。
图5-8公告列表运行效果图
登陆用户可以在线发布自己的文章信息,没有登陆的用户是不能发布文章信息的。
发布文章信息运行效果图如图5-9。
图5-9发布文章信息运行效果图
登陆用户可以管理自己发布的文章信息,用户可以删除自己发布的文章信息,可以修改自己发布的文章信息。
管理文章信息运行效果图如图5-10。
图5-10管理文章信息运行效果图修改用户信息
登陆用户可以修改自己的注册信息。
修改用户运行效果图如图5-11。
图5-11修改用户信息运行效果图找回密码
注册用户如果忘记了自己的登陆密码也可以在网站的帮助下找回自己的登陆密码,用户输入自己的登陆账号,自己注册的时候的密码问题和密码答案,如果输入的正确就可以找回自己的登陆密码。
找回登陆密码的运行效果图如图5-12。
图5-12找回登陆密码运行效果图班级模块的实现
班级信息管理是管理员对班级信息进行编辑的功能模块。
班级管理界面运行效果图如图5-13。
图5-13班级管理运行效果图班级相册的实现
班级相册是系统的难点功能,相册信息包括2个数据库表,一个存放相册的基本信息,一个是相册图片表2个表关联起来,相册图片表存放了相册编号和具体的图片地址和图片名称信息。班级相册管理包括对用户添加相册信息,用户上传图片,管理员管理相册信息,管理员管理图片信息等几个功能模块。学生在前台登录后可以创建自己的相册并往自己创建的相册中上传自己的图片,供用户进行查看欣赏。管理员可以在后台管理用户创建的相册和用户上传的图片信息。这样就能方便的管理用户上传的图片信息以防有不合法的图片信息存放到系统中影响系统的运行。
相册管理的运行效果图如图5-14。
图5-14相册管理运行效果图文章模块的实现
文章管理模块是对文章信息的管理,包括管理员对所有文章进行管理,以及前台用户发布文章,查看文章等操作,文章的内容包括文章的标题,文章内容,文章发布者,文章发布时间,文章所在班级等信息。前台用户发布自己所在班级的文章信息,发布后所有用户就能在网站上进行查看,文章模块也是同学录重要的功能,是同学录的重要组成部分。
文章管理的运行效果图如图5-15。
图5-15文章管理运行效果图