基于WEB的篮球教学系统的开发与设计

2018-01-08 22:08邓豪
电子设计工程 2017年16期
关键词:教学系统页面框架

邓豪

(西安交通大学城市学院 体育部,陕西 西安 710018)

基于WEB的篮球教学系统的开发与设计

邓豪

(西安交通大学城市学院 体育部,陕西 西安 710018)

为了解决传统篮球教学中存在的成效低,教学效果不理想的问题,文中开发与设计了基于WEB的篮球教学系统,其基于J2EE体系,采用SSH框架下的B/S模式作为系统的架构、使用Java语言及JSP技术完成系统的建设,实现了篮球教学资源搜索、教学视频观看,论坛互动等功能,提高了学生的学习兴趣,扩展了学生的知识点。经过多次测试,本篮球教学系统运行稳定,系统页面显示正常,各项功能均可得到正确的响应,达到了设计要求。

WEB;篮球教学系统;B/S模式;SSH框架

在传统篮球教学工作中,学生由篮球教师教授篮球知识,学生只能被动接受教学内容,成效低。其次,不同的篮球教师水平参差不齐,其教学效果通常限制于自身的篮球水平。随着计算机通信技术,网络技术的发展,教学信息化得到了大力发展,逐渐形成了网络教学方式。篮球教学系统利用互联网将分散的资源重新整合,加快了资源的传播速度,促进了教育资源的共享,提高了教学效率[1-4]。

文中开发与设计了基于WEB的篮球教学系统,其基于J2EE体系采用SSH框架下的B/S模式作为系统的架构、使用Java语言及JSP技术完成系统的建设,实现了篮球教学资源搜索、教学视频观看、论坛互动等功能,提高了学生的学习兴趣,扩展了学生的知识点。经多次测试,本篮球教学系统运行稳定,系统页面显示正常,各项功能均可得到正确的响应,达到了设计要求。

1 J2EE平台技术

1.1 J2EE概述

J2EE[5-6]为Sun公司在1998年发表的Java 2平台的企业版。J2EE是开发企业级应用的一种分布式应用模型,其根据不同功能将应用分层次,每个层次支持相应的服务器和组件,组件在分布式服务器组件容器中运行,容器间通过协议进行通讯。由图1可看到,一个典型的J2EE多层分布式应用主要分为客户层、Web层、业务层及企业信息系统层。

图1 J2EE多层分布式应用模型

1.2 JSP技术

JSP[7](Java Server Pages),即 Java 服务器页面,是由Sun Microsysems公司在Servlet基础上倡导建立的一种动态页面技术标准,其在传统网页HTML(超文本标记语言)文件中插入Java程序代码(Scriptlet)和JSP标记,实现了Html语法中的Java扩展,与Servlet相比,其大幅度简便了网页的设计与修改。

JSP通过服务器端执行并返回用户一个HTML文本,客户端通过浏览器即可浏览,且其将网页逻辑与网页设计显示分开,从而支持组件设计重用,使得基于Web的应用程序开发变得更加容易与迅速,同时可跨平台使用,便于应用程序的移植、扩展与维护。

1.3 Struts框架

Struts[8-9]是一种开发Java web应用的程序框架,其将Java web应用程序分为模型(Model)层、视图(View)层以及控制器(Controller)层,给开发人员提供了一个成熟的应用程序框架,使开发人员在开发Web应用时无需设计应用程序的框架,而是将精力集中在设计应用程序的具体业务上,从而减少了应用的开发时间。

1.4 Spring框架

Spring[10]是为了解决企业应用开发的复杂性而创建的一个开源框架,其使用基本的JavaBean来完成以前只可能由EJB完成的事情。Spring的用途不仅限于服务器端的开发,从简单性、可测试性和松耦合的角度而言,任何Java应用均可以从Spring中受益。

1.5 Hibernate框架

