毕业设计（论文）-计算机科学技术学习网站设计.doc

全套设计加扣 3012250582一、绪论 (一)选题的现状与意义随选题意义：现代信息技术日新月异，为提高教学质量与学生学习效率，加快教育现代化的建设步伐。建一个网站、网站的内容是关于计算机科学各门课程，及最新科技和动态的，便于学生交流和学习是非常有必要的。在网络技术逐渐渗入社会生活各个层面的今天，传统的学习方式也面临着变革，而网络学习则成了一个很重要的途径。本项目设计出发于师生学习生活的基本需求，针对计算机科学技术学科的内容进行建设，为广大计算机学科的师生提供一个实用，高效的交流平台。 (二)本系统的组成和功能设计 本系统由四个子模块组成：管理员管理模块、教学资源管理模块、教学视频点播模块、讨论区模块。它们各自的功能如下所述： 1. 管理员管理模块：系统中管理员充当着非常重要的角色。也是系统运行的第一步，管理员先设置好系统的各种属性，如课程内容等，然后建立每个课程对应的教师账户，而该课程对应的教师则负责对应课程内容的设计，如编写讲义，编写知识点内容等。其具体内容包括：(1)查看学生用户的信息，并具有删除学生用户功能；(2)管理具体学习的课程信息，如增删修改课程等信息；(3)管理教师基本信息、如密码、及所负责的课程等信息；(4)管理系统所用的资源；课程与视频资源的增删改查。 2. 教学资源管理模块：管理学习资源的上传和下载。教学资源是教师传授知识和学生学习知识的主要模块，也是本系统要实现的基本功能之一。本模块中对应课程的教师可以上传教学资料和发教程贴等，而学生则可以自由浏览和下载由教师上传的资料，从而达到学习的目的。 3. 教学视频的点播模块：管理对学习视频资源的点播。视频是学习技术的一种很好的媒介，一个好的学习平台，视频教程是不可或缺一部分。所以教学视频的点播模块是什分重要的模块，同时，因为视频所占的资源比较大，而且实现视频在线点播的技术实现难度比较大，所以本模块是花时间最大的模块。 4讨论区模块。其内容包括：管理学生所提出的问题和教师及其同学对问题的解答。实现BBS功能。论坛区是本平台占比重较大的模块，所谓独学而无友，则孤陋寡闻。与同学，老师交流，能非学迅速有效地解决学习中的问题，同时也能分享自已的学习心得体会等。第33页2、 JSP开发环境介绍 (一)开发语言介绍 1. JSP介绍 JSP(全称JavaServer Pages)是由Sun Microsystems公司倡导和许多公司参与共同创建的一种使软件开发者可以响应客户端请求，而动态生成HTML、XML或其他格式文档的Web网页的技术标准。JSP技术是以Java语言作为脚本语言的，JSP网页为整个服务器端的Java库单元提供了一个接口来服务于HTTP的应用程序。JSP使Java代码和特定的预定义动作可以嵌入到静态页面中。JSP句法增加了被称为JSP动作的XML标签，它们用来调用内建功能。2. JSP页面特点 JSP 是Sun公司推出的新一代站点开发语言，他完全解决了目前ASP,PHP的一个通病：脚本级执行(据说PHP4 也已经在Zend 的支持下，实现编译运行).Sun 公司借助自己在Jav a 上的不凡造诣，将Java 从Java 应用程序 和 Java Applet 之外，又有新的硕果，就是JspJava Server Page。Jsp 可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。但JSP代码被编译成 Servlet 并由 Java 虚拟机解释执行，这种编译操作仅在对 JSP 页面的第一次请求时发生。 3. JSP工作原理 JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。 Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。JSP与JavaServlet一样，是在服务器端执行的，通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。 (二) Microsoft SQL Server 数据库介绍1. Microsoft SQL Server 数据库概述 SQL Server 是一个关系数据库管理系统。它最初是由Microsoft Sybase 和Ashton-Tate三家公司共同开发的，于1988 年推出了第一个OS/2 版本。在Windows NT 推出后，Microsoft与Sybase 在SQL Server 的开发上就分道扬镳了，Microsoft 将SQL Server 移植到Windows NT系统上，专注于开发推广SQL Server 的Windows NT 版本。Sybase 则较专注于SQL Server在UNIX 操作系统上的应用。2. Microsoft SQL SERVER 数据库特点 Microsoft SQL SERVER 是美国Microsoft公司推出的一种关系型数据库系统。SQLServer是一个可扩展的、高性能的、为分布式客户机/服务器计算所设计的数据库管理系统，实现了与WindowsNT的有机结合，提供了基于事务的企业级信息管理系统方案。其主要特点如下：(1)高性能设计，可充分利用WindowsNT的优势。(2)系统管理先进，支持Windows图形化管理工具，支持本地和远程的系统管理和配置。(3)强壮的事务处理功能，采用各种方法保证#数据的完整性。(4)支持对称多处理器结构、存储过程、ODBC，并具有自主的SQL语言。 SQLServer以其内置的数据复制功能、强大的管理工具、与Internet的紧密集成和开放的系统结构为广大的用户、开发人员和系统集成商提供了一个出众的数据库平台。3、 系统的设计与分析 (一)计算机技术学习网站运行要求 1. 系统运行要求(1)硬件环境：本计算机学习网站服务器端的硬件配置应该高于以下要求：表3-1-1服务器端硬件配置表处理器Intel(R) I5-2410M内 存2048MB硬盘空间160GB本计算机学习网站客户端的硬件配置应该高于以下要求：表3-1-2客户端硬件配置表处理器Intel PentiumII内 存512MB硬盘空间80GB网络配置宽带网络(2)软件环境：本计算机学习网站服务器端应有以下软件配置：表3-1-3服务器端软件配置表操作系统Windows XP/Windows 7网络协议TCP/IPWeb服务器Tomcat 6.0数据库Microsoft SQL Server浏览器Chrome 浏览器本计算机学习网站客户端应有以下软件配置：表3-1-4客户端软件配置表操作系统Windows xp/Windows 7/Windows 8网络协议TCP/IP浏览器Chrome 浏览器（二） 计算机技术学习网站的整体设计1. 系统前台功能模块图华商IT之家教程学习视频学习论坛回帖图3-2-1普通用户前台流程图图华商IT之家教程学习视频学习论坛删除不规范回复回复帖子图3-2-2管理员用户前台流程图华商IT之家教程学习视频学习论坛回帖图3-2-3教师用户前台流程图图回复评论华商IT之家管理我的帖子管理我的消息查看已读消息图3-2-4 普通用户后台流程图图查看未读消息查看全部消息华商IT之家华商IT之家管理我的教程管理我的消息查看未读消息图3-2-5 教师用户后台流程图图查看已读消息查看全部消息增加教程修改教程删除教程管理我的视频增加视频删除视频华商IT之家课程管理管理我的消息查看已读消息图3-2-6 管理员后台流程图图查看未读消息查看全部消息资源管理用户管理普通用户管理教师用户管理删除用户导出用户教程绑定删除教师账号新增教师账号一级课程管理二级课程管理新增一级课程修改一级课程新增二级课程删除二级课程修改二级课程删除一级课程论坛管理删除帖子查看帖子视频管理删除视频图3-5 教师用户后台流程图 2. 系统模块设计(1)普通用户前台模块 用户可以阅读教程，并可以针对教程进行评论。可以下载视频区的视频，可以在线播放视频。可以在论坛里发贴与其他用户交流，也可以引用别人的回复，回复帖子。(2)普通用户后台模块 用户可以管理自己发过的帖子(删除)，可以查看自己的消息(其它用户对自己的评论或者帖子进行回复/引用，系统都会发送一条消息到该用户的消息管理列表)，并可以点击查看直接从消息管理处转跳到与该消息有关的页面。(3)教师用户前台模块可以对自己发表的教程的评论进行回复。也可以管理(删除)不合理的评论。(4)教师用户后台模块 教师用户可以管理(增删改查)自己发表的教程，可以管理(增删查)自己上传的视频。可以查看自己的消息，并可以点击查看直接从消息管理处转跳到与该消息有关的页面。(5)管理员用户前台模块管理员可以在论坛里管理(删除)不合理的帖子回复。(6)管理员用户后台模块 管理员可以通过对教程一级类型，二级类型的管理来决定系统教程页面所显示的内容。可以管理(增删改查)教师账号，可以通过绑定来控制教师与某个二级教程的关系。可以管理普通用户账号，可以用Excel导出普通用户账号的信息。可以管理所有视频的住处，可以管理论坛帖子信息，可以管理自己的消息通知。 (三)数据库设计1. 数据库设计的概念数据库设计数据库设计(Database Design)是指根据用户的需求，在某一具体的数据库管理系统上，设计数据库的结构和建立数据库的过程。数据库设计是建立数据库及其应用系统的技术，是信息系统开发和建议中的核心技术。由于数据库应用系统的复杂性，为了支持相关程序运行，数据库设计就变得异常复杂，因此最佳设计不可能一蹴而就，而只能是一种“反复探寻，逐步求精”的过程，也就是规划和结构化数据库中的数据对象以及这些数据对象之间关系的过程。2. 数据库设计的过程系统数据库的设数据库设计包括六个主要步骤：(1)需求分析：了解用户的数据需求、处理需求、安全性及完整性要求。(2)概念设计：通过数据抽象，设计系统概念模型，一般为E-R模型。(3)逻辑结构设计：设计系统的模式和外模式，对于关系模型主要是基本表和视图。(4)物理结构设计：设计数据的存储结构和存取方法，如索引的设计。(5)系统实施：组织数据入库、编制应用程序、试运行。(6)运行维护：系统投入运行，长期的维护工作。 3. 数据库具体表设计表3-3-1 用户表Userinfo字段类型说明/默认IdintIdentity(1,1)NameVarchar(16)Not null 登录名字usernameVarchar(16)真实名字PasswordVarchar(128)Not null emailVarchar(16)Not nullsubjectInfoIdintDefalut 0 如果是老师，则存教程类型表号State(权限)Int1(普通用户)2(老师)3(管理员)表3-3-2 教程一级类型表Type字段类型说明/默认IdintIdentity(1,1)nameVarchar(24)Not null 类型名字表3-3-3 教程二级类型表navigation字段类型说明/默认IdintIdentity(1,1)N_nameVarchar(24)Not null 教程名字explain varchar(64)教程说明T_idintType表ID字段类型说明/默认IdintIdentity(1,1)titlenameVarchar(64)Not null 教程名字contenttext教程内容createDateDatetimedefault getdate();创建日期N_idint对应的教类型editUserVarchar(16)编辑人名称editNoInt编辑人IdviewNumInt浏览量表3-3-4 教程内容表SubjectInfo字段类型说明/默认IdintIdentity(1,1)eidtnameVarchar(24)Not null 回复人名称editNointNot Null 回复人idstateInt 回复类型，1/0 别人/自己answerContenttext回复内容S_idint对应的教程idciteint引用Id default 0表3-3-5 教程回复表Subanswer表3-3-6 教师回复评论表Teaanswer字段类型说明/默认IdintIdentity(1,1)eidtnameVarchar(24)Not null 回复人名称editNointNot Null 回复人idanswerContenttext回复内容stateint0/1:其他人评论/教师回复S_idint对应的教程idciteint引用Id default 0表3-3-7 消息表Info字段类型说明/默认IdintIdentity(1,1)userIdintUser对应的IdurlVarchar(512)前往查看的URLstateint消息状态：0/1；未读/已读contenttext消息内容CreateTimeDatetime消息时间video表3-3-8 视频表Video字段类型说明/默认IdintIdentity(1,1)titlevarchar(64)视频名称filedvarchar(72)路径explain text视频简介editUserVarchar(16)编辑人名称editNoInt编辑人IdCreateTimeDatetime操作时间表3-3-9 论坛表Forum字段类型说明/默认IdintIdentity(1,1)titlevarchar(64)贴子名称explain text内容editUserVarchar(16)编辑人名称editNoInt编辑人IdCreateTimeDatetime操作时间表3-3-10 论坛表回复表ForumAnswer字段类型说明/默认IdintIdentity(1,1)Fidint对应贴子idStateint0/1对楼主回复/对其他人回复CiteInt Defalut 0 引用IDcontentVarchar(128)回复内容editUserVarchar(16)编辑人名称editNoInt编辑人IdCreateTimeDatetime操作时间4、 系统详细设计 (一) 系统功能运行界面系统主页：图 4-1系统主页效果图难点说明：一级分类与二级分类是一对多关系，要显示如图效果，则需要对所查询到的数据，进行再次封装。图 4-2系统主页功能代码图普通用户前台：图 4-3普通用户登录功能效果图难点说明：登录时，用JS处理一下SQL注入问题，对特殊字符进行拦截。图 4-4普通用户登录功能代码图图 4-5普通用户登录后效果图图 4-6普通用户教程列表效果图图 4-7普通用户教程内容效果图1图 4-8普通用户教程内容效果图2难点说明：回复时要实现页面效果，则要对页面的集合数据进行多次遍历。图 4-9普通用户教程内容代码图图 4-10普通用户视频页面效果图图 4-11普通用户视频播放效果图难点说明：采用CKplayer的开源在线视频播放技术图 4-12普通用户视频播放代码图图 4-13普通用户论坛发贴效果图图 4-14普通用户论坛看贴效果图普通用户后功能页面：图 4-15普通用户后台消息效果图图 4-16普通用户后台帖子效果图教师用户前台页面：图 4-17教师用户前台看评论效果图教师用户后台功能页面：图 4-18教师用户后台消息效果图难点说明：实现前往查看功能，需要在数据库中存在相关的URL。图 4-19教师用户后台消息功能代码图图 4-20教师用户后台资源管理效果图图 4-21教师用户后台教程管理效果图难点说明：采用jwysiwyg文本编辑框架。图 4-22教师用户后台教程管理代码图管理员前台功能页面：图 4-23管理员前台删除帖子回复效果图管理员后台功能页面：图 4-24管理员后台查看消息效果图图 4-25管理员后台资源管理效果图图 4-26管理员后台用户管理效果图难点说明：实现二级联动下拉框功能，并处理AJAX同步，异常问题图 4-27管理员后台用户管理代码图图 4-28管理员后台课程管理效果图图 4-29管理员后台课程类型管理效果图难点说明：实现图示效果，需要在点击修改时进行ajax查询。图 4-30管理员后台课程类型管理代码图五、系统测试 (一) 系统测试概述测试是系统开发时期最后一个阶段，是保证软件质量的重要手段。软件测试就是在受控制的条件下对系统或应用程序进行操作并评价操作结果的过程,所谓控制条件应包括正常条件与非正常条件。软件测试过程中应该故意地去促使错误的发生，也就是事情在不该出现的时候出现或者在应该出现的时候没有出现。从本质上说，软件测试是探测，在探测中发现软件的毛病. (二) 系统测试方法 计算机软件是基于计算机系统的一个重要组成部分，软件开发完毕后应与系统中其他成分集成在一起，此时需要进行一系列系统集成和确认测试。对这些测试的详细讨论已经超出软件工程的范围，这些测试也不可能仅由软件开发人员完成。在系统测试之前，软件工程师应完成下列工作：1. 为测试软件系统的信输入信息设计出错处理道路。2. 设计测试用列，模拟错误数据和软件界面可能发生的错误，记录测试结果，为系统测试提供经验和帮助。3. 与系统测试的规划和设计，保证软件测试合理性。4. 系统测试应该由若干个不同测试组成，目的是充分运行系统，验证系统各部件是否都能正当工作并完成所赋予的任务。 (三)本地系统测试情况概述1登录功能： 用户根据自己的账号与密码进行系统登录，当登录失败时，出现了登录失败提示。2视频上传功能： 当教师用户将文件上传时，所传文件不是MP3，或3GP文件时，系统给与阻止，并给与提示。3发贴功能： 当用户发表一个帖子时，标题填写存在！等特殊符号时，系统给与提示。4. 课程类型删除功能：当一级课程类型被二级课程绑定时，删除一级类型，会出现系统警告，并不允许删除。 (四)测试评价1. 测试结果：功能基本都能实现。2. 软件能力：经测试证实该软件在各方面的综合能力较好。3. 存在的不足：有些考虑不周，功能可以进行扩展。4. 测试结论：该系统基本上满足了考试系统的基本功能，且功能基本上可以实现教学与学习的要求。结 论 本次毕业设计的工作已基本完成，在设计过程中，亲自体会到了开发软件的复杂性。，要做好一个好的软件，就必须要进行全面细致的调查，要全面的考虑软件的可行性，这就要求要有一定的开发经验和对开发工具的深入了解。因为本系统使用于相对严肃的毕业设计中，要明白系统的各种业务流程，及要清晰地知道用户的真正需求。在本系统中，本人还是采用了简明，清晰的风格。在功能上还算比较完整。虽然对本系统的功能完整性做出了很大的努力，但是仍然存在一些不足之处：首先，由于本系统采用了EasyUI这个jquery框架，由于这个框架官方已经停止维护了，所以本身会存在一些小问题，例如系统的页面兼容性问题，在Chrome与IE8.0下，会显示不一样的样式，当前，这些并不会影响我们系统的正常运行。其实，在B/S结构下，由于网络上存在多种浏览器，而每个浏览器都占有相当的市场份额，而且每个浏览器的兼容性都不样的，所以出于安全性及兼容性的考虑，我们系统采用Chrome这个浏览器作为标准。 在开发过程中还是遇到了一定的困难，比如视频播放，系统的视频播放功能是采用了一个新的开源框架，由于此框架还没有足够成熟，身边的同学都没有相关的开发经验，所以我的开发过程是相当于摸着石头过河，幸好，问题都基本解决了，系统开发工作得以顺利进行。附 录视频上传功能核心代码：public class UploadAction extends ActionSupport private BackgroundService backgroundService;private File file1; / 上传的文件private String file1FileName; / 文件名称private String file1ContentType; / 文件类型private String title;private String summary;public String save() throws Exception String realpath = ServletActionContext.getServletContext().getRealPath(/video);/处理文件名String type = file1FileName.split(.)1;String fileName = title+.+type;if (file1 != null) File savefile = new File(new File(realpath), fileName);if (!savefile.getParentFile().exists()savefile.getParentFile().mkdirs();FileUtils.copyFile(file1, savefile);/保存到数据库HttpSession session = ServletActionContext.getRequest().getSession();int id = (Integer) session.getAttribute(subId);String name = (String)session.getAttribute(name);int userid = (Integer)session.getAttribute(id);backgroundService.saveVideo(title,fileName,summary,name,userid);return success;拦截器核心代码：public String int