乒乓球俱乐部

本文格式为Word版，下载可任意编辑——乒乓球俱乐部本文对某一化工类职业技术学院乒乓球俱乐部的信息化教学平台举行了概括的实现与实施。实现包括美工片面和代码片面，实施那么有测试和运行两过程。

乒乓球俱乐部；信息化；教学平台；实现；实施

1.平台的功能概述

乒乓球俱乐部信息化教学平台，本文简称平台，是为了解决诸如会员信息统计、教学中不定期的测试与劳绩公布、会员课外活动统计、期末论文的批量批阅、新闻公告的发布与订阅等等需求而设计的，是为了得志信息化时代乒乓球运动的教与学而开发的。[1]

整个平台分为前台欣赏网页与后台管理系统两片面——前台以界面方式供给欣赏功能，而后台那么以菜单方式供给概括操作。其中，前台欣赏网页的片面概括工程如图1，后台管理系统的片面概括操作菜单见图2。[2]

图1前台欣赏界面图

图2后台管理系统图

从两图中可以看出，前台主要是实现网页欣赏功能，因而，对它的实现与实施较为简朴，只需要静态网页就可以办到，所要考虑的主要问题可能是它的页面的美观与否以及欣赏时候的便当与否，也就是主要要考虑前台欣赏页面的网页设计问题。但即便如此，所欣赏网页的内容，是需要从后台中自动产生的。因此，后台的实现与实施至关重要，而且，不是简朴的静态网页就可以办到的。而通过分析，我们可以看到，后台不管功能多少，主要用到的，还是数据的添加、删除、修改与查询这四大根本操作。譬如，添加考试、录入劳绩、添加留言等属于数据的添加功能，修改信息、管理考试、管理劳绩、管理留言等那么用到数据的修改功能，而查看分组那么属于数据的查询功能，此外，管理考试、管理劳绩、管理留言等也必然包含数据的删除功能。

2.平台的实现

在整个平台中，前台网页欣赏片面几乎完全不需要动态功能，而只需要举行美工设计，而后台管理系统那么完全相反，只需要动态功能的实现，而几乎不需要考虑美观的需求。因此，我们将整个平台的实现，分为（前台欣赏网页的）美工实现和（后台管理系统的）代码实现两片面。

2.1平台的美工实现

在首页的页面设计上，我们以干脆为主，采用由上到下版面依次增加的三段式——上段为介绍区，其中左半片面为内部设计的俱乐部徽标和自行书写的俱乐部名字及网址，右半片面为功能区，包括登录功能、密码恢复、设为首页和参与珍藏功能；整个上段颜色设为淡蓝，与徽标的主题颜色一致，并且作为功能区的底色极为衬托，丝毫不影响功能区的文字识别。中段为频道区，较窄的上面片面为可链接的概括频道，包括首页、论坛、动态、教学、比赛、事记、留言和管理共8个频道，颜色设为深灰，以凸显白色的频道名文字；更宽的下半片面为图片区，也按图片大小分为窄中宽三段，图片不成链接。下段为通告区（其实就是动态片面），包括左片的新闻中心、右片的友情链接和中片的教学公告——整个区域为深蓝底色：新闻中心既供给新闻中心四字文字链接，也有图片轮显功能，还有新闻标题链接，占了整个新闻区面积的3/5强；教学公告那么只供给标题链接，而友情链接片面既有图片链接，也有下拉菜单的选项链接。首页的最下端按惯例为信息区，包括版权与访问量等概括信息。

至于概括的频道页面和新闻中心与教学公告两个通告页面的设计，也以干脆为主，概括内容一概以白色垫底，黑蓝色文字对衬，最多加上浅蓝底色的介绍栏等。[3]

而不管是首页，还是概括的频道页面，或者是两个通告页面以及子频道页面，都以CSS（层叠样式表）的模式共享首页中的介绍区和频道区的频道链接片面。这样既简化了页面的美工设计，又达成页面内容、颜色、区划的统一效果，形成了完整的视觉效果和统一的印象痕迹。

2.2平台的代码实现

如前所述，整个平台主要包括8个片面，即信息操作、考试操作、劳绩操作、留言操作、规矩操作、新闻操作、论坛操作、系统操作8个组成。另外，对于管理员而言，还有队员操作、学生操作、学生管理员操作、系统管理员操作、友情链接操作和我的课堂等操作片面。此外，譬如首页等片面的实现，我们也采取了自己的特殊处理，下面择重分述如下：

（1）首页代码

首页代码我们并不和整个网站的代码放一块，而是采用引用的方式链接到其他网站，这样虽然首页开头开启的速度慢些，但代码异地也提高了网站的容灾才能同时加强了网站的安好系数。[4]

首页本地主要代码为：

首页异地主要代码为：

$（function（）{

newWushen.frame（）；

newWushen.AjaxForIndex（）；

}）；

（2）各种操作的代码

各种操作尽管名目不同，但实质一致，都是数据的增删改查4个操作。下面以信息操作的代码为例，来说明各种操作的实现过程。而信息操作包括修改信息和查看分组两片面，代码[5]分别如下——

修改信息的主要代码为：

$（function（）{

newWushen.Management（）；

}）；

查看分组的主要代码为：

$（function（）{

newWushen.Management（）；

}）；

从上述代码可以看出，我们的网站代码都是通过对象引用的方式，使用现成代码，并且全部用JavaScript来实现，这和一般网站代码完全不同。

3.平台的实施

在整个平台根据前期的规划、分析和设计的结果，最终完成了代码的编写工作，接下来就是整个平台的测试和运行工作。

3.1平台的测试

尽管整个平台规模相对不大，但是我们还是按照软件工程的流程举行了4项测试工作：在代码编写阶段举行单元测试，这是无法制止的；按照细致设计书举行了集成测试，按照概要设计书举行了系统测试，按照需求分析说明书举行验收测试，这是我们自己努力完成的。[6]

3.2平台的运行

整个平台，从2022年6月运行到现在，已整整5年有奇，网站总访问量已经达成7万余次，日均访问量为40次，日均在线