精品课程网站之用户功能模块设计与实现概要.docx
《精品课程网站之用户功能模块设计与实现概要.docx》由会员分享,可在线阅读,更多相关《精品课程网站之用户功能模块设计与实现概要.docx(19页珍藏版)》请在冰豆网上搜索。
精品课程网站之用户功能模块设计与实现概要
目录
1引言1
2系统规划2
2.1系统设计图2
2.2系统功能3
2.2.1课程网站首页,精品课程,关于我们,认证考试3
2.2.2资料上传,资料下载3
2.2.3公告栏3
2.2.4用户功能3
2.2.5论坛系统3
2.2.6系统管理4
2.2.7在线测试4
2.3系统运行的硬件平台4
2.4系统运行的软件平台4
2.4.1WINDOWSSEVER2003网络操作系统4
2.4.2MYSQL数据库管理系5
2.4.3网页制作部分采用Dreamweaver、PHOTOSHOP和FLASH5
2.4.4本系统的后端程序设计采用了JSP技术和Servlet技术5
2.5系统的设计思想6
2.5.1分期实现整个系统6
2.5.2在每期工程中动态与静态相结合7
2.5.3数据库连接技术7
3数据库的设计思想7
3.1数据库产品的选择7
3.2详细设计7
3.3基本原理9
4登录注册模块11
4.1登录注册模块的设计思想11
4.2登录注册模块的数据表组成11
4.3登录注册网页的组成11
4.4登录注册模块各组成部分之间的关系12
4.5遇到问题及处理方法13
4.5.1权限问题13
4.5.2数据库问题13
5用户管理模块13
5.1用户管理模块的设计思想13
5.2用户管理模块的数据表组成14
5.3用户管理网页的组成14
5.4用户管理模块各组成部分之间的关系14
5.5遇到问题及处理方法15
5.5.1页面信息显示问题15
5.5.2未解决的问题16
6.结论16
致谢16
参考文献17
英文摘要18
精品课程网站之用户功能模块设计与实现
计算机与信息工程学院2006级1班王彩凤200618014
指导教师王素坤讲师
摘要本文介绍了精品课程网站系统需求分析的设计思想,,系统的组成结构,基本功能和数据库的设计等。
该系统采用WINDOWSXP作为运行平台,用到了mysql数据库技术、Dreamweaver页面设计技术,JSP,Servlet技术,还用到少量的photoshop图像处理技术。
该系统安全可靠,操作方便,交互能力强,能够使同学们快捷迅速的查找相关资料,完全实现了资源共享。
其操作方便、安全可靠等特点,符合信息社会的需要。
关键词JSP;数据库;课程网站
1引言
大学四年的时间转眼就过去了,跃跃欲试的心情都变成了依依不舍。
光阴似箭,日月如梭,转眼之间,我们都面临着毕业和工作。
我们在感叹时光飞逝的同时,回想起四年大学生活中的点点滴滴都仿佛历历在目。
内蒙古师范大学计算机与信息工程学院,旅途中的一个过客,但给我的人生留下的却是是一笔享之不尽,用之不竭的财富。
从踏入美丽校园的第一步起,我们的人生也因此产生了变化。
从紧张忙碌的高中生活步入精彩丰富的大学生活,我们慢慢融入了这个特殊的群体。
在这所校园里,我们渐渐学会行动取代幻想,渐渐学会成熟替代天真,渐渐学会理性战胜感性。
我们从校园生活中的一点一滴学会了做人,学会了做事,学会了太多太多……
在毕业临近之际,我们06级1班三名同学选择了精品网络课程作为毕业设计,在将自己四年所学知识进行融会贯通,学以致用的同时,也希望能以此回报母校四年来对我们的辛苦培养。
我们以网页设计与网站制作为主题,通过校园网络构建一个在线学习平台。
该平台可以方便学生可以不受时间、空间、地域的限制,实现网上浏览教学内容、完成作业,参加测试等功能,教师也可借助此平台,发布公告信息,发布试题,实现课件上传下载,组织讨论答疑等功能。
我们希望通过此平台能够切实为在校师生带来方便,加快校园信息化建设,推动现代化教学转变的进程,让大家领略到计算机网络飞速发展所带来的方便与快捷。
2系统规划
2.1系统设计图
2.2系统功能
2.2.1课程网站首页,精品课程,关于我们,认证考试
网站静态部分内容主要包含课程网站首页,精品课程,关于我们,认证考试这四部分内容。
网站首页是网站内容的介绍,是对网站整体功能的一个概述。
主要包含网站根源,网站特点,教学特色,课本推荐,网站使用方法,网站访问量统计,常用软件,常用链接,教师公告等。
精品课程包含作品欣赏和在线教学两部分。
关于我们包含制作团队的介绍和联系方式等。
认证考试为计算机相关的证书介绍。
这部分内容没有权限限制,通过网络连接到此教平台之后即可浏览。
2.2.2资料上传,资料下载
任何注册用户登录之后可以通过此平台下载网站内罗列的作品,进行分享交流。
学生也可以通过此平台上传作业。
2.2.3公告栏
公告栏处于主页显眼位置,专门发布一些紧急的重要的事情。
所以只有管理员权限的用户才能在公告栏发布信息。
2.2.4用户功能
用户可以进行注册,登录,修改密码等活动。
网站首页在显眼的位置提供了用户注册,登录连接窗口,方便学生注册登录。
当用户登录过后,即可修改自己的密码。
2.2.5论坛系统
用户登录之后可以发表留言,回复留言。
通过此功能达到与其他师生交流的目的。
系统还具有留言浏览次数统计,回复次数统计功能,可以查看大家热衷探讨的话题。
教师,管理员也可以通过论坛了解学生用户需求,将网站功能做得更好。
2.2.6系统管理
系统管理包含用户管理,BBS管理,公告栏管理三个部分。
这里的操作需要管理员通过验证进行操作。
用户管理是管理员对用户进行增加、查找、信息维护、删除。
论坛管理是管理员对论坛内容进行添加,删除操作。
公告栏管理是管理员对公告栏内容进行发布和删除。
2.2.7在线测试
在线测试采用JavaScript技术,考察学生基础知识情况。
另附有在线游戏,增加学生学习兴趣。
2.3系统运行的硬件平台
我们的网络系统属于教育网,它是由内蒙古师范大学校园主干网、计算机信息与工程学院子服务器、路由器、客户端组成。
通过路由器,可以将学校的主干网、计算机与信息工程学院子服务器上的网站发布出去,使客户端能够浏览。
这就是说,网络的硬件平台是:
内蒙古师范大学校园主干网-----〉计算机与信息工程学院子服务器-----〉路由器-----〉客户端。
2.4系统运行的软件平台
2.4.1WINDOWSSEVER2003网络操作系统
WindowsServer2003作为网络操作系统或服务器操作系统,具有高性能、高可靠性和高安全性。
在界面上WindowsServer2003已全面换上WindowsXP的外套,同时也为有怀旧情结的操作者准备了传统的Windows界面。
同时在性能方面其启动速度和程序运行速度与2000相比要快许多,这无疑是WindowsServer2003核心得到改进、各种设备的管理得到优化的结果。
总之WINDOWSSEVER2003网络操作系统功能强大,性能优异,提供的服务的全面是当前相当不错的选择。
2.4.2MYSQL数据库管理系
本系统使用的是MySQL数据库。
MYSQL最大的特点是速度快,容量大。
SQL(StructuredQueryLanguage结构化查询语言)是目前使用最广的并且是标准的数据库语言。
SQL语言使得存取或更新信息变得十分容易,你可以直接使用SQL从网站上查询信息。
MySQL的快速和灵活性足以满足一个网站的信息管理工作。
2.4.3网页制作部分采用Dreamweaver、PHOTOSHOP和FLASH
在网站制作过程,网页LOGO,Banner,导航条等采用Photoshop图像处理软件进行制作。
静态页面部分采用了Dreamweaver可视化网页制作软件进行规划设计。
Dreamweaver是美国MACROMEDIA公司(现被Adobe公司收购)开发的集网页制作和网站管理于一身的应用程序自动生成的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出充满动感的网页。
它具有所见则所得网页编辑器的优点:
方便,直观,容易上手。
Photoshop是Adobe公司旗下最为出名的图像处理软件之一,集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱。
在网站中我们运用了大量PHOTOSHOP制作的图片,从整理上提高网页的可观赏性,增加作品的美感。
在使用过程中,两款软件相得益彰,为网站制作工作带来了不少方便。
2.4.4本系统的后端程序设计采用了JSP技术和Servlet技术
JSP(JavaServerPage)是由SUN公司倡导,许多公司参与一起建立的动态网页技术标准。
JSP是基于JavaServlet以及整个Java体系的Web开发技术,具有动态页面与静态页面的分离、能够脱离硬件平台束缚、“一次编写,各处运行”等优点。
它的先编译后运行等方式大大提高了执行效率,逐渐成为因特网上的主流开发工具。
它是在传统的HTML网页文件中加入了JAVA程序片断和JSP标记,就构成了JSP网页。
Servlet技术是Java动态Web的基础。
Servlet技术将Java程序编译成字节码,然后在Web容器中运行。
它是JSP的基础。
在Web容器中,JSP动态页面是被编译成Servlet运行的。
我们使用的开发工具是MyEclipse,不用再配置tomcat服务器,方便发布。
2.5系统的设计思想
列表如下:
多
媒
体
课
程
网
站
一
期
工
程
精品课程需求分析,各模块导航布局的设计
精品课程模块课程资料收集
登录、注册、系统管理模块的界面设计
上传、下载模块的设计及界面设计
论坛、公告栏模块的设计及界面设计
二
期
工
程
所有静态网页部分的制作
登录、注册、修改密码、管理功能的实现
上传、下载模块具体功能的实现
论坛、公告栏模块的具体实现
网站各模块的整合
本系统采用的基本设计思想:
(1)分期实现整个系统;
(2)在每期工程中动态与静态相结合;(3)JDBC数据库连接技术;(4)Dreamweaver窗口技术。
2.5.1分期实现整个系统
在这次网站开发工程中,用到的都是我们以前从未接触过的技术,因此,本着“术业有专攻”的思想,我们先进行模块的划分,并分配给具体的个人。
这样,每个人所负责的模块从设计到实现都是由这个人完成。
在一期工程中,我们主要进行各个模块的设计和简单的界面设计,并大量搜集所需的资料。
在二期工程中,我们主要实现各个模块的具体功能,并对其网页界面进行美化,最后将各个模块整合。
这样,既给自己制定了一个十分实际的目标,又对彼此的进度有很好的掌握。
2.5.2在每期工程中动态与静态相结合
本网站的前台由静态和动态两大部分组成。
静态部分主要有精品课程、认证考试、关于我们、教学团队等;动态部分主要有登录、注册、修改密码、上传资料、下载资料、学术论坛、系统管理。
它们有机的结合在一起,形成了一个较为完整的体系。
2.5.3数据库连接技术
本系统使用JDBC连接数据库。
有了JDBC,向各种关系数据库发送SQL语句就是一件很容易的事。
在具体设计的过程中,我们采用JAVABEAN作为连接数据库的可重用组件,将来修改数据源只需修改JAVABEAN即可。
将Java和JDBC结合起来将使程序员只须写一遍程序就可让它在任何平台上运行。
3数据库的设计思想
3.1数据库产品的选择
构建动态网站,我们首先要解决的是数据库产品的问题。
数据库产品的选择和运用的构建技术密切相关。
目前,构建动态网站的技术主要有ASP、PHP、JSP。
针对我们的设计课题,我们选择了JSP。
我们选择MYSQL作为系统的数据库。
MYSQL最大的特点是速度快,容量大。
3.2详细设计
在整个系统中,我们简历了一个数据库,命名为mydb,其中包含了3张表:
用户表user表(用来记录用户和管理员信息)、论坛表luntan(用来记录论坛的信息)、公告栏表gonggao(用来记录公告的相关信息)。
user数据表如下:
luntan数据表格如下:
gonggao数据表格如下:
为了便于理解数据库中各表之间的关系,以及他们与功能模块之间关系,先绘制用户与数据库之间的关系图如下:
3.3基本原理
系统的统一功能的实现均以操作界面为出发点,功能的实现完全依赖于JSP程序设计,而数据的存放,则是利用了MYSQL建立的数据库。
数据库的实际使用,对其操作的功能可以总结如下图:
前台的动态部分都与数据库的这些操作有着密切的关系。
用户前来注册的过程,即使在数据库内增加数据的过程,每有一位新成员注册成功,数据库的用户表就会相应的插入一条记录。
在数据库管理系统中,数据查询占了非常重要的地位,是操作最为频繁的部分。
登录,学术论坛,公告栏,用户管理等都是打开数据库后,找到相应的表,然后在表内查询,会将得到数据逐一显示出来。
最典型的应该说是搜索帖子与搜索用户,它是根据用户输入的关键字,到论坛表内逐一比较,找到与关键字相符的记录后,读取该记录并将其详细信息显示出来。
而对于修改插入与删除数据更是必不可少,删除和更新操作,只有精确定位后,才能对数据进行相应的操作。
在学术论坛管理、公告栏管理、用户管理中用到删除、插入与更新操作。
4登录注册模块
4.1登录注册模块的设计思想
本系统用户分为三类:
管理员、教师、普通用户。
在user表中有初始的管理员用户名(username)和密码(password)。
三类用户的登录口只有一个,只是管理员登录成功后跳转的界面是管理界面,而教师和普通用户登录成功后跳转的界面是精品课程的首页。
普通用户是通过注册成为使用者的,而教师是由管理员添加进入的。
三类用户都可以通过修改密码的界面修改自己的密码。
只有通过登录才能访问网站的部分相关内容(其他页面设置访问权限)。
4.2登录注册模块的数据表组成
user表:
字段名称
数据类型
长度
说明
id
int
11
用户id
username
varchar
20
用户名
password
varchar
20
用户密码
sex
varchar
11
性别
email
varchar
50
用户邮箱
count
varchar
200
登录次数
level
varchar
10
用户类型
4.3登录注册网页的组成
登录页面:
精品课程首页“登录”链接到login\index.jsp
登录处理页面:
LoginServlet.java
注册页面:
精品课程首页“注册”或登录界面的“新用户注册”链接到register\register.jsp
注册处理页面:
RegistServlet.java
修改密码界面:
登录界面“修改密码”链接到Login\xgmm.jsp
修改密码处理页面:
ChangePasswordServlet.java
4.4登录注册模块各组成部分之间的关系
登录注册模块各组成部分之间的关系如下图所示:
4.5遇到问题及处理方法
4.5.1权限问题
解决方案:
在user表中有表示权限的字段level:
0为普通用户;1为教师;2为管理员。
权限控制:
登录成功后,根据user表中的level字段来指定要跳转的页面,getRequestDispatcher(Stringurlpath)方法在指定的路径下找到活动的资源,封装下一个要跳转页面的路径。
4.5.2数据库问题
连接mysql数据库乱码的问题一直是一个很头疼的问题。
乱码分为三种:
页面的乱码、插入数据库时乱码、从数据库中读取乱码。
我们所遇到的是页面的乱码和插入数据库时的乱码。
解决方案:
a.页面乱码:
乱码的出现是因为编码不统一,我们统一编码为utf-8。
contentType="text/html;charset=utf-8"页面中的JSP指令元素中的设置
b.连接数据库的乱码:
request.setCharacterEncoding("UTF-8");.java代码中的设置
当然了,在安装MYSQL时要选择编码为utf8
5用户管理模块
5.1用户管理模块的设计思想
用户管理功能方便管理员对所有注册成员的管理。
本模块主要功能:
用户的添加(添加教师)、删除、修改、查找。
只有管理员通过登录验证后才可以进入本模块进行操作。
5.2用户管理模块的数据表组成
这个模块用到的数据表也为user表:
字段名称
数据类型
长度
说明
id
int
11
用户id
username
varchar
20
用户名
password
varchar
20
用户密码
sex
varchar
11
性别
email
varchar
50
用户邮箱
count
varchar
200
登录次数
level
varchar
10
用户类型
5.3用户管理网页的组成
主页面:
admini\index.jsp
处理页面:
UserManageServlet
编辑页面:
主页面的“添加教师”和“修改密码”链接admini\yhxxxg.jsp
编辑处理页面:
UserEditServlet
5.4用户管理模块各组成部分之间的关系
用户管理模块各组成部分之间的关系如下图所示:
5.5遇到问题及处理方法
5.5.1页面信息显示问题
因为添加教师和修改用户信息是同一个处理页面,表头有提示信息就需要有所提示。
而且form提交后转到相对应的处理。
解决方法:
用一个id为userid隐藏域来提交到UserEditServlet,根据
userid的值做不同的处理,当userid的值为空时进行添加操作,不为空时进行修改操作。
5.5.2未解决的问题
当管理员登录进入管理界面时,需要按查找的按钮才能获得用户的列表。
也就是当输入查找的用户名时,点击查找图片列表显示的是查找到的用户;当查找用户名为空时,点击查找图片,获得的是所有的用户列表。
当管理员登录进入页面后,直接显示的是全部的用户列表,这样的功能还未实现。
6.结论
经过大家的共同努力,我们按照计划完成了毕业设计,基本达到了毕业设计大纲要求。
在准备过程中,大家各尽其才,搜集相关资源,使网站从无到有,从简单到复杂。
在学习过程中,大家坚持不懈,潜心学习,学到了很多从未接触到的知识。
在制作过程中,大家齐心协力,共克难关,基本实现了系统的各项功能。
希望精品课程网站建设能够切实地为在校的师生带来方便和实惠。
致谢
在精品课程网站建设过程中,我们遇到了许多技术问题和困难,但在老师和同学们的帮助下我们都依依克服。
首先我要感谢我们的制作小组成员,大家能够在困难的时候相互支持,相互帮助,齐心协力,共度难关,充分发挥了团队合作精神,使我们的网站能够按时完成。
其次在网站的建设筹备过程中,我们得到了内蒙古师范大学计算机与信息工程学院王素坤指导老师的大力支持和指导,为我们提出了许多可行性的建议。
不辞辛苦为我们的网站建设确定主题,探讨存在的问题,督促我们学习,使我们获益匪浅,在此表示衷心的感谢。
另外还有计算机与信息工程学院2006级1班同学的帮助,是你们的支持让我们做得更好,是你们的帮助让我们的网站更加完善,在此表示衷心的感谢。
参考文献
[1]陆玉柱.Dreamweaver网页制作宝典.北京:
电子工业出版社,2007.
[2]张新曼.精通JSP.北京:
人民邮电出版社,2007.
[3]缭亮,彭宗勤编著.Dreamweaver网页制作实用教程.北京:
清华大学出版社,2006,1.
[4]李雁翎编著.数据库技术及应用—SQLServer.北京:
高等教育出版社,2007,8.
[5]彭超,马丁编著.新一代JSP网络编程入门与实践.清华大学出版社,2007.
英文摘要
TheCourseWebsiteDesignandImplementationoftheuserfunction
ComputerandInformationEngineeringCollage2006.1WangCaifeng200618014
DirectedbyWangSukunLecturer
AbstractThisarticledescribestheCourseWebsitesystemrequirementsanalysis,designconcept,thesystem'sorganizationalstructure,basicfunctionsanddatabasedesign.ThissystemisWINDOWSXPastheoperatingplatform,usethemysqldatabase,Dreamweaverpagedesign,JSP,Servlettechnology,alsousedasmallamountofphotoshopimageprocessingtechnology.Thesystemissafe,reliable,convenient,interactivecapability,enablingstudentstoquicklyfindrelevantinformationquickly,thefullrealizationoftheresourcesharing.Itseasyoperation,safetyandreliabilitytomeettheinformationneedsofthecommunity.
KeywordsJSP;database;coursewebsite