Hibernate[11]是一个开放源代码的对象关系映射框架,其对JDBC进行了轻量级的对象封装,使得Java程序员在操作数据库时,无需再去与复杂的SQL打交道,只需像操作对象一样操作其即可。Hibernate可应用在任何使用JDBC的场合,既可以在Java的客户端程序使用,也可在Servlet/JSP的Web应用中使用。

2 系统设计

2.1 系统功能模块设计

本文所开发的篮球教学系统[12-15]由8个模块组成,分别为篮球资讯、篮球技术、篮球战术、篮球规则、篮球视频、篮球裁判、篮球百科及篮球论坛组成,如图2所示。篮球资讯模块主要是介绍有关篮球的最新资讯;篮球技术负责介绍关于篮球的技术,包括基础技术、进攻技术、防守技术等;篮球战术介绍比赛中常用的一些战术,包括三角战术、全场紧逼战术等;篮球规则介绍篮球比赛的规则,包括FIBA篮球规则、NBA篮球规则、三人篮球规则等;篮球视频提供篮球教学视频供学员观看学习;篮球裁判介绍裁判的一些规则及手势图讲解;篮球百科负责普及篮球中的一些概念与常识;篮球论坛为学生提供一个学习交流的地方,学生可通过在论坛发帖或回复帖子,进行学习经验的交流。

图2 系统功能结构图

2.2 系统架构

本系统采用SSH框架,如图3所示。其由表示层、业务逻辑层、数据持久层及域模块层组成[16]。其中,表示层利用Struts来负责MVC的分离,数据持久层使用Hibernate框架来支持系统对数据库的操作,业务逻辑层通过Spring来实现应用程序的执行,负责着系统功能的逻辑运算,管理struts和hibernate。

图3 系统架构图

3 系统测试

打开本系统,其界面如图4所示。由图可以看到,系统页面最上方为用户注册登录界面,用户输入用户名和密码,点击登录即可登录本系统。系统页面中间为功能导航栏,分别为篮球资讯、篮球技术、篮球战术、篮球规则、篮球视频、篮球裁判、篮球百科以及篮球论坛。导航栏右下角为搜索栏,输入搜索关键词点击搜索即可搜索相关教学内容。

点击篮球技术,其页面如图5所示。页面上方为分类模块,包括基础技术、进攻和防守技术以及一些篮球解说员张卫平,篮球训练师加农贝克等对篮球技术的讲解教学。页面右面为热门文章排行榜,显示过去一段时间篮球技术教学文章的阅读热点,学生可根据需求自行选择阅读。

图4 系统主页

图5 篮球技术页面

点击篮球技术,其页面如图6所示。页面左边为篮球技术讲解文章,右边为热门文章排行榜。点击图中“掌握破解全场紧逼盯人防守战术”,即可观看相关的教学内容。学生也可根据热门文章排行榜中的热门篮球战术教学文章进行阅读。

图6 篮球战术页面

点击篮球视频,其界面如图7所示。页面右上角为教学视频分类,包括篮球投篮教学、篮球过人教学、篮球基础教学、篮球训练教学、篮球运球教学和篮球上篮教学等,点击篮球投篮教学,页面右边即出现篮球投篮的相关教学视频,任意点击其中教学视频即可观看相关教学内容。

点击篮球裁判选项,其界面如图8所示。页面左边为篮球裁判规则及手势图的讲解,学生任意点击其中一项即可观看相关的篮球规则教学内容。页面右边为热门文章排行榜,为过去一段时间篮球裁判教学文章的阅读热点。

图7 篮球视频教学页面

图8 篮球裁判页面

经过多次测试结果表明,该系统界面显示正常,用户注册登录、资源搜索、教学视频观看和论坛互动等功能均可做出正确响应,系统运行取得了预期的效果,达到了设计要求。

4 结束语

