在互联网时代下,教育需要结合时代发展,让学生自主进行网络学习,教师应用互联网手段进行教学,学生通过互联网学习,使信息能够在互联网上进行流动,而教师学生之间学习交流,则需要一个平台来支撑,将网站作为载体。本文所提到的项目,主要的服务对象是计算机网络专业的学生,为其构建的网络学习平台,让学生能够在了解自身专业的基础之上,明确自身的学习内容,并应用该平台实现自主学习。
项目功能
1.阅读和下载功能
页面可清楚看到课程资源分类,主要分为三类:(1)基础课程;(2)网络设备配置;(3)网络编程。其中基础课程有,计算机基础、维护和组装和计算机数学,在网络设备配置有网络操作系统、Linux服务器配置、路由交换、综合布线和网络安全,除此之外,在网络编程一类中,有C语言、JAVA、JSP与数据库,每一门课程是一个选项卡,点击进去可看到教案、教材和课件。
2.答疑系统
用户点击答疑系统时,系统会将用户分为三类,学生、教师和管理员,用户需要根据身份登录系统,身份不同,所应用的功能也不同。
(1)管理员
负责信息维护,主要管理四个方面,用户、新闻、问题与回复,用户管理功能为添加用户、用户列表,新闻管理为添加新闻、新闻列表,问题管理为提问、问题列表,回复管理负责回复。
(2)教师、学生
登录系统后,可进行提问,同时还有别人指定自己回答问题。学生与教师角色有四个功能:①我提过的问题,会对提过的问题进行显示;②查看问题,可查看提问过的所有问题;③提问,可提出问题;④需要回答,显示自己需要回答的问题列表。
项目环境
服务器为Tomcat9.0,数据库为Mysql5.5,开发环境为myeclipse2016,页面JSP。
开发技术
系统分两部分,一前台页面,二后台管理,前台开发技术为DIV+CSS和框架集,后台为富文本编辑器和Jquery-EasyUI。
1.前台开发技术
(1)DIV+CSS
当前,HTML5技术应用较多,页面布局需要运用DIV+CSS,DIV拆分,页面内容定位,显示区域分割,划分页面,为Web前段开发技术,主流浏览器时IE、360等,都支持DIV标签。CSS层叠样式表,美化DIV显示,格式化与修饰页面元素,CSS中,可继承其他文件样式,可实现显示与结构的分离,方面维护代码,加载时,逐层加载,页面载入加快。
(2)框架集课程资源展示时,用框架集拆分页面,可将浏览器窗口进行划分,每一个区域时一个框架,框架中显示网页,其中还可包括框架集,使展示效果多样化,也便于查看。框架集定义行、列,行、列值对大小进行规定,但是,frameset与body不可同时使用。
2.后台开发技术
(1)Jquery-EasyUI
搭建固态管理框架,需使用到Jquery-EasyUI,其本身是一种基于Jquery的用户界面插件,当前最新的版本是JqueryEasyUI1.4,下载之后,解压,之后需要将jquery-1.4a2. min.js、themes、query.easyui.min.js导入到页面文件当中。
(2)富文本编辑器
新闻发布功能,需运用富文本编辑器,富文本编辑器与Word编辑有些类似,本身属于可内嵌浏览器,目前应用较多的是UEditor和KindEditor,项目中,所运用的是KindEditor,版本为4.X。KindEditor是开源HTML編辑器,可满足用户需求。开发时,将textarea进行替换,将其替换为可视化的富文本编辑,应用JavaScript语言编写KindEditor,便无缝与Java或PHP程序集成,特点是体积小,且速度快,开放源代码,内置的DOM类库可对DOM进行精确的操作。
开发时,在页面中创建textarea节点,对id属性进行确定,引入文件,然后便可运用JavaScript实现对textarea的转换。
数据库设计
在用户表中,用户类型有角色表示,0管理员、1教师、2学生,登录时,根据用户类型的不同,所跳转的页面也会不同,表中的状态,表示用户的状态,0正常、1锁定,当0时,系统功能可正常使用,当1时,需要管理解锁进行操作。
新闻表、提问表、回复表这三个表中,通过设置外键,用户ID,对表中的用户ID进行关联,回复表中,设置外键,问题ID,将提问表中的问题ID进行关联,便可对问题进行查询,也可对所查询的问题进行回复,运用主外键建立表之间的联系,在开发的过程中,每一个表对应一个类,类的成员对应表中的字段,将面向对象和关系型数据库进行联系。
综上所述,在JSP技术开发计算机网络技术专业资源库平台的研究中,本文所提到的项目,在众多人员的配合之下,得以在规定的时间之内完成,并于15年投入使用。在开发的过程中,因时间的缘故,只能在极短的时间之内完成一些主要的功能,该项目在一些低版本的浏览器中所呈现出的效果会有所偏差,之后会进行逐步改善,使其能够更加稳定。