基于web的师生互动系统的设计与实现论文.doc

《基于web的师生互动系统的设计与实现论文.doc》由会员分享，可在线阅读，更多相关《基于web的师生互动系统的设计与实现论文.doc（36页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、基于Web的师生互动系统的设计与实现软件工程学 院： 专 业： 指导教师： 2014年9月 基于web的师生互动系统的设计与实现软件学院软件工程专业 10210B01班 王重澎指导教师：王亚娟 杨顺民摘 要随着计算机技术的飞速发展，信息网络已成为社会发展的重要保证。如何以网络为纽带快速、高效、方便地实现知识传递，以现代化手段促进教学改革，是教育工作者要解决的问题。传统的教学方式体现出管理员和用户不能同步的问题，现在有一种教学方式就是基于网络的教学，它实现了在网络上用户和管理员互动。师生互动系统是面向管理员和用户的辅助系统， 基于JSP技术的网络教学平台是体现校园网的优势，通过此平台，用户、管理

2、员可以不受时间、空间、地域的限制，进行教学互动。相比较传统教学更容易提高教学效率。整个系统界面简洁、操作方便，包含了用户操作模块：注册用户登录；文字资料,用户注册,学习视频,讨论答疑,资料下载,在线测试,系统简介等；还包含了管理员操作模块：系统管理员登录、文字资料管理,用户注册管理,学习视频管理,课程信息管理,资料下载管理,题库管理,系统简介,维护等功能。本系统语言选择jsp,具体采用JSP +SQL Server开发。系统的实现是在SQL Server数据库上并基于B/S结构。关键词：软件工程,网上教学,JSP,B/S,SQL SERVER 2000 Design And Implement

3、ation Of The Teacher-student InteractiveSystem System Based On WebSoftware College Softwareengineering The 10210B01 class Zhongpeng WangGuidance teachers:Yajuan Wang Shunmin YangABSTRACTWith the computer technically developing so fast, the information network has become the important guarantee that

4、the society develop. To take the network as the link fast, it is how highly effective,how to improve the reform of teaching, conveniently realizes the knowledge transmission. In the platform, the student may be spatial, the region limited, not really realizing the on-line browsing course content, to

5、 complete the study work, function and so on .Now,there is a way of teaching students based on networks.It can be made student and teacher in the same platform.The teacher-student interactivesystem faces to the teacher and students network teaching system, In this platform system structure, the func

6、tion has carried on the detailed analysis, and introduced in the design uses essential technology and could be unlimited time and district.Compared to old system,it can improve the efficiency better.The system is succinct in every management, containing the general user and registration, search , ex

7、amination and download. The students submit the studywork, the examination class and the result. It focus on how to solve the problem that is hard to solve and it provides some ways about design idea. The system adopts java ,JSP and SQL Server 200 technology. The System adopts SQL Server database an

8、d based on the B / S structure. Keywords: Software Project; Teaching Network; JSP；B/S；SQL SERVER 2000 第2页目 录1引言11.1 课题的来源，意义和目标11.2 完成的内容与设计结果11.2.1设计的内容11.2.2设计结果22总体设计与实施方案32.1总体设计32.1.1设计目标32.1.2系统结构32.1.3系统结构数据流图42.2 实施方案62.2.1设计环境需求与程序设计语言选择62.2.2方案与实施步骤83 系统的设计与实现/程序的编制93.1 数据设计93.1.1 数据库信息表设计

9、93.1.2 数据库的实现143.2 系统页面的设计163.2.1系统首页163.2.2文字资料页面203.2.3用户注册页面204 程序的调试及故障分析265 设计的结果与讨论286 总结30参 考 文 献31致 谢32第I页 共I页1引言1.1 课题的来源，意义和目标近年来，随着计算机的普及，管理系统的应用也得到迅速发展，计算机越来越广泛的应用于各个领域。随着用户人数的增多，传统教学局限性，使得软件工程师生互动系统成为教学管理的迫切需要。传统的教学方式表现出在管理员和用户不能同步；例如：资料必须由人上交、提问只能在课堂上提出；这样既浪费了各自的时间又使教学效率变得较低。而师生互动系统，实现

