精品课程网站之用户功能模块设计与实现.doc

目录1 引言12 系统规划22.1 系统设计图22.2 系统功能32.2.1课程网站首页，精品课程，关于我们，认证考试32.2.2 资料上传，资料下载32.2.3公告栏32.2.4 用户功能32.2.5论坛系统32.2.6系统管理42.2.7在线测试42.3 系统运行的硬件平台42.4 系统运行的软件平台42.4.1 WINDOWS SEVER 2003 网络操作系统42.4.2 MY SQL数据库管理系52.4.3 网页制作部分采用Dreamweaver、PHOTOSHOP和FLASH52.4.4本系统的后端程序设计采用了JSP技术和Servlet技术52.5 系统的设计思想62.5.1 分期实现整个系统62.5.2 在每期工程中动态与静态相结合72.5.3 数据库连接技术73 数据库的设计思想73.1 数据库产品的选择73.2详细设计73.3 基本原理94 登录注册模块114.1 登录注册模块的设计思想114.2 登录注册模块的数据表组成114.3 登录注册网页的组成114.4 登录注册模块各组成部分之间的关系124.5 遇到问题及处理方法134.5.1权限问题134.5.2 数据库问题135 用户管理模块135.1 用户管理模块的设计思想135.2 用户管理模块的数据表组成145.3 用户管理网页的组成145.4 用户管理模块各组成部分之间的关系145.5 遇到问题及处理方法155.5.1页面信息显示问题15185.5.2 未解决的问题166.结论16致谢16参考文献17英文摘要18精品课程网站之用户功能模块设计与实现计算机与信息工程学院 2006级1班 王彩凤 200618014指导教师 王素坤 讲师摘要 本文介绍了精品课程网站系统需求分析的设计思想，系统的组成结构，基本功能和数据库的设计等。该系统采用WINDOWS XP作为运行平台，用到了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.1 WINDOWS SEVER 2003 网络操作系统Windows Server 2003作为网络操作系统或服务器操作系统，具有高性能、高可靠性和高安全性。在界面上Windows Server 2003已全面换上Windows XP的外套，同时也为有怀旧情结的操作者准备了传统的Windows界面。同时在性能方面其启动速度和程序运行速度与2000相比要快许多，这无疑是Windows Server 2003核心得到改进、各种设备的管理得到优化的结果。总之WINDOWS SEVER 2003 网络操作系统功能强大，性能优异，提供的服务的全面是当前相当不错的选择。2.4.2 MY SQL数据库管理系本系统使用的是My SQL数据库。MYSQL最大的特点是速度快，容量大。SQL (Structured Query Language结构化查询语言)是目前使用最广的并且是标准的数据库语言。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(Java Server Page)是由SUN公司倡导，许多公司参与一起建立的动态网页技术标准。JSP是基于Java Servlet以及整个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数据表格如下：为了便于理解数据库中各表之间的关系，以及他们与功能模块之间关系，先绘制用户与数据库之间的关系图如下：Mysql数据库Mydbuser网页JDBC客户端luntan网页JDBC客户端gonggao网页JDBC客户端用户登录admin登录3.3 基本原理系统的统一功能的实现均以操作界面为出发点，功能的实现完全依赖于JSP程序设计，而数据的存放，则是利用了MYSQL建立的数据库。数据库的实际使用，对其操作的功能可以总结如下图：读取验证luntan注册网站主页写入验证登录user上传下载T 验证权限F论坛系统系统管理用户修改修改信息读写信息0、10、120、1公告管理用户管理论坛管理增删留言增删用户gonggao增删公告读取数据读取数据论坛网页Mydb前台的动态部分都与数据库的这些操作有着密切的关系。用户前来注册的过程，即使在数据库内增加数据的过程，每有一位新成员注册成功，数据库的用户表就会相应的插入一条记录。在数据库管理系统中，数据查询占了非常重要的地位，是操作最为频繁的部分。登录，学术论坛，公告栏，用户管理等都是打开数据库后，找到相应的表，然后在表内查询，会将得到数据逐一显示出来。最典型的应该说是搜索帖子与搜索用户，它是根据用户输入的关键字，到论坛表内逐一比较，找到与关键字相符的记录后，读取该记录并将其详细信息显示出来。而对于修改插入与删除数据更是必不可少，删除和更新操作，只有精确定位后，才能对数据进行相应的操作。在学术论坛管理、公告栏管理、用户管理中用到删除、插入与更新操作。4 登录注册模块4.1 登录注册模块的设计思想本系统用户分为三类：管理员、教师、普通用户。在user表中有初始的管理员用户名(username)和密码(password)。三类用户的登录口只有一个，只是管理员登录成功后跳转的界面是管理界面，而教师和普通用户登录成功后跳转的界面是精品课程的首页。普通用户是通过注册成为使用者的，而教师是由管理员添加进入的。三类用户都可以通过修改密码的界面修改自己的密码。只有通过登录才能访问网站的部分相关内容(其他页面设置访问权限)。4.2 登录注册模块的数据表组成user表：字段名称数据类型长度说明idint11用户idusernamevarchar20用户名passwordvarchar20用户密码sexvarchar11性别emailvarchar50用户邮箱countvarchar200登录次数levelvarchar10用户类型4.3 登录注册网页的组成 登录页面：精品课程首页“登录”链接到loginindex.jsp 登录处理页面：LoginServlet.java 注册页面：精品课程首页“注册”或登录界面的“新用户注册”链接到registerregister.jsp 注册处理页面：RegistServlet.java 修改密码界面：登录界面“修改密码”链接到Loginxgmm.jsp 修改密码处理页面：ChangePasswordServlet.java 4.4 登录注册模块各组成部分之间的关系登录注册模块各组成部分之间的关系如下图所示：课程首页index.jspuser表注册页面register.jspRegistServlet.javaChangePasswordServlet.javaLoginServlet.java登录页面index.jsp修改密码页面xgmm.jsp登录注册修改密码注册成功插入获取修改成功插入注册失败登录失败修改失败管理页面adminiindex.jsp首页index.jspzccg.jsp成功跳转登陆成功管理员跳转教师和学生跳转xgcc.jsp成功跳转新用户注册4.5 遇到问题及处理方法4.5.1权限问题解决方案：在user表中有表示权限的字段level：0为普通用户；1为教师；2为管理员。权限控制：登录成功后，根据user表中的level字段来指定要跳转的页面， getRequestDispatcher(String urlpath)方法在指定的路径下找到活动的资源，封装下一个要跳转页面的路径。4.5.2 数据库问题连接mysql数据库乱码的问题一直是一个很头疼的问题。乱码分为三种：页面的乱码、插入数据库时乱码、从数据库中读取乱码。我们所遇到的是页面的乱码和插入数据库时的乱码。解决方案：a.页面乱码：乱码的出现是因为编码不统一，我们统一编码为utf-8。 contentType=text/html; charset=utf-8 页面中的JSP指令元素中的设置b.连接数据库的乱码：request.setCharacterEncoding(UTF-8); .java 代码中的设置当然了，在安装MYSQL时要选择编码为utf85 用户管理模块5.1 用户管理模块的设计思想用户管理功能方便管理员对所有注册成员的管理。本模块主要功能：用户的添加(添加教师)、删除、修改、查找。只有管理员通过登录验证后才可以进入本模块进行操作。5.2 用户管理模块的数据表组成这个模块用到的数据表也为user表：字段名称数据类型长度说明idint11用户idusernamevarchar20用户名passwordvarchar20用户密码sexvarchar11性别emailvarchar50用户邮箱countvarchar200登录次数levelvarchar10用户类型 5.3 用户管理网页的组成 主页面：adminiindex.jsp 处理页面：UserManageServlet 编辑页面： 主页面的“添加教师”和“修改密码”链接adminiyhxxxg.jsp编辑处理页面：UserEditServlet 5.4 用户管理模块各组成部分之间的关系用户管理模块各组成部分之间的关系如下图所示：用户管理adminindex.jsp添加教师用户add修改用户信息edit查找用户find删除用户deleteuser表UserEditServletUserManageServletyhxxxg.jsp删除用户修改用户获得用户列表添加、修改成功插入数据表获得用户列表添加教师用户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