演示视频:
https://www.bilibili.com/video/BV1ke411i7mJ/
4.详细设计
4.1 成员注册模块
这个系统对于普通游客来讲,基本上没有什么功能,至于注册后,管理员审核成功后,才能使用该系统的所有功能,注册界面如下所示:
图4-1 用户注册页面设计视图
4.2 班级通讯录模块
用户登陆后点击“班级通讯录”,页面跳转到“班级通讯录”界面,该页面主要设计目的是显示改班级所有成员的基本信息。页面设计如
图4-1 班级通讯录页面设计视图
4.3 班级相册模块
(1) 图片上载
图片上载页面主要控件由开源的上传组件jspsmartupload来实现。按钮Button1首先取得上传文件的文件名与文件扩展名,然后对文件扩展名进行比较,保证上传的为bmp,jpeg,jpg,gif 四种图片中的一种,之后用mySmartUpload类的对象调用类中的方法saveAs (),判断上传图片名在数据库中是否有重名。若无重名,则将图片写入到固定的文件夹中,同时将此图片的文件名定入数据库中设计视图如图4-3所示。
图4-3 图片上传界面
(2)相册浏览模块
班级成员上传照片后,其他的成品就可以浏览到这些照片,页面设计如图4-4所示。
4-4 相册浏览界面设计视图
4.4 留言簿模块
班级成员登陆系统后,可以互相留言,以此彼此之间交流感情,设计视图如图4-4所示。
图4-4 留言簿设计视图
4.5 管理员模块
管理员模块主要是对各模块的信息进行管理,总体设计为,在页面加入四个html的frame标记,用以显示各模块信息,登陆界面如下图所示
5. 系统性能测试
系统主要模块开发完成后,系统需要进行必要的运行测试,以检验系统的正确性。
首先对用户注册与登陆页进行测试,在注册页面上,如果用户填写的用户名或密码为空,或者密码与密码确认不一致,网页产生相应的错误提示。在登陆页面上,当填写的用户名或密码错误时,网页上显示错误信息提示。正确后进入论坛主页。测试结果与设计相符。
其次,在图片上载页中,当用户所上载的文件类型不是系统所设计的四种图片类型时,页面显示上载文件类型不符。反之指示上载成功,此时点击浏览图片超链接,进入图片浏览页面即可看到刚上传的图片已在图片显示框中。测试成功。
最后是在线论坛与留言簿页的测试。对论坛页面以及留言簿浏览时,点击某各项显示正常。当点击论坛发帖按钮、回复帖子按钮或留言簿中的留言按钮时,若用户未登陆,页面导向登陆页面,指示用户登陆。反之,用户可发帖、回复帖子以及留言,且显示正常。测试成功。