10、了电子教学；它可以随时随地让用户和管理员进行互动。通过整个系统能时时监控，以便随时对教学进行管理，大大提高了管理效率、工作效率。师生互动系统的目标就是用户和教师可以互动。可以实现用户查看资料,下载资料,在线测试,在线讨论等功能；教师可以上传资料、在线讨论、更新试卷等功能；管理员可以更新用户信息、维护等功能。1.2 完成的内容与设计结果1.2.1设计的内容师生互动系统由注册用户登录；文字资料,教学课件，学习视频，讨论答疑，资料下载，在线测试，等几大模块组成，这些模块之间相互联系，相互配合构成一个完整的师生互动系统。主要设计的内容：前台功能1、 实现跨平台功能2、 资料分享2.1游客能根据条件（科

11、目）查询资料，文献和课件2.2 注册用户能根据条件（科目）查询、下载 资料，文献和课件2.3 管理员能根据条件（科目）查询、下载、删除、修改 资料，文献和课件3、 在线测试3.1 注册用户能根据条件（科目、难度、类型）在试题库中人工选择试卷，并进行网上测试，系统自己得出测试结果，并显示结果。3.2注册用户能查询过往的测试记录（包括分数、试题）。4、 讨论答疑4.1注册用户能提出问题。4.2注册用户能对已经提出的问题进行回复。4.3注册用户、管理员能对某问题设置最佳回复。5、 学习视频5.1所有用户能在线收看课程视频。5.2 管理员能修改、删除课程视频。1.2.2设计结果完成的软件工程师生互动系

12、统是提供给用户的一个查看教学的平台，界面简约、明快、方便，功能是用户、管理员可以在线操作。2总体设计与实施方案2.1总体设计2.1.1设计目标整个系统界面简洁、操作方便，包含了普通用户注册、登录；浏览、下载资料和课件、在线测试以及在线提问的功能；管理员有管理用户，上传、编辑、维护资料和课件、添加、更新试卷、解答问题等功能。2.1.2系统结构本系统分为两大块：用户、管理员系统；模块结构如下：图2.1 系统结构图2.1.3系统结构数据流图 数据流图表现了用户、系统、数据库的关系。图2.2 数据流图主要ER图如下:用户名密码姓名密码出生年月QQ邮箱电话用户注册图2.3注册用户ER实体图:文字资料备注

13、类别标题内容添加时间添加人图2.4 文字资料ER实体图:文字资料添加时间文件内容简介标题名称主讲人文字资料备注类别标题内容添加时间添加人图2.5学习视频ER图文字资料添加时间文件内容简介标题名称主讲人文字资料备注类别标题内容添加时间添加人留言板性别昵称内容编号QQ电话回复内容邮箱文字资料备注类别标题内容添加时间添加人文字资料添加时间文件内容简介名称留言板性别昵称内容编号QQ电话回复内容邮箱图2.6留言板ER图编号专业分值试题课程专业题目答案选项组卷题数1n图2.7测试试卷ER图和试题ER图附件简介编号名称类别课程下载资料添加时间添加时间添加时间添加时间添加时间添加时间添加时间添加时间添加时间添

14、加时间添加时间添加时间图2.8资料下载ER图2.2 实施方案2.2.1设计环境需求与程序设计语言选择为了开发一个安全、稳定的系统，选择以下开发平台：硬件环境：建议使用CPU cellon1.7G、内存256以上的机器，因为J2EE和JAVA BEEN很占内存运行起来确实不容乐观。软件环境： jDK1.5、Eclipse、MS SQL SERVER 2000、Dreamweaver MX、tomcat5.5等；本系统采用MS SQL SERVER 2000作为后台数据库，最初拟定的数据库选择有MS SQL Server、ORACLE、BEA的PointBase。 因为整个系统在windows下开

15、发， ORACLE针对小型系统又相对较臃肿，而且我相对最熟悉且简单的MS SQL SERVER 2000,所以后台数据库就选择了MS SQL SERVER 2000；程序设设计语言为：JSP、J2EE1J2EE技术，也就是Java 2 Platform Enterprise Edition，即Java2企业版。它是由Sun公司发起的，J2EE是现在市场上的主流产品。J2EE标准是过去几年中开发的许多重要应用最终促成的一个与厂家无关的公共标准。它将许多分散的Java技术整合到一起，组合成一个完整的企业标准。本系统设计使用浏览器+jsp（servlet）+SQL SEVERServlet及JSPS