为了解决传统篮球教学中存在的成效低,教学效果不理想的问题,本文开发与设计了基于WEB的篮球教学系统,其基于J2EE体系采用SSH框架下的B/S模式作为系统的架构、使用Java[17]语言及JSP技术完成系统的建设,实现了篮球教学资源搜索、教学视频观看、论坛互动等功能,提高了学生的学习兴趣,扩展了学生的知识点。经过多次测试,本篮球教学系统运行稳定,系统页面显示正常,各项功能均可得到正确的响应,达到了设计要求。

[1]辛松和.网络环境下高校篮球教学模式探析[J].科技信息,2012(16):6.

[2]胡峻榕,陆宇亮,温佩芝.普通高校篮球课程网络化教学的数据库设计研究[J].当代体育科技,2015(5):120-121.

[3]邓杰.构建普通高校篮球网络学堂的理论研究[D].苏州:苏州大学,2007.

[4]李小强.网络技术下高校篮球教学模式的研究[J].电脑与电信,2012(9):68-69.

[5]Arun Gupta.Java EE 7精粹[M].韩陆,译.北京:人民邮电出版社,2015.

[6]谭庆平.J2EE应用开发[M].北京:电子工业出版社,2008.

[7]孙鑫.Servlet/JSP深入详解-基于Tomcat的Web开发[M].北京:电子工业出版社,2008.

[8]张志锋,朱颢东.Java Web技术整合应用与项目实战[M].北京:清华大学出版社.2013.

[9]袁薇.基于Struts框架的Web系统设计与实现[J].电子科技,2009,22(8):55-58.

[10]胡启敏,薛锦云,钟林辉.基于Spring框架的轻量级J2EE架构与应用[J].计算机工程与应用,2008,44(5):115-118.

[11]蔡雪焘.Hibemate开发及整合应用大全[M].北京:清华大学出版社,2006.

[12]宋宝杰.计算机技术在篮球攻防意识培养的应用思考[J].电子设计,2011,24(12):135-136.

[13]周新.篮球网络教学模式的实验研究[D].郑州:郑州大学,2011.

[14]张学领.基于网络的篮球教学设计研究[J].武汉体育学院学报,2010,44(8):92-96.

[15]任宇飞,刘海林,任宏飞.篮球网络教学系统的设计[J].电子设计工程,2015,23(10):43-45.

[16]刘楠.Banach空间中(p,Y)-算子框架的稳定性研究[J].纺织高校基础科学学报,2014,27(2):194-198.

[17]李晶,王璐.基于Java EE的棉纺织业管理信息系统开发[J].西安工程大学学报,2013,27(5):667-670.

The development and design of basketball teaching system based on WEB

DENG Hao
(Department of Physical Education,Xi'an Jiaotong University City College,Xi'an 710018,China)

In order to solve the problems of low efficiency and poor teaching effect in traditional basketball teaching,this paper develops and designs a basketball teaching system based on WEB.The system based on J2EE by SSH framework of B/S mode as the system architecture,uses Java language and JSP technology to complete the system construction,realizesthe functionof the basketball teaching resources search,watch the video teaching,interactive forums and improve the students'interest in learning,extend the students'knowledge.After several tests,the basketball teaching system runs stably,the system page shows the normal,each function can get the correct response,and has reached the design requirements.

WEB;basketball teaching system;B/S model;SSH framework

TN99

A

1674-6236(2017)16-0023-04

2016-06-27稿件编号:201606207

邓 豪(1984—),男,陕西宝鸡人,硕士,讲师。研究方向:体育人文社会。

猜你喜欢
教学系统页面框架
刷新生活的页面
框架
基于Unity的计算机硬件组装仿真教学系统设计
广义框架的不相交性
基于移动学习理念的智慧教学系统
基于交互式双板教学系统的高中地理教学研究
关于原点对称的不规则Gabor框架的构造
汽车配件营销实践教学系统开发
一种基于OpenStack的云应用开发框架
网站结构在SEO中的研究与应用