基于JSP技术交互式动态教学网站的设计与实现

金宗安， 张志刚， 叶　飞

(安徽六安职业技术学院 信息工程系，安徽 六安 237158)

基于JSP技术交互式动态教学网站的设计与实现

金宗安， 张志刚， 叶飞

(安徽六安职业技术学院 信息工程系，安徽 六安 237158)

摘要：提出解决传统授课方式问题的交互式动态教学网站的设计及开发思路.针对交互式动态教学网站的实际情况，进行需求分析以及可行性分析.最后根据前面的分析，设计并开发交互式动态教学网站.该系统采用B/S结构并用自定义MVC框架进行开发，使用基于Java开发的、具有平台扩展性好的JSP技术.本系统具有便于维护、易扩展等特点.

关键词：JSP程序设计；交互式页面；oracle数据库

在JSP学习上，由于JSP技术发展比较迅速，各种技术更新频繁，而传统的课堂式教学采用的都是书本授课，往往学习的都是几年前的过时技术，远远跟不上当前最新技术的脚步.本系统根据教学网站特点，设置上传下载课程资源模块，解决了传统模式对最新技术无法接触到的弊端；同时交流模块、论坛讨论模块等，弥补传统教学方式的不足，增强了用户之间的交流与沟通，能够为学生快速掌握网络课程提供了方便.

1开发技术

1.1JSP技术

JSP(Java Server Pages)是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp).JSP页面由HTML代码和嵌入其中的Java代码所组成.服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器.在教学网站的设计与实现过程中，先将写好的HTML静态页面改写成包含了JSTL标签与EL表达式的JSP页面，通过Servlet 实现逻辑处理后，将从数据库获取的数据封装成对象写入JSP的内置对象session或者request中，然后在JSP页面中通过JSTL标签与EL表达式动态获取数据，从而达到了动态页面的效果[1].其工作原理如图1所示.

1.2JDBC技术

JDBC(Java Data Base Connectivity,java数据库连接)是一种用于执行SQL语句的Java API，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成[2].在教学网站的设计与实现过程中，JDBC主要运用在业务逻辑的数据处理类中.JDBC连接数据库方法getConnection、释放连接等资源的方法free被统一封装在了工具类DBConnection.java中，极大地方便了业务逻辑处理对数据库地操作.

1.3AJAX技术

AJAX技术的一个最大的特点是无需刷新页面便可从服务器读写数据(又称无刷新更新页面)，并利用javascript处理请求结果.应用程序只同服务器进行数据层面的交换，而不用每次都刷新界面，也不用每次将数据处理的工作提交给服务器来做，这样做既减轻了服务器的负担又加快了响应的速度.在教学网站的设计与实现过程中，AJAX起到即时刷新的作用.整个网站里，AJAX技术主要处理网站后台公告的发布、链接的发布以及前台帖子的发表与回帖的提交[3].

2需求分析

教学网站根据不同的使用者，可以分为两个部分：一是面向用户部分，用户可以分为教师用户与学生用户.所有用户可以查看公告、点击学习文章链接查看学习资料、资源文件下载(需要登录)、资源文件上传(需要登录)、贴吧中发帖(需要登录)、贴吧中回帖(需要登录)、交流中心发言.教师可以发布作业和审批作业、学生完成并提交作业；二是交互式动态教学网站的后台管理，该部分为面向管理员部分.整个网站前台的系统流程图如图2所示.

图1　JSP工作原理

图2　网站前台业务系统流程

3详细设计与实现

根据交互式动态教学网站的特点，可以将其分为前台和后台两个部分设计[4，5].前台主要实现用户登录注册、公告浏览、学习文章浏览、上传下载学习资源、论坛浏览发帖以及回帖、学习交流、教师发布作业与审批作业、学生完成作业并提交等功能.后台主要用管理员对网站前台信息、教学资源、用户信息、作业信息等进行管理.我把该网站整体设计为以下模块，分别是登陆注册模块、公告模块、文章链接模块、上传下载模块、贴吧模块、交流模块、作业模块以及后台管理模块.整个交互式动态教学网站的模块结构如图3所示.

4系统测试

4.1登陆注册模块测试

登陆注册模块测试任务主要是测试网站是否能够正常登陆以及注册.测试过程：在登陆页面的用户名与密码框中分别输入正确的用户名与密码(如图4所示)，选择登陆用户类型，点击登陆检查页面时否会跳转至交互式动态教学网站前台，然后在在前台的登陆状态栏中查看登陆状态，如果显示“欢迎登陆！xxx”(如图4所示)则说明用户已经登陆成功.注册则是在登陆界面选择注册，跳转至注册页面，输入注册信息，提交后用新注册的用户名密码登陆，如果登陆成功，则说明注册成功.经过反复登陆注册测试，确认网站的登陆注册功能正常.

4.2上传下载模块测试

上传下载模块测试主要测试是否能进行上传与下载，进入“上传下载”页面查看文件列表是否正常显示(如图5所示)，然后点击下载按钮下载文件.经测试，上传下载功能无异常.

4.3交流模块测试

交流模块采用不同用户以及未登录用户进行发言，检查是否能够正常发言以及用户名的表示是否符合设计要求，然后切换用户账户登录后，再次发言检查发言是否正常显示图6为不同用户发言.

5结语

交互式动态教学网站的设计与实现采用B/S结构搭建，整个项目的结构为自定义的MVC框架，主要采用的技术包括JSP技术、Servlet技术、Ajax技术、JDBC技术等.

图3　交互式动态网站整体结构

图4　登陆界面

图5　上传下载界面

图6　用户发言

参考文献：

[1]来学伟.基于 JSP 的学生选课管理系统设计[J].铜陵职业技术学院学报，2009，23(2):11-13.

[2]高天哲.基于JSP考试管理系统的设计与实现 [J].电子测试，2014，14(13):12-14.

[3]周红，任斌.基于JSP+JavaBean技术网络教学平台的设计与实现[J].科技信息，2010，5(36):224-225.

[4]吴剑，朱志宇，张冰.交互式动态教学网站的设计与实现[J].计算机与数字工程，2006，34(5):41-42.

[5]蔚治国,金立芸.多媒体教学网站的设计和实现[J].甘肃科技，2011，27(2):75-76.

Design and Implementation of Dynamic Interactive Teaching Website

Based on JSP Technology

JIN Zong-an, ZHANG Zhi-gang, YE Fei

(DepartmentofInformationEngineering,Lu'anVocationTechnicalCollege,Lu’an237158,China)

Abstract:The paper introduces the problems of the traditional classroom teaching methods. By analyzing the causes of the problems, the paper proposes to design and develop dynamic interactive teaching website to resolve the problems of the traditional ways of teaching. According to the actual use of dynamic interactive teaching website, the demand and feasibility analysis are carried out. Then, A system of dynamic interactive teaching website is designed and developed. The system uses the B/S structure, MVC framework and JSP technology which have good scalability. After testing, the system is easy to maintain and expand.

Key words:JSP program design; interactive page; oracle database

责任编辑：赵秋宇

中图分类号：TP311

文献标识码：A

文章编号：1671-9824(2015)02-0084-03

作者简介：金宗安(1983—)，男，安徽六安人，讲师，硕士，研究方向：不确定数据处理，软件技术.

基金项目：安徽省质量工程省级重点项目(20101355)；安徽省优秀青年人才基金重点项目(2013SQRL143ZD)；安徽省省级特色专业(计算机应用技术专业)

收稿日期：2014-03-12