16、ervlet及JSP都是基于Java的技术。Servlet是用来扩展Web服务器功能的网络组件，它基于请求/响应机制。JSP和Servlet非常相似，但JSP并不是纯Java代码。本系统采用三层结构：三层客户机服务器应用程序使用一个中间或中间层，应用程序服务器，它在客户机应用程序和后端数据库之间操作。中间层存储了系统的商业逻辑，并协调客户机上与后端数据库交互的显示。使用三层体系结构是出于以下两个动机：改进的可伸缩性、可用性和性能2、JSP技术:JSP是一种卓越的Java技术，它基于强大的Java语言，可在任何Web或应用服务器上运行，与Java Enterprise API(Java 企业应用

17、编程接口)紧密结合，可快速创建高性能的Web应用程序。它将内容的生成和显示进行分离，使Web开发人员能专注于应用逻辑的处理;利用可重用的组件(Java BtensEJB),加快了总体开发速度，并提高了系统质量，采用标识简化页面编程，降低了开发人员的难度。 3、 XML与HTML技术:XML和HTML一样属于标记语言，可以通过标记来描述数据的结构，并且它允许用户自行视描述数据的需要，随意地制定不同的标记，这和HTML有着极大的差别，除此之外，XML不同于HTML对于所有的标记都已经定义了显示格式的意义， 4. SQL ServerSQL Server 是一个关系数据库管理系统。SQL Serve

18、r 2000， 是Microsoft 公司推出的SQL Server 数据库管理系统的新版本。它增加了许多更先进的功能，具有使用方便、可伸缩性好、与相关软件集成程度高等优点。运行Microsoft Windows 2000 的大型多处理器的服务器等多种平台使用。2.2.2方案与实施步骤利用B/S结构：即Browser/Server(浏览器/服务器)结构，是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓3-tier结构。B/S结构，用通用浏览器就实现了原来需要

19、复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。随着Windows 98/Windows 2000将浏览器技术植入操作系统内部，这种结构更成为当今应用软件的首选体系结构。显然B/S结构应用程序相对于传统的C/S结构应用程序将是巨大的进步。利用JSP编程技术及SQL数据库管理与建立，来实现两者的链接，并且运用SQLSERVER语言实现对其数据库进行访问或者修改。2.2.3实施步骤 1根据师生互动系统工程特点,制定出用于软件工程的教学方案 2依据总体方案对系统的设计进行更完善的修改。 3做出系统的概要设计，并对系统进行分析和可行性实验。 4对系统进行具体的实现，模块

20、的联接。 5测试并完善。3系统的设计与实现/程序的编制3.1 数据设计3.1.1 数据库信息表设计由于软件工程师生互动系统要实现，整个数据数据信息都要存储、更新；课件资源等信息都是动态变化的。这涉及多个页面、多个功能,所有的操作都要与数据库联系。系统为这些,动态信息设计了以下主要数据库表:表3.1 allusers表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102usernameVarChar 50是2553pwdVarChar 50是2554cxVarChar 50是2555addtimeDateTime 8是23表3.2 cj表序号字段名称字段类型大小允许为空最大

21、长度备注1IDInt 4自增编号102usernameVarChar 50是2553cjInt 4是104sjbhVarChar 50是2555addtimeDateTime 8是23表3.3 dx表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102leibieVarChar 50是2553contentText 16是255表3.4 kechengxinxi表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102kechengmingchengVarChar 300是2553xueshiVarChar 50是2554xuefenVarChar 50

22、是2555leixingVarChar 50是2556beizhuVarChar 500是2557addtimeDateTime 8是23表3.5 liuyanban表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102chengVarChar 50是2553xingbieVarChar 2是2554QQVarChar 50是2555youxiangVarChar 50是2556dianhuaVarChar 50是2557neirongVarChar 500是2558addtimeDateTime 8是239huifuneirongVarChar 500是255表3.6

23、xinwentongzhi表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102biaotiVarChar 300是2553leibieVarChar 50是2554neirongText 16是2555tianjiarenVarChar 50是2556shouyetupianVarChar 50是2557dianjilvVarChar 10是2558addtimeDateTime 8是23表3.7 xuanzeti表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102zhuanyeVarChar 50是2553xuekeVarChar 50是255

24、4timuVarChar 50是2555xuanxiangAVarChar 50是2556xuanxiangBVarChar 50是2557xuanxiangCVarChar 50是2558xuanxiangDVarChar 50是2559daanVarChar 50是25510nanduxishuVarChar 50是25511addtimeDateTime 8是23表3.8 xuexishipin表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102bianhaoVarChar 50是2553mingchengVarChar 300是2554kechengVarCha

25、r 50是2555zhujiangrenVarChar 50是2556neirongText 16是2557wenjianVarChar 50是2558addtimeDateTime 8是23表3.9 yonghuzhuce表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102yonghumingVarChar 50是2553mimaVarChar 50是2554xingmingVarChar 50是2555xingbieVarChar 2是2556chushengnianyueVarChar 50是2557QQVarChar 50是2558youxiangVarChar

26、 50是2559dianhuaVarChar 50是25510shenfenzhengVarChar 50是25511touxiangVarChar 50是25512dizhiVarChar 300是25513beizhuVarChar 500是25514addtimeDateTime 8是2315isshVarChar 2是255表3.10 youqinglianjie表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102wangzhanmingchengVarChar 50是2553wangzhiVarChar 50是2554addtimeDateTime 8是23表

27、3.11 zhuanyexinxi表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4否102zhuanyeVarChar 50是2553addtimeDateTime 8是23表3.12 zidongzujuan表序号字段名称字段类型大小允许为空最大长度备注1IDInt 4自增编号102bianhaoVarChar 50是2553zhuanyeVarChar 50是2554tishuVarChar 50是2555fenzhiVarChar 50是2556addtimeDateTime 8是237timuVarChar 500是255表3.13 ziliaoxiazai表序号字段名称

28、字段类型大小允许为空最大长度备注1IDInt 4自增编号102bianhaoVarChar 50是2553mingchengVarChar 300是2554leibieVarChar 50是2555kechengVarChar 50是2556jianjieVarChar 500是2557fujianVarChar 50是2558addtimeDateTime 8是233.1.2数据库的实现上述的数据表存储信息，系统进行数据库连接具体实现要核心代码：private String sConnStr = jdbc:microsoft:sqlserver:/localhost:1433;databas

29、ename=jspwsjxsjfw; public Connection connect = null; public ResultSet rs=null; public db() try Class.forName(dbDriver).newInstance(); connect = DriverManager.getConnection(sConnStr,sa,); catch (Exception ex) System.out.println(12121); public ResultSet executeQuery(String sql) tryconnect=DriverManage

30、r.getConnection(sConnStr,sa,);Statement stmt=connect.createStatement();rs=stmt.executeQuery(sql);catch(SQLException ex)System.err.println(ex.getMessage();return rs; public void executeUpdate(String sql) Statement stmt=null; rs=null; try connect=DriverManager.getConnection(sConnStr,sa,); stmt=connect

31、.createStatement(); stmt.executeUpdate(sql); stmt.close(); connect.close(); /在其他文件里面就可以直接调用Connection con=DataBaseConnection.getConnection();来获得数据库的连接3.2系统页面的设计 本系统具体分为：用户操作、管理员操作模块3.2.1系统首页图3.1 系统首页此页面为系统首页,上面一排导航栏写着, 注册用户登录；文字资料,用户注册,学习视频,讨论答疑,资料下载,在线测试,系统简介,后台管理等,实现本模块的主要代码如下所示： 文字资料   a hre

32、f=gg_detail.jsp?id= var focus_width=226;var focus_height=180;var text_height=20;var swf_height = focus_height+text_height;var pics=;var links=;var texts=;%String sqlbht;sqlbht=select top 5 id,biaoti,shouyetupian from xinwentongzhi where shouyetupian and shouyetupiannull order by id desc;ResultSet RS_resultbht=connDbBean.executeQuery(sqlbht);String idbht=;String biaotibht=;String shouyetupianbht=; while(RS_resultbht.next() shouyetupianbht=shouyetupianbht+RS_resultbht.getString(shouyetupian)+|; idbht=idbht+gg_detail.jsp?id=+RS_resultbht.getString(id)+|; biaotibht=biaotibht+RS_re