摘要
当今世界, 经济全球化深入发展, 以信息网络技术为代表的科技革命不断取得突破, 信息网络化已成为各国经济社会发展的强大动力, 推动着人类社会以前所未有的速度走向新的历史高度。网络作为20世纪最伟大的技术成就, 在以其巨大的力量在改变着世界, 改变着人类社会。
信息化是以现代通信、网络、数据库技术为基础，对所研究对象各要素汇总至数据库，供特定人群生活、工作、学习、辅助决策等和人类息息相关的各种行为相结合的一种技术，使用该技术后，可以极大的提高各种行为的效率，为推动人类社会进步提供极大的技术支持。
随着信息以及网络通信技术的飞速发展，信息数字化再各个领域不断普及并加速了现代化的进程。很多考试和比赛都会涉及到评委打分，湖北省服装表演专业统考评分就是如此。本课题基于B/S架构和eclipse 等开发工具，同时使用
后台数据库选用MySQL Server 据库，JSP 技术进行基本页面的设计与功能实现，
在硬件及网络的支持下，设计了一套服装表演专业统考评分系统，实现了智能管理统考评分，自动进行评分处理，对统考流程进行合理有效的管理。在很大程度上减少人工劳动力，方便统考评分的工作人员。
关键词：信息化；B/S架构；JSP ；MySQL Server
ABSTRACT
In today's world, economic globalization is developing in depth, and the revolution of science and technology represented by information network technology constantly breakthroughs, information network has become a strong driving force for national economic and social development, promote the human society with unprecedented speed toward a new historical height. The Internet, as the greatest technological achievement of the 20th century, is changing the world and changing human society with its enormous power.
Informationization is the modern communication, network, database technology as the foundation, summarize all the elements for the research object to the database, for certain people live, work, study and auxiliary decision-making, etc and all kinds of behavior of human is closely linked with the combination of a technology, using the technology, can greatly improve the efficiency of all kinds of behavior, to promote the progress of human society provides great technical support.
With the rapid development of information and network communication technology, the information digitization has been popularized in various fields and accelerated the process of modernization. Many exams and competitions involve judges, as is the case with the hubei provincial costume performance professional. This topic based on B/S architecture and the eclipse development tools, and using JSP technology of basic pages design and function implementation of background database choose MySQL Server according to the library, with the support of hardware and network, designed a set of hubei province fashion show professional exam score system, realize the intelligent management exam score, automatic grading process, the management of the nationwide examination process for reasonable and effective. In large part, the labor force is reduced, and the people who are able to pass the exam are easily graded. Key words:Informationization; B/S architecture; JSP; MySQL Server
目 录
1 概述 . ........................................................................................................ 1
1.1 课题背景、目的与意义 .................................................................... 1
1.2 信息化的发展历程与国内外现状 .................................................... 2
1.3 本文工作和论文结构 ........................................................................ 3
2. 系统技术理论基础 .............................................................................. 4
2.1 HTML5简介 ......................................................................................... 4
2.2 JavaEE简介 ....................................................................................... 6
2.3 CSS3概述............................................................................................ 8
2.4 JSP概述.............................................................................................. 8
2.5 JQuery概述 ..................................................................................... 9
2.6 B/S结构概述 ................................................................................... 10
2.7 MySQL概述 ....................................................................................... 11
2.8 Eclipse集成开发环境概述 ........................................................... 12
3 系统需求分析 ...................................................................................... 14
3.1 功能需求分析 .................................................................................. 14
3.2 非功能需求分析 .............................................................................. 14
4 系统设计和实现 .................................................................................. 16
4.1 设计原则........................................................................................... 16
4.2 功能设计和实现 .............................................................................. 16
4.2.1 基础数据录入 .............................................................................. 16
4.2.2 用户账户管理 .............................................................................. 20
4.2.3 工作人员和评委模块 .................................................................. 22
4.3系统设计模式 ................................................................................... 26
4.4数据库的设计和实现 ....................................................................... 28
4.4.1数据库表的设计 ........................................................................... 28
4.4.2数据库完整性和安全性 ............................................................... 29
5 系统测试与分析 .................................................................................. 32
5.1 软件测试的重要性 .......................................................................... 32
5.2 测试实例的研究与选择 .................................................................. 32
5.3系统运行情况 ................................................................................... 33
5.4系统评价............................................................................................ 33
6 总结与展望........................................................................................... 34
参考文献 . .................................................................................................. 35
致谢 . .......................................................................................................... 37
1 概述
1.1 课题背景、目的与意义
当今的世界互联网技术不断飞快进步，使得世界上许多大学和相关的机构己经拥有了在线考试的技术，在线评分和管理不再只是幻想，当然这需要有着计算机和互联网的支撑。尽管如今已有了相当高水平发展的计算机硬件技术，但目前线上评分所拥有的相关软件还不是十分的成熟，这就限制了服装表演专业统考信息化的发展。要从根本上解决这个问题，就需要有更成熟、更完美的软件系统，并快速的在考试评分中运用它。
计算机的飞速发展给人们的生活、工作带来了很大的便利，如何充分利用现今的资源实现服装表演专业统考的信息化，让专业统考从繁重的体力劳动中解放出来，朝着网络化、信息化的方向发展，是现在很多人都在思考的一个问题，也是一种发展趋势。
在服装表演专业统考的日常管理中，评分管理是其中很重要的一个环节。传统的评分模式主要表格评分，即评委在考场内，通过考生的表演和各种纸质的材料在评分表上打分记录。这种方式主要有以下两个缺点:1)传统的评分使用纸质材料和评分表等，对于每个考生，都会有一系列纸质材料堆在评委面前，会造成资源浪费和管理困难。2) 评分完成后总结评分和评分意见只能靠人工去完成，如用计算机人工计算平均分等，这会留下发生错误或者是作弊的隐患。
针对传统评分的缺点，在线统考评分系统应运而生。从实现过程来看，在线统考评分是利用现在发达的计算机技术构建在线统考评分平台，把在线系统的登录权限赋予每位评委和工作人员，从而实现一种网络化的评分方式。在线评分避免了评分过程中的过多的纸质材料，通过计算机计算均分，大大降低了总结评分结果的人力成本和发生错误的风险。
在线统考评分不但提高了评分的效率，节省了时间与费用，而且是管理模式的一次创新，这是传统的评分方式所无法比拟的，既增强了评分工作的标准化与科学化以及评分结果的客观性，同时给评委和工作人员带来极大的方便和自主，节省了劳动力。
借助本系统的设计、实现与应用，研究在线统考评分信息系统的需求和解决方案，探索未来在线统考评分信息系统的发展趋势。
1.2 信息化的发展历程与国内外现状
当今世界, 经济全球化深入发展, 以信息网络技术为代表的科技革命不断取得突破, 信息网络化已成为各国经济社会发展的强大动力, 推动着人类社会以前所未有的速度走向新的历史高度。网络作为20世纪最伟大的技术成就, 在以其巨大的力量在改变着世界, 改变着人类社会。
“信息化”(informationization)一词最早于20世纪60年代出现在日本的一些学术文献中，当时对“信息化”这一概念主要是从产业角度进行阐述和界定的。20世纪70年代，德国、欧共体和联合国教科文组织等国家及国际组织先后出台了一系列推动信息技术在社会中应用和发展的规划，这些规划都把信息基础设施作为重要一环。
1993年9月，美国克林顿政府正式提出建设“国家信息基础设施”(National Information Infrastructure ，简称NII) ，俗称“信息高速公路”(Information Superhighway) 计划，其核心是发展以Internet 为核心的综合化信息服务体系和推进信息技术(Information Techno1ogy，简称IT) 在社会各领域的广泛应用。在其带动之下，许多发达国家和发展中国家相继出台了一系列国家信息基础设施建设规划，从而带动了全球信息化建设的浪潮。
教育信息化的概念是在20世纪90年代伴随着信息高速公路的兴建而提出的。在美国的“信息高速公路”计划中，特别把IT 在教育中的应用作为实施面向21世纪教育改革的重要途径，美国的这一举动引起了世界各国的积极反应，许多国家的政府相继制定了推进本国IT 在教育中应用的计划。
中国自20世纪90年代末开始，随着网络技术的迅速普及，整个社会的发展与信息技术的关系越来越密切，人们越来越关注信息技术对社会发展的影响，“社会信息化”的提法开始出现，联系到教育改革和发展，“教育信息化”的提法也开始出现了。政府的各种文件已经正式使用“教育信息化”这一概念，并高度重视教育信息化的工作。
在线考试技术在国内开始进行研究相对较迟，与其在西方发达国家内相比，它的发展速度就相对落后。但中国的信息化教育发展的相当快，考试系统在国家的相关领域也有得到了应用，如红旗Linux 远程考试系统、办公自动化证书CEAC 远程考试系统等。
研究和试行了国内外的考试系统，归纳出它们的以下特点：
(1)有C/S结构和B/S结构，可以在网络上使用它们。
(2)大部分都有自动组卷和自动评卷功能，但水平各不相同。
(3)使用的都是开放式试题库，比较容易扩充。
(4)均具有基本的功能，重点分析题库的管理部分。
1.3 本文工作和论文结构
本系统是为湖北省戏剧与影视学类（服装表演专业）统考评分而设计，基于B/S架构和eclipse 等开发工具，同时使用JSP 技术进行基本页面的设计与功能实现，后台数据库选用MySQL Server 据库。系统分为前台评分和后台管理两大部分。
前台用户角色分为评委和工作人员两大类，其中评委又分考场A 评委和考场B 评委两种角色，工作人员又分四种角色。系统前台为所有角色提供统一的登录界面，系统根据角色的不同自动进入相应的工作界面。
系统后台管理分为三大模块，分别是基础数据录入与基本信息管理、用户账户管理、考试流程管理与考试成绩管理。
本系统具有以下特点：
界面简洁美观，操作简单；
防止非法用户的侵入，提高系统的保密性能；
减少权限管理的重复性，提高系统管理员的工作效率；
减少了手工操作流程时间，提高工作效率。
全文共分为六章，具体工作如下：
第一章 绪论。简单阐述了本系统的开发背景和国内外发展现状。
第二章 系统技术理论基础。主要介绍开发系统的过程中用到的技术和理论。
第三章 系统需求分析。主要对系统的基本需求进行分析、建模。
第四章 系统设计与实现。按照系统设计原则，对系统前端、后台和数据库进行设计，以及系统的前端页面、后台管理系统和数据库内容的具体实现过程。
第五章 系统测试。对系统的功能性进行测试和评估。
第六章 总结和展望。对当前系统在设计和实现的过程当中遇到的问题和针对这些问题给出的解决的方案做个概要的经验总结，以便今后对类似系统的开发
提出良好的可行性的建议。对当前系统的不足加以总结，在今后系统的升级或类似系统的开发时做出修改和调整。
2. 系统技术理论基础
2.1 HTML5简介
HTML5是HTML 下一个主要的修订版本，现在仍处于发展阶段。目标是取代1999年所制定的HTML 4.01和XHTML 1.0 标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。HTML5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML 、CSS 和JavaScript 在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务RIA ，如Adobe Flash、Microsoft Silverlight，与Oracle Java FX的需求，并且提供更多能有效增强网络应用的标准集[1]。HTML5是新兴的Web 开发技术，其拥有良好的语义化标签，搭配最新CSS3可以展现出无与伦比的显示效果。支持Html5的浏览器包括Firefox （火狐浏览器），IE9及其更高版本，Chrome （谷歌浏览器），Safari ，Opera 等；国内的傲游浏览器（Maxthon ），以及基于IE 或Chromium （Chrome 的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ 浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力[6]。
HTML5具有以下特性：
1. 语义特性（Class ：Semantic ）
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa 的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web 。
2. 本地存储特性（Class: OFFLINE & STORAGE）
基于HTML5开发的网页APP 拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API 说明文档。
3. 设备兼容特性 (Class: DEVICE ACCESS)
从Geolocation 功能的API 文档公开以来，HTML5为网页应用开发者们提供
了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones 及摄像头相联。
4. 连接特性（Class: CONNECTIVITY）
更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，
这两个特性能够帮助我们Server-Sent Event和WebSockets 就是其中的两个特性，
实现服务器将数据“推送”到客户端的功能。
5. 网页多媒体特性(Class: MULTIMEDIA)
支持网页端的Audio 、Video 等多媒体功能，与网站自带的APPS ，摄像头，影音功能相得益彰。
6. 三维、图形及特效特性（Class: 3D, Graphics & Effects）
基于SVG 、用户会惊叹于在浏览器中，Canvas 、WebGL 及CSS3的3D 功能，
所呈现的惊人视觉效果。
7. 性能与集成特性（Class: Performance & Integration）
没有用户会永远等待你的Loading ——HTML5会通过XMLHttpRequest2等技术，帮助您的Web 应用和网站在多样化的环境中更快速的工作。
8. CSS3特性(Class: CSS3)
在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web 排版，Web 的开放字体格式（WOFF ）也提供了更高的灵活性和控制性[7]。
HTML5具有以下优势：
1. 网络标准
HTML5 本身是由W3C 推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话 说，每一个公开的标准都可以根据W3C 的资料库找寻根源。另一方面，W3C 通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。
2. 多设备、跨平台
用 HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC 的开放平台、Opera 的游戏中 心、Facebook 应用平台，甚至可以通过封装的技术发放到App Store或Google Play 上，所以它的跨平台非常强大，也是大多数人对HTML5有兴趣的主要原因。
3. 自适应网页设计
很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout ）2010年，Ethan Marcotte提出了”自适应网页设计“这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。
这就解决了传统的一种局面——网站为不同的设备提供不同的网页，比如专门提供一个mobile 版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal （入口），会大大增加架构设计的复杂度。
4. 即时更新
游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新[8]。
总结概括HTML5有以下优点：
1. 提高可用性和改进用户的友好体验；
2. 有几个新的标签，这将有助于开发人员定义重要的内容；
3. 可以给站点带来更多的多媒体元素(视频和音频) ；
4. 可以很好的替代FLASH 和Silverlight ；
5. 当涉及到网站的抓取和索引的时候，对于SEO 很友好；
6. 将被大量应用于移动应用程序和游戏。
2.2 JavaEE简介
J2EE （Java 2 Platform,Enterprise Edition）是一套全然不同于传统应用开发的技术架构，包含许多组件，主要可简化且规范应用系统的开发与部署，进而提高可移植性、安全与再用价值[9]。
J2EE 的核心是一组技术规范与指南，其中所包含的各类组件、服务架构及技术层次，均有共通的标准及规格，让各种依循 J2EE 架构的不同平台之间，
存在良好的兼容性，解决过去企业后端使用的信息产品彼此之间无法兼容，导致企业内部或外部难以互通的窘境。
在 J2EE 架构下，开发人员可依循规范基础，进而开发企业级应用；而不同 J2EE 供货商，同会支持不同 J2EE 版本内所拟定的标准，以确保不同 J2EE 平台与产品之间的兼容性。
对于开发人员而言，只需要专注于各种应用系统的商业逻辑与架构设计，至于底层繁琐的程序撰写工作，可搭配不同的开发平台，以让应用系统的开发与部署效率大幅提升。
目前许多程序设计师，或者是网页设计人员，多利用 JSP/Servlet的便利性，进而在 J2EE 服务器之上开发相关的应用，或是整合公司内部的各种资源。推出 J2EE 的最初目的是为了克服传统 Client/Server 模式的弊病，迎合Browser/Server 架构的潮流，为应用 Java 技术开发服务器端应用提供一个平台独立的、可移植的、多用户的、安全的和基于标准的企业级平台，从而简化企业应用的开发、管理和部署。J2EE 是一个标准，而不是一个现成的产品。各个平台开发商按照 J2EE 规范分别开发了不同的 J2EE 应用服务器，J2EE 应用服务器是 J2EE 企业级应用的部署平台。由于它们都遵循了 J2EE 规范，因此，使用 J2EE 技术开发的企业级应用可以部署在各种 J2EE 应用服务器上。
J2EE 组成了一个完整企业级应用的不同部分纳入不同的容器(Container)，每个容器中都包含若干组件(这些组件是需要部署在相应容器中的) ，同时各种组件都能使用各种 J2EE Service/API。J2EE 容器包括：
◆ Web 容器 服务器端容器，包括两种组件 JSP 和 Servlet ，JSP 和Servlet 都是 Web 服务器的功能扩展，接受 Web 请求，返回动态的 Web 页面。Web 容器中的组件可使用 EJB 容器中的组件完成复杂的商务逻辑。
◆ EJB 容器 服务器端容器，包含的组件为 EJB(Enterprise Java Beans)，它是 J2EE 的核心之一，主要用于服务器端的商业逻辑的实现。EJB 规范定义了一个开发和部署分布式商业逻辑的框架，以简化企业级应用的开发，使其较容易地具备可伸缩性、可移植性、分布式事务处理、多用户和安全性等。
◆ Applet 容器 客户端容器，包含的组件为 Applet 。Applet 是嵌在浏览器中的一种轻量级客户端，一般而言，仅当使用 Web 页面无法充分地表现数据或
应用界面的时候，才使用它。Applet 是一种替代 Web 页面的手段，我们仅能够使用 J2EE 开发 Applet ，Applet 无法使用 J2EE 的各种 Service 和 API ，这是为了安全性的考虑。
◆ Application Client 容 器 客 户 端 容 器 ， 包 含 的 组 件 为Application Client。Application Client 相对 Applet 而言是一种较重量级的客户端，它能够使用 J2EE 的大多数 Service 和 API 。
2.3 CSS3概述
CSS 即层叠样式表（Cascading StyleSheet）。在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS 技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效、多栏布局等。
CSS3将完全向后兼容，所以没有必要修改的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出现在的设计效果（比如说使用分栏）[11]。
2.4 JSP概述
JSP(JavaServerPages)是由SunMicrosystems 公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP 技术有点类似ASP 技术，它是在传统的网页HTML 文件(*.htm,*.html)中插入Java 程序段(Scriptlet)和JSP 标记(tag)，从而形成JSP 文件(*.jsp)。
用JSP 开发的Web 应用是跨平台的，即能在Linux 下运行，也能在其他操作系统上运行。JSP 技术使用Java 编程语言编写类XML 的tags 和scriptlets ，来封装产生动态网页的处理逻辑。网页还能通过tags 和scriptlets 访问存在于服务端的资源的应用逻辑。JSP 将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web 的应用程序的开发变得迅速和容易。
Web 服务器在遇到访问JSP 网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP 文件中的HTML 代码一起返回给客户。插入的Java 程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。
JSP 与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML 文本，因此客户端只要有浏览器就能浏览。
JSP 的1.0规范的最后版本是1999年9月推出的，12月又推出了1.1规范。目前较新的是JSP1.2规范，JSP2.0规范的征求意见稿也已出台。
JSP 页面由HTML 代码和嵌入其中的Java 代码所组成。服务器在页面被客户端请求以后对这些Java 代码进行处理，然后将生成的HTML 页面返回给客户端的浏览器。Java Servlet 是JSP 的技术基础，而且大型的Web 应用程序的开发需要Java Servlet和JSP 配合才能完成。JSP 具备了Java 技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。 自JSP 推出后，众多大公司都支持JSP 技术的服务器，如IBM 、Oracle 、Bea 公司等，所以JSP 迅速成为商业应用的服务器端语言[12]。
JSP 技术的优势：
⑴ 一次编写，到处运行。在这一点上 Java 比 PHP 更出色，除了系统之外，代码不用做任何更改。
⑵ 系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。相比 ASP/PHP 的局限性是显而易见的。
⑶ 强大的可伸缩性。从只有一个小的 Jar 文件就可以运行 Servlet/JSP ，到由多台服务器进行集群和负载均衡，到多台Application 进行事务处理，消息处理，一台服务器到无数台服务器，Java 显示了一个巨大的生命力。
⑷多样化和功能强大的开发工具支持。Java 已经有了许多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行于多种平台之下[13]。
2.5 JQuery概述
JQuery 是继prototype 之后又一个优秀的Javascript 库。它是轻量级的js 库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），
jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery 使用户能更方便地处理HTML （标准通用标记语言下的一个应用）、events 、实现动画效果，并且方便地为网站提供AJAX 交互。jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择[2]。jQuery 能够使用户的html 页面保持代码和html 内容分离，也就是说，不用再在html 里面插入一堆js 来调用命令了，只需要定义id 即可。
jQuery 是一个兼容多浏览器的javascript 库，核心理念是write less,do more(写得更少, 做得更多) 。jQuery 在2006年1月由美国人John Resig在纽约的barcamp 发布，吸引了来自世界各地的众多JavaScript 高手加入，由Dave Methvin率领团队进行开发。如今，jQuery 已经成为最流行的javascript 库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery [14]。
jQuery 是免费、开源的，使用MIT 许可协议。jQuery 的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM 元素、制作动画效果、事件处理、使用Ajax 以及其他功能。除此以外，jQuery 提供API 让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
jQuery ，顾名思义，也就是JavaScript 和查询（Query ），即是辅助JavaScript 开发的库[15]。
2.6 B/S结构概述
B/S（Browser/Server）结构即浏览器和服务器结构。它是随着Internet 技术的兴起，对 C/S 结构的一种变化或者改进的结构。在这种结构下，用户工作界面是通过 WWW 浏览器来实现，极少部分事务逻辑在前端（Browser ）实现，但是主要事务逻辑在服务器端（Server ）实现，形成所谓三层 3-tier 结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本（TCO ）。
以目前的技术看，局域网建立 B/S 结构的网络应用，并通过Internet/Intranet 模式下数据库应用，相对易于把握、成本也是较低的。它是一次性到位的开发，能实现不同的人员，从不同的地点，以不同的接入方式访问和操作共同的数据库；它能有效地保护数据平台和管理访问权限，服务器数据库也很安全 。特别是在
快捷、高效JA V A 这样的跨平台语言出现之后，B/S 架构管理软件更是方便、
[16]。
B/S 架构软件的优势：
⑴ 维护和升级方式简单
目前，网站平台的改进和升级越来越频繁，B/S 架构的产品明显体现着更为方便的特性。 B/S 架构的平台只需要管理服务器就行了，所有的客户端只是浏览器，根本不需要做任何的维护。无论用户的规模有多大，有多少分支机构都不会增加任何维护升级的工作量，所有的操作只需要针对服务器进行；如果是异地，只需要把服务器连接专网即可，实现远程维护、升级和共享。所以客户机越来越“瘦”，而服务器越来越“胖”是将来信息化发展的主流方向。今后，系统升级和维护会越来越容易，而使用起来会越来越简单，这对用户人力、物力、时间、费用的节省是显而易见的。
⑵成本降低，选择更多
大家都知道 windows 在桌面电脑上几乎一统天下，浏览器成为了标准配置，但在服务器操作系统上 windows 并不是处于绝对的统治地位。现在的趋势是凡使用 B/S 架构的应用管理软件，只需安装在 Linux 服务器上即可，而且安全性高。所以服务器操作系统的选择是很多的，不管选用那种操作系统都可以让大部分人使用 windows 作为桌面操作系统电脑不受影响，这就使的最流行免费的 Linux 操作系统快速发展起来，Linux 除了操作系统是免费的以外，连数据库也是免费的，这种选择非常盛行[17]。
2.7 MySQL概述
由瑞典MySQL AB 公司开发，目前MySQL 是一个关系型数据库管理系统，
属于 Oracle 旗下公司。MySQL 最流行的关系型数据库管理系统，在 WEB 应用方面MySQL 是最好的关系数据库管理系统 ( Relational Database Management System, RDBMS ) 应用软件之一[18]。
关系数据库将数据保存在不同的表中，MySQL 是一种关系数据库管理系统，
而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。
MySQL 所使用的 SQL 语言是用于访问数据库的最常用标准化语言。MySQL 软件采用了双授权政策，它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库
[19]。
与其他的大型数据库例如 Oracle、DB2、SQL Server等相比，MySQL 自有它的不足之处，但是这丝毫也没有减少它受欢迎的程度。对于一般的个人使用者和中小型企业来说，MySQL 提供的功能已经绰绰有余，而且由于 MySQL 是开放源码软件，因此可以大大降低总体拥有成本。
2.8 Eclipse集成开发环境概述
Eclipse 是一个开放源代码的、基于Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java 开发工具（Java Development Kit ，JDK ）。
Eclipse 最初由OTI 和IBM 两家公司的IDE 产品开发组创建，起始于1999年4月。IBM 提供了最初的Eclipse 代码基础，包括Platform 、JDT 和PDE 。Eclipse 项目IBM 发起，围绕着Eclipse 项目已经发展成为了一个庞大的Eclipse 联盟，有150多家软件公司参与到Eclipse 项目中，其中包括Borland 、Rational Software 、Red Hat 及Sybase 等。Eclipse 是一个开放源码项目，它其实是Visual Age for Java的替代品，其界面跟先前的Visual Age for Java差不多，但由于其开放源码，任何人都可以免费得到，并可以在此基础上开发各自的插件，因此越来越受人们关注。随后还有包括Oracle 在内的许多大公司也纷纷加入了该项目，Eclipse 的目标是成为可进行任何语言开发的IDE 集成者，使用者只需下载各种语言的插件即可。
Eclipse 是一个开放源代码的软件开发项目，专注于为高度集成的工具开发提供一个全功能的、具有商业品质的工业平台。它主要由Eclipse 项目、Eclipse 工具项目和Eclipse 技术项目三个项目组成，具体包括四个部分组成——
Eclipse Platform 、JDT 、CDT 和PDE 。JDT 支持Java 开发、CDT 支持C 开发、PDE 用来支持插件开发，Eclipse Platform 则是一个开放的可扩展IDE ，提供了一个通用的开发平台。它提供建造块和构造并运行集成软件开发工具的基础。Eclipse Platform 允许工具建造者独立开发与他人工具无缝集成的工具从而无须分辨一个工具功能在哪里结束，而另一个工具功能在哪里开始。
Eclipse SDK（软件开发者包）是Eclipse Platform、JDT 和PDE 所生产的组件合并，它们可以一次下载。这些部分在一起提供了一个具有丰富特性的开发
环境，允许开发者有效地建造可以无缝集成到Eclipse Platform中的工具。Eclipse SDK 由Eclipse 项目生产的工具和来自其它开放源代码的第三方软件组合而成。Eclipse 项目生产的软件以 GPL发布，第三方组件有各自自身的许可协议。
3 系统需求分析
本系统分为前台评分和后台管理两大部分。采用B/S架构，前台评分主要在安卓平板上操作，而后台管理是在台式机或笔记本电脑上操作。
前台用户角色分为评委和工作人员两大类，其中评委又分考场A 评委和考场B 评委两种角色，工作人员又分四种角色。系统前台为所有角色提供统一的登录界面，系统根据角色的不同自动进入相应的工作界面。
系统后台管理分为三大模块，分别是基础数据录入与基本信息管理、用户账户管理、考试流程管理与考试成绩管理。
3.1 功能需求分析
(1)前台登陆模块：打开浏览器，在地址栏地址启动系统，进入登录界面，系要求统根据登陆账号自动识别用户角色，进入相应的工作界面，更加人性化，提高登陆效率。
(2)考场A 评委评分模块：在登录界面中输入账号信息，系统自动判断账号角色，考场A 的评委进入形体测量、形体观察和服装表演三个科目的打分界面。考生信息展示有考生编号、身高、体重、肩宽、胸围、腰围、臀围, 点触“退出系统”按钮退出本场考试，系统返回登录界面。
(3)考场A 评委评分模块：在登录界面中输入账号信息，系统自动判断账号角色，考场B 的评委进入形体表演和口试两个科目的打分界面。考生信息展示有考生编号、身高、体重、肩宽、胸围、腰围、臀围、比例, 点触“退出系统”按钮退出本场考试，系统返回登录界面。
(4)工作人员模块：
本系统考试的工作人员分四种角色，分别是：
打印考生形体测量表；
形体测量数据录入之身高、体重；
形体测量数据录入之肩宽、胸围、腰围、臀围、比例；
口试试题抽取。
3.2 非功能需求分析
(1)界面需求
用户界面是系统和用户之间的接口，也是控制和选择信息输入输出的主要途径。用户界面设计应坚持友好、简便、易于操作控制、便于维护和管理、安全实用。应避免过多确认的设计方式，对于比较关键的数据或相关操作，应有一次提醒式的确认操作，确保用户放心使用系统，同时又可减少操作失误带来的不必要数据差错，使系统变得更加人性化。
(2)输入输出
系统输入输出设计是一个非常重要的环节，特别是对于用户和今后系统的使用方便、可靠性和安全等方面尤其重要。好的输入输出设计可以为管理者提供简单、快捷、明了、高效、实用的管理和控制信息，特别是实行在线评分管理更要注重资源共享，少做重复操作，尽量利用现有的数据，全面提高评分效率和信息化管理水平。输入输出设计要求如下：尽量减少键盘输入，库表中的大部分数据是批量数据导入以及数据复制。必要的键盘输入也是需要的，但是在学分制条件下，各种管理环节均规范化、代码化，应尽量使用下拉菜单式的选择调用相关信息，以减少无谓的重复工作。对于考生的评分成绩，批量导出成excel 表格，方便浏览考试情况，也可将考试结果打印出来。
(3)安全性
本系统必须采用先进的数据流加密等网络技术，并采用集中的安全控制机制，对于本系统中的用户，应建立相应的配置文件。同时，对于系统中最宝贵的资源，系统应配备高速的备份设备，建立完备的日志、增量备份、累计备份、定期备份制度，对于服务器还应具备容错能力，对于系统中关键设备应考虑温度、湿度及通风度等因素。
本系统必须对系统中不同用户(如系统管理员、评委、工作人员等) 分配不同的权限，且具有识别的能力，允许用户在其有效的权限范围内进行修改用户信息、信息浏览、输入、输出、添加、删除等操作。本系统严格区分管理员和普通用户的权限，只有系统管理员才能开放和关闭系统功能的所有权限，对系统中的数据进行编辑。
4 系统设计和实现
4.1 设计原则
本系统为了设计、实现和后期维护的方便，以及系统用户使用的便利，所以必须采取一定的设计原则[3]。其主要设计原则有：
简单性：在实现系统的功能的同时，尽量让系统操作简单易懂，这对于一个系统来说是非常重要的。
针对性：本系统设计是针对在线考试的需求定向开发设计，所以具有专业突出和很强的针对性。
实用性：要求本系统能够满足学校在线考试的需求，因此具有良好的实用性。 一致性：页面整体设计风格以及命名规则的一致性：整体页面布局和用图用色风格及变量、类名和其他元素的命名规则保持一致。功能一致性：完成同样的功能应该尽量使用同样的元素。 元素风格一致性：界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的。变量命名规则的一致性：变量应该用统一的规则进行命名，做到任意变量均能从上下文推断其义。
先进性：本系统采用JSP 技术、SQL Server2008等被广泛采用系统开发技术和数据库，因此本设计具有良好的先进性，具体表现在其具有良好的可扩展性，可开发性。
4.2 功能设计和实现
系统后台管理分为三大模块，分别是基础数据录入、用户账户管理、工作人员和评委。
本系统具有以下特点：
界面简洁美观，操作简单；
防止非法用户的侵入，提高系统的保密性能；
减少权限管理的重复性，提高系统管理员的工作效率；
减少了手工操作流程时间，提高工作效率。
4.2.1 基础数据录入
在该模块中主要由工作人员来对数据的导入与导出，对学生基本的信息和口试试题的导入。
以下是该模块的总体设计图，分为四个子模块，分别的是学生信息导入、
学生信息管理、口试试题导入、口试试题信息管理。
学生信息导入，支持Excel 在线导入导出，在导入的Excel 的工程中只能支持Excel2003 的兼容版本，同事导入的数据可以对数据在以下字段进行在线查询，支持高考报名号、身份证号、准考证号、考生编号、姓名等查询。
效果如下图所示：
考生信息管理，就是对导入的信息在进行二次编辑，对导入的错误数据，或多添加的数据在进行修改。
见下图如：编辑功能
见下图如：删除功能（询问是否删除）
见下图如：打印功能
同理在口试试题导入、口试试题信息管理该模块中功能同上，效果如下图所示。
口试试题导入：
口试试题信息管理：
4.2.2 用户账户管理
在该模块中对登录系统的人员进行相应的权限管理，如工作人员只能看到自己的工作模块内容，而评委就不能看到工作人员的信息，只能对学生进行评分。
以下是该模块的总体设计图，分为三个子模块，分别的是学角色管理，用户管理，部门管理。
角色管理模块，对创建的用户，进行相应的权限管理，如下图所示。 可以发现以上导航栏是系统管理员身份可以看见所有的信息。
用户管理，创建信息，或对已有用户进行编辑修改。
部门管理，将创建的用户进行分组，如工作人员可以分配到人事部门当中去。
4.2.3 工作人员和评委模块
在工作人员模块中主要完成打印考生形体测量表、形体测量数据录入之身高、体重、形体测量数据录入之肩宽、胸围、腰围、臀围、比例、口试试题抽取。
评委模块分为A 评委与B 评委，两部分的内容。其中A 评委负责形体测量、形体观察和服装表演，而B 评委负责形体观察和服装表演两个科目。
打印考生形体测量表, 按照考生编号打印学生的测量信息表。
打印效果预览如下
形体测量数据录入1，由该工作人员将其身高、体重数据进行录入。
形体测量数据录入2，由该工作人员将其肩宽、胸围、腰围、臀围、比例数据进行录入。
口试试题抽出，随机抽出口试试题题目。
考场A ，只有A 评委才能看见。
考场B ，只有B
评委才能看见。
4.3系统设计模式
B/S结构，即Browser/Server(浏览器/服务器) 结构，是随着Internet 技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户界面完全通过浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓3-tier 结构。B/S结构，主要是利用了不断成熟的浏览器技术，结合浏览器的多种Script 语言(VBScript、JavaScript…)和ActiveX 技术，用通用浏览器就实现了原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。随着Windows XP/Windows 7将浏览器技术植入操作系统内部，这种结构更成为当今应用软件的首选体系结构。显然B/S结构应用程序相对于传统的C/S结构应用程序将是巨大的进步。B/S结构采用星形拓扑结构建立企业内部通信网络或利用Internet 虚拟专网（VPN ）。前者的特点是安全、快捷、准确。后者则具有节省投资、跨地域广的优点。须视企业规模和地理分布确定。企业内部通过防火墙接入Internet ，再整个网络采TCP/IP协议。
C/S 与 B/S 区别：Client/Server是建立在局域网的基础上的。Browser/Server是建立在广域网的基础上的。
1．硬件环境不同：C/S 一般建立在专用的网络上，小范围里的网络环境，局域网之间再通过专门服务器提供连接和数据交换服务B/S 建立在广域网之上的，不必是专门的网络硬件环境，例与电话上网，租用设备。信息自己管理。有比C/S更强的适应范围， 一般只要有操作系统和浏览器就行。
2．对安全要求不同 C/S 一般面向相对固定的用户群， 对信息安全的控制能力很强。一般高度机密的信息系统采用C/S 结构适宜。可以通过B/S发布部分可公开信息B/S 建立在广域网之上，对安全的控制能力相对弱，面向是不可知的用户群。
对程序架构不同 C/S 程序可以更加注重流程， 可以对权限多层次校验，3． 对系统运行速度可以较少考虑B/S 对安全以及访问速度的多重的考虑，建立在需要更加优化的基础之上。比C/S有更高的要求 B/S结构的程序架构是发展的趋势，从MS 的.Net 系列的BizTalk 2000 Exchange 2000等，全面支持网络的构件搭建的系统SUN 和IBM 推的JavaBean 构件技术等，使 B/S更加成熟.
软件重用不同 C/S 程序可以不可避免的整体性考虑，构件的重用性不如4．
在B/S要求下的构件的重用性好.B/S 对的多重结构，要求构件相对独立的功能. 。能够相对较好的重用. 就入买来的餐桌可以再利用，而不是做在墙上的石头桌子。
5．系统维护不同系统维护是软件生存周期中，开销大，C/S 程序由于整体性，必须整体考察，处理出现的问题以及系统升级。升级难，可能是再做一个全新的系统B/S 构件组成，方面构件个别的更换，实现系统的无缝升级。系统维护开销减到最小用户从网上自己下载安装就可以实现升级。
6．处理问题不同 C/S 程序可以处理用户面固定，并且在相同区域，
安全要
求高需求，与操作系统相关。应该都是相同的系统B/S 建立在广域网上， 面向不同的用户群，分散地域，这是C/S无法作到的，与操作系统平台关系最小。
7．用户接口不同 C/S 多是建立的Window 平台上，表现方法有限，对程序员普遍要求较高B/S 建立在浏览器上，有更加丰富和生动的表现方式与用户交流，并且大部分难度减低，减低开发成本。
8．信息流不同C/S 程序一般是典型的中央集权的机械式处理，交互性相对低B/S 信息流向可变化， B-B B-C B-G等信息、流向的变化，更像交易中心。
4.4数据库的设计和实现
数据库是本系统的核心和基础。它设计的好坏直接影响着整个系统的质量。数据是一切系统设计的基础，通俗地说，数据库设计就像高楼大厦的根基一样，如果设计的不合理、不完善，将在系统开发过程中，甚至到后期的系统维护、功能变更和功能扩充时，引起较多问题，严重时甚至要重新设计，重做大量已完成工作。
4.4.1数据库表的设计
本项目的数据库名为markingsystem ，设计的对象是服装表演专业统考评分系统，主要用户是管理员、工作人员、以及评委，因此设计本项目的时候是以工作人员、评委的立场、工作重心和工作需求出发，系统的外观界面也是针对数据分析人员而设计的。
通过对智能服装后台监控中心的工作过程和原理了解后，设计如下的数据项和数据结构。
1、学生表，包括的数据项有：自增长id 、编号id 、高考报名号、场次号、用户名、性别、创建时间、肩宽、身高、体重、腰围、胸围、准考证号、服装表演成绩、口试成绩、形体表演成绩、形体观察成绩、形体测试成绩、评委1、评委2、比例、臀围。
2、口试表：自增长id 、问题、答案、编号、创建时间。
3、基础用户数据表：自增长id 、用户名、真实姓名、密码、状态。
4、用户表：自增长id 、签名问价、手机、办公电话、邮箱、用户类型。
5、部门表：自增长id 、部门名称、部门描述、上级部门。
6、用户角色表：自增长id 、角色id 、用户id 。
7、角色表：自增长id 、角色名。
根据上面的设计规划出的实体，形成相应的关系试图，见图4-1所示。
4.4.2数据库完整性和安全性
1. 数据库的完整性约束
数据库完整性（Database Integrity）是指数据库中数据在逻辑上的一致性、正确性、有效性和相容性。数据库完整性由各种各样的完整性约束来保证，因此可以说数据库完整性设计就是数据库完整性约束的设计。数据库完整性约束可以通过DBMS 或应用程序来实现，基于DBMS 的完整性约束作为模式的一部分存入数据库中。数据库的完整性约束主要包括一下三个方面要求：
1) 实体完整性（Entity Integrity）
实体完整性指表中行的完整性。主要用于保证操作的数据（记录）非空、唯一且不重复。即实体完整性要求每个关系（表）有且仅有一个主键，每一个主键值必须唯一，而且不允许为“空”（NULL ）或重复。
若属性A 是基本关系R 的主属性，则属性A 不能取空值，即主属性不可为空值。用户提交信息后，系统会对用户所填的信息进行验证，
对于其中的关键信
息没有填或者数据非法时，系统会提示用户更改后再提交，这样保证了系统的实体完整性。
2) 参照完整性（Referential Integrity）
参照完整性属于表间规则。对于永久关系的相关表，在更新、插入或删除记录时，如果只改其一，就会影响数据的完整性。在关系数据库中，关系之间的联系是通过公共属性实现的。这个公共属性经常是一个表的主键，同时是另一个表的外键。参照完整性体现在两个方面：实现了表与表之间的联系，外键的取值必须是另一个表的主键的有效值，或是“空”值。
3) 用户定义完整性（User-defined Integrity）
用户定义完整性是对数据表中字段属性的约束。包括字段的值域、字段的类型和字段的有效规则（如小数位数）等约束，是由确定关系结构时所定义的字段的属性决定的。如，百分制成绩的取值范围在0~100之间等。
2. 数据库的安全性
数据库安全包含两层含义：第一层是指系统运行安全，系统运行安全通常受到的威胁如下，一些网络不法分子通过网络，局域网等途径通过入侵电脑使系统无法正常启动，或超负荷让机子运行大量算法，并关闭cpu 风扇，使cpu 过热烧坏等破坏性活动； 第二层是指系统信息安全，系统安全通常受到的威胁如下，黑客对数据库入侵，并盗取想要的资料。数据库系统的安全特性主要是针对数据而言的，包括数据独立性、数据安全性、数据完整性、并发控制、故障恢复等几个方面。
本系统的安全设计包括服务器和数据库两方面。当用户访问系统特殊功能时，系统会首先检查用户是否登录，如果用户没有登录，则将页面跳转至登录界面。用户提交登录信息后，系统会对用户的身份进行核对，如果在数据库中找到相关记录，打开相应功能界面。在系统管理界面，提示用户使用管理员账号登录，没有管理权限的用户无法登录系统后台。系统确认了管理员身份后会打开后台管理界面，系统管理员可以整个系统的数据库进行管理和维护。
4.5 本章小结
本章主要介绍了在线评分系统的设计和实现工作，基于上一章系统的需求分析，进行了系统功能设计和实现，包括各个功能模块的展示；其次对系统的
数据库做了介绍，给出了数据库表的设计和实现，完成了系统的既定功能的全部任务。
5 系统测试与分析
测试是开发时期最后一个阶段，是保证软件质量的重要手段。软件测试就是在受控制的条件下对系统或应用程序进行操作并评价操作结果的过程，所谓控制条件应包括正常条件与非正常条件。软件测试过程中应该故意地去促使错误的发生，也就是事情在不该出现的时候出现或者在应该出现的时候没有出现。从本质上说，软件测试是" 探测" ，在“探测”中发现软件的毛病。
5.1 软件测试的重要性
软件测试在软件生命周期中占据重要的地位，在传统的瀑布模型中，软件测试学仅处于运行维护阶段之前，是软件产品交付用户使用之前保证软件质量的重要手段。近来，软件工程界趋向于一种新的观点，即认为软件生命周期每一阶段中都应包含测试，从而检验本阶段的成果是否接近预期的目标，尽可能早的发现错误并加以修正，如果不在早期阶段进行测试，错误的延时扩散常常会导致最后成品测试的巨大困难。
事实上，对于软件来讲，不论采用什么技术和什么方法，软件中仍然会有错。采用新的语言、先进的开发方式、完善的开发过程，可以减少错误的引入，但是不可能完全杜绝软件中的错误，这些引入的错误需要测试来找出，软件中的错误密度也需要测试来进行估计。测试是所有工程学科的基本组成单元，是软件开发的重要部分。自有程序设计的那天起测试就一直伴随着。统计表明，在典型的软件开发项目中，软件测试工作量往往占软件开发总工作量的40％以上。而在软件开发的总成本中，用在测试上的开销要占30％到50％。如果把维护阶段也考虑在内，讨论整个软件生存期时，测试的成本比例也许会有所降低，但实际上维护工作相当于二次开发，乃至多次开发，其中必定还包含有许多测试工作。
5.2 测试实例的研究与选择
程序测试的主要方法分为两大类，白盒测试和黑盒测试。
白盒测试：一种是以程序的内部逻辑结构为依据而设计测试用例的方法，因而又称结构测试或玻璃盒测试，将软件看成一个透明的白盒子，按照程序的内部结构和处理逻辑来选定测试用例，对软件的逻辑路径及过程进行测试，检查它与设计是否相符[17]。白盒测试就是要选取足够的测试用例，对源代码实行比较充
分的覆盖，以便尽可能多地发现程序中的错误。主要有两种方法：一种称为逻辑覆盖法，另一种称为路径覆盖法。
黑盒测试：也称功能测试，数据驱动测试等，它将待测对象堪称是一个黑盒子，在完全不考虑程序的内部结构和特性的情况下，只依据规格说明书检查程序的功能是否能正常使用。
黑盒测试主要是根据输入条件和输出条件的确定测试数据，来检查程序是否能产生正确的输出。进行黑盒测试主要有下面几种方法：等价分类法、边界值分析法、猜错法、因果图法。
本系统的测试综合了白盒测试、黑盒测试两种方法，但主要使用的是黑盒测试方法。在测试当中遵循了“尽早地和不断进行测试”，“保证测试用例的完整性和有效性”原则。通过测试达到以下测试目的：功能检查：检查功能是否争取，是否遗漏或实现不了应该实现的功能等。接口检查：检查能否正确地接受信息或输出信息。数据检查：检查数据结构或外部信息是否有（如数据文件）访问错误。性能检查：检查性能需求能否得到满足。初始化、终止检查：检查是否能进行正确地初始化或终止。
5.3系统运行情况
通过对系统的全面测试，所有测试条目都已经通过，实现了基本要求，系统可以正常运行。
5.4系统评价
系统评价是指系统在正式运行了一段时间之后，对它在功能上、技术上和经济上所进行的审核评价。针对本系统的评价如下：
系统功能评价：根据本系统开发前所订的目标，在系统完成后经过测试运行，该系统达到了预定的开发目标，在实际使用中的功能可以满足用户需求。
系统技术评价：本系统设计合理，功能达到了预期目标，且系统运行后稳定可靠，安全性高，具有实用性，大大提高了考试评分效率。
系统经济评价：在规定时间内，该系统完成了系统分析时所确定的系统开发目标，达到了设计要求，投入使用后节省了大量人力物力财力，提高了考试评分的科学管理水平。
6 总结与展望
通过本文从理论和技术两个方面的论述，实现了一个具体的湖北省服装表演专业统考评分系统。经过严密的测试，系统所有预期功能实现成功，且运行稳定。尽管本系统具有针对性设计的特点，但它的设计思想和实现方法并不失其一般性，对其他线上统考评分系统的开发有一定的借鉴意义和参考价值。
本系统使用了Java EE的编程技术，页面技术JSP ，开发模式B/S架构，数据库MySql 。实现的功能包括登陆，在线评分，数据导入导出，口试提取等。
通过这个系统的开发使我深入了解了Java EE编程的思想和方法，更进一步学习了JSP 页面技术的各种使用方法，学会了写一些复杂的查询语句，对于B/S架构有了更为清晰的认识，并实践开发，更加熟练使用tomcat 发布系统，这些都是极为宝贵的经验，使我受益良多，对于我以后参加工作有一定的帮助。
从设计的开始到完成，我查阅了大量有关响应式网站和Java EE 程序开发等方面的资料，从模糊到清晰，渐渐形成了网站建设的整体认知。在整个系统的设计过程中，我学习了关于jQuery 的许多知识，特别是ajax 有了一定的理解。可以肯定的是，通过这次毕业设计，我对JavaEE 的认识有了一个质的飞跃。
当然，由于个人能力和时间限制，这个系统中也存在一些不足和值得改进的地方，如没有完成移动端的开发，使得前端使用不够方便，在界面设计和实现上应该要进一步优化，提高页面友好度。
参考文献
[1]唐俊开，HTML5技术与移动出版 [M].北京：电子工业出版社，2013.
[2]秦成德，JSP 动态开发案例指导 [M].北京：人民邮电出版社，2012.92-108.
[3]余芳，JSP 动态网站开发案例指导 [M].上海：电子工业出版社,2010.142-176.
[4]秦小波，设计模式之禅 [M].北京：机械工业出版社,2014.
[5]冯燕奎.JSP 实用案例教程[M]. 清华大学出版社,2004.
[6]陶国荣，jQuery 权威指南第二版 [M].北京：机械工业出版社,2013.
[7]唐汉明，翟振兴等. 深入浅出MySql[M]. 人民邮电出版社，2014.
[8]朱育发，岳阳，jQuery 开发完全技术宝典 [M].北京：中国铁道出版社,2012.
[9]Brad Dayley，jQuery 与JavaScript 入门经典 [M].北京：人民邮电出版 社,2014.
[10]王映龙，刘春阳，熊曾刚，Java EE实用教程 [M].北京：清华大学出版 社,2011.
[11]李兴华, 王月清. JavaWeb开发实战经典[M]. 北京：清华大学出版社,2010.
[12]弗雷恩. 响应式Web 设计HTML5和CSS3实战[M]. 人民邮电出版社, 2013.
[13]连政. 基于HTML5技术的移动Web 前端设计与开发[D]. 浙江工业大学, 2014.
[14]王庆, 杨文晖. 基于HTML5的移动Web 技术[J]. 软件导刊, 2013(12):145-147.
[15]孙卫琴.Hibernate 逍遥游记[M].北京：电子工业出版社，2010.
[16]蔡建平编著. 软件测试方法与技术[M]. 北京：清华大学出版社, 2014.01.
[17]高湛. 基于HTML5的资讯分享网站的设计与实现[D]. 华南理工大学, 2013.
[18]梅耶著(美）. 软件测试的艺术 原书第3版. 北京：机械工业出版社, 2012.04.
[19](英) 弗雷恩(Frain, B. ). 响应式Web 设计[M]. 人民邮电出版社, 2012.
[20]拉格罗. 响应式Web 设计[M]. 机械工业出版社, 2014.
[21]罗强, 刘玉梅. 浅谈响应式Web 设计[J]. 科技风, 2013(21):93-93.
[22]王珊, 萨师煊. 数据库系统概论(第5版)[J]. 中国大学教学, 2014(9).
[23]王珊, 丁治明. 移动数据库及其应用[J]. 计算机应用, 2000, 20(9):1-4.
[24]唐汉明. 深入浅出--MYSQL 数据库开发. 优化与管理维护[M]. 人民邮电出版社, 2008.
[25]蔡建平编著. 软件测试方法与技术[M]. 北京：清华大学出版社, 2014.01.
[26]李书振. MySQL数据库的安全机制[J]. 计算机应用, 2002, 22(6):51-53.
[27]刘姗. 一种改进的MySQL 数据库访问控制的设计与实现[D]. 华中科技大学, 2011.
[28]孙莹, 王华伟. 软件测试中存在的问题及对策[J].软件导刊,2015, （第1期）.
[29]杜小刚, 李舟军. J2EE Web开发框架体系结构[J]. 计算机科学, 2006, 33(8):236-239.
[30]周军. 基于FLEX 和J2EE 多层架构的Web 开发框架研究[J]. 广西民族师范学院学报,
2010, 27(5):66-68.
[31]（美）Chris Radcliff著；王爱国，周丽萍等译.Perl Web开发技术[M].北京：机械工业出
版社.2002.
[32]夏帮贵编著.Java Web开发完全掌握[M].北京：中国铁道出版社.2011.
[33]任东陕著.Web 开发技术[M].西安：西安电子科技大学出版社.2009.
[34]殷永峰, 王轶辰与刘斌, 基于MVC 模式的嵌入式软件测试开发环境设计. 计算机工程与
应用, 2007(7): 第117-119页.
[35]游琪, 张广云与桂改花, 基于MVC 模式的角色访问控制系统设计. 电脑知识与技术,
2009(32): 第8939-8940页.
[36]于同亚, 用C#设计基于.NET 框架的应用程序——ASP.NET 购物网站的设计与实现. 电
脑知识与技术, 2009(18): 第4907-4908页.
[37]袁江琛, 基于ASP.NET 的校园信息网设计和开发. 电脑编程技巧与维护, 2011(24): 第
23-24+49页.
[38]占小忆, VB.NET中利用ADO.NET 连接数据库. 电脑知识与技术(学术交流), 2007(5): 第
1211-1212页.
[39]张峰与张莉莉, ASP.NET 平台ADO.NET 连接池机制的分析与设计. 电脑学习, 2008(2):
第89-90页.
[40]张国武, 基于OPC 和.NET 框架的SIMATICNET 客户应用实现. 工业控制计算机, 2008(4):
第70-71页.
[41]张捍卫, 基于ASP.NET AJAX的资产网络清查系统的设计. 计算机与现代化, 2012(4): 第
94-96页.
[42]张建成与李春青, 基于.NET 环境下ADO.NET 访问数据库技术的研究. 电脑知识与技术,
2009(22): 第6102-6104页.
[43]张杰, 张景安与孙沛, 基于云模型的C2C 电子商务信任评价模型. 计算机系统应用,
2010(11): 第83-87+74页.
[44]张黎明与龚琪琳, 基于MVC 模式的Java Web 应用设计. 计算机与现代化, 2007(2): 第
22-24页.
[45]张俐, MVC模式在数据中间件中的应用. 计算机工程, 2010(9): 第70-72页.
[46]张俐, 基于JavaEE 的电信CRM 数据持久层的实现. 计算机工程, 2009(6): 第41-43页.
[47]张俐与张维玺, 基于JavaEE 的固定资产管理系统的设计与实现. 计算机工程与设计,
2009(16): 第3797-3800页.
[48]张南平与朱富利, 基于MVC 模式的Struts 框架的研究与应用. 计算机技术与发展,
2006(3): 第229-231+234页.
[49]张庆扬与柴胜, 使用二级索引的中文分词词典. 计算机工程与应用, 2009(19): 第
139-141页.
[50]张翔, 陆远与罗贵明, 模型与实例设计模式在工作流管理系统设计中的应用. 计算机应
用研究, 2006(7): 第165-166+169页.
[51]张永才与吾守尔•斯拉木, 基于J2ME 的维汉双语电子词典的研究与实现. 计算机系统应
用, 2010(7): 第229-231页.
[52]张宗平, 马冰冰与莫灵江, 基于ASP.NET 的网络培训系统的研究. 现代计算机(专业版),
2011(14): 第52-54页.
************************
致谢
光阴荏苒，四年的大学生生活就要结束了，借此毕业论文完成之际，我要深深地感谢所有在此期间给予过我学习和生活中帮助与关怀的人们：
首先我要对我的导师***老师表示深深的感谢。*老师渊博的学识和创新思想促进了我的成长成才，不仅为我指明了学术研究的方向，使我掌握了许多知识，还让我在工作与学习的能力上得到了充分的锻炼。
同时，我还要感谢数计学院的老师和同学们。敬爱的老师们不仅传授给我知识，还无私地为我提供了多方面的帮助。陪伴我共同体验大学生活的同学和室友，谢谢亲爱的兄弟姐妹们与我分享的苦与乐和给我的帮助。
最后，感谢我的父母及所有亲人们，他们对我无私的爱和为我的学业所做出的奉献，是我在大学阶段最大的支持和鼓励，让我更加坚定了拼搏进取的信念！
37
摘要
当今世界, 经济全球化深入发展, 以信息网络技术为代表的科技革命不断取得突破, 信息网络化已成为各国经济社会发展的强大动力, 推动着人类社会以前所未有的速度走向新的历史高度。网络作为20世纪最伟大的技术成就, 在以其巨大的力量在改变着世界, 改变着人类社会。
信息化是以现代通信、网络、数据库技术为基础，对所研究对象各要素汇总至数据库，供特定人群生活、工作、学习、辅助决策等和人类息息相关的各种行为相结合的一种技术，使用该技术后，可以极大的提高各种行为的效率，为推动人类社会进步提供极大的技术支持。
随着信息以及网络通信技术的飞速发展，信息数字化再各个领域不断普及并加速了现代化的进程。很多考试和比赛都会涉及到评委打分，湖北省服装表演专业统考评分就是如此。本课题基于B/S架构和eclipse 等开发工具，同时使用
后台数据库选用MySQL Server 据库，JSP 技术进行基本页面的设计与功能实现，
在硬件及网络的支持下，设计了一套服装表演专业统考评分系统，实现了智能管理统考评分，自动进行评分处理，对统考流程进行合理有效的管理。在很大程度上减少人工劳动力，方便统考评分的工作人员。
关键词：信息化；B/S架构；JSP ；MySQL Server
ABSTRACT
In today's world, economic globalization is developing in depth, and the revolution of science and technology represented by information network technology constantly breakthroughs, information network has become a strong driving force for national economic and social development, promote the human society with unprecedented speed toward a new historical height. The Internet, as the greatest technological achievement of the 20th century, is changing the world and changing human society with its enormous power.
Informationization is the modern communication, network, database technology as the foundation, summarize all the elements for the research object to the database, for certain people live, work, study and auxiliary decision-making, etc and all kinds of behavior of human is closely linked with the combination of a technology, using the technology, can greatly improve the efficiency of all kinds of behavior, to promote the progress of human society provides great technical support.
With the rapid development of information and network communication technology, the information digitization has been popularized in various fields and accelerated the process of modernization. Many exams and competitions involve judges, as is the case with the hubei provincial costume performance professional. This topic based on B/S architecture and the eclipse development tools, and using JSP technology of basic pages design and function implementation of background database choose MySQL Server according to the library, with the support of hardware and network, designed a set of hubei province fashion show professional exam score system, realize the intelligent management exam score, automatic grading process, the management of the nationwide examination process for reasonable and effective. In large part, the labor force is reduced, and the people who are able to pass the exam are easily graded. Key words:Informationization; B/S architecture; JSP; MySQL Server
目 录
1 概述 . ........................................................................................................ 1
1.1 课题背景、目的与意义 .................................................................... 1
1.2 信息化的发展历程与国内外现状 .................................................... 2
1.3 本文工作和论文结构 ........................................................................ 3
2. 系统技术理论基础 .............................................................................. 4
2.1 HTML5简介 ......................................................................................... 4
2.2 JavaEE简介 ....................................................................................... 6
2.3 CSS3概述............................................................................................ 8
2.4 JSP概述.............................................................................................. 8
2.5 JQuery概述 ..................................................................................... 9
2.6 B/S结构概述 ................................................................................... 10
2.7 MySQL概述 ....................................................................................... 11
2.8 Eclipse集成开发环境概述 ........................................................... 12
3 系统需求分析 ...................................................................................... 14
3.1 功能需求分析 .................................................................................. 14
3.2 非功能需求分析 .............................................................................. 14
4 系统设计和实现 .................................................................................. 16
4.1 设计原则........................................................................................... 16
4.2 功能设计和实现 .............................................................................. 16
4.2.1 基础数据录入 .............................................................................. 16
4.2.2 用户账户管理 .............................................................................. 20
4.2.3 工作人员和评委模块 .................................................................. 22
4.3系统设计模式 ................................................................................... 26
4.4数据库的设计和实现 ....................................................................... 28
4.4.1数据库表的设计 ........................................................................... 28
4.4.2数据库完整性和安全性 ............................................................... 29
5 系统测试与分析 .................................................................................. 32
5.1 软件测试的重要性 .......................................................................... 32
5.2 测试实例的研究与选择 .................................................................. 32
5.3系统运行情况 ................................................................................... 33
5.4系统评价............................................................................................ 33
6 总结与展望........................................................................................... 34
参考文献 . .................................................................................................. 35
致谢 . .......................................................................................................... 37
1 概述
1.1 课题背景、目的与意义
当今的世界互联网技术不断飞快进步，使得世界上许多大学和相关的机构己经拥有了在线考试的技术，在线评分和管理不再只是幻想，当然这需要有着计算机和互联网的支撑。尽管如今已有了相当高水平发展的计算机硬件技术，但目前线上评分所拥有的相关软件还不是十分的成熟，这就限制了服装表演专业统考信息化的发展。要从根本上解决这个问题，就需要有更成熟、更完美的软件系统，并快速的在考试评分中运用它。
计算机的飞速发展给人们的生活、工作带来了很大的便利，如何充分利用现今的资源实现服装表演专业统考的信息化，让专业统考从繁重的体力劳动中解放出来，朝着网络化、信息化的方向发展，是现在很多人都在思考的一个问题，也是一种发展趋势。
在服装表演专业统考的日常管理中，评分管理是其中很重要的一个环节。传统的评分模式主要表格评分，即评委在考场内，通过考生的表演和各种纸质的材料在评分表上打分记录。这种方式主要有以下两个缺点:1)传统的评分使用纸质材料和评分表等，对于每个考生，都会有一系列纸质材料堆在评委面前，会造成资源浪费和管理困难。2) 评分完成后总结评分和评分意见只能靠人工去完成，如用计算机人工计算平均分等，这会留下发生错误或者是作弊的隐患。
针对传统评分的缺点，在线统考评分系统应运而生。从实现过程来看，在线统考评分是利用现在发达的计算机技术构建在线统考评分平台，把在线系统的登录权限赋予每位评委和工作人员，从而实现一种网络化的评分方式。在线评分避免了评分过程中的过多的纸质材料，通过计算机计算均分，大大降低了总结评分结果的人力成本和发生错误的风险。
在线统考评分不但提高了评分的效率，节省了时间与费用，而且是管理模式的一次创新，这是传统的评分方式所无法比拟的，既增强了评分工作的标准化与科学化以及评分结果的客观性，同时给评委和工作人员带来极大的方便和自主，节省了劳动力。
借助本系统的设计、实现与应用，研究在线统考评分信息系统的需求和解决方案，探索未来在线统考评分信息系统的发展趋势。
1.2 信息化的发展历程与国内外现状
当今世界, 经济全球化深入发展, 以信息网络技术为代表的科技革命不断取得突破, 信息网络化已成为各国经济社会发展的强大动力, 推动着人类社会以前所未有的速度走向新的历史高度。网络作为20世纪最伟大的技术成就, 在以其巨大的力量在改变着世界, 改变着人类社会。
“信息化”(informationization)一词最早于20世纪60年代出现在日本的一些学术文献中，当时对“信息化”这一概念主要是从产业角度进行阐述和界定的。20世纪70年代，德国、欧共体和联合国教科文组织等国家及国际组织先后出台了一系列推动信息技术在社会中应用和发展的规划，这些规划都把信息基础设施作为重要一环。
1993年9月，美国克林顿政府正式提出建设“国家信息基础设施”(National Information Infrastructure ，简称NII) ，俗称“信息高速公路”(Information Superhighway) 计划，其核心是发展以Internet 为核心的综合化信息服务体系和推进信息技术(Information Techno1ogy，简称IT) 在社会各领域的广泛应用。在其带动之下，许多发达国家和发展中国家相继出台了一系列国家信息基础设施建设规划，从而带动了全球信息化建设的浪潮。
教育信息化的概念是在20世纪90年代伴随着信息高速公路的兴建而提出的。在美国的“信息高速公路”计划中，特别把IT 在教育中的应用作为实施面向21世纪教育改革的重要途径，美国的这一举动引起了世界各国的积极反应，许多国家的政府相继制定了推进本国IT 在教育中应用的计划。
中国自20世纪90年代末开始，随着网络技术的迅速普及，整个社会的发展与信息技术的关系越来越密切，人们越来越关注信息技术对社会发展的影响，“社会信息化”的提法开始出现，联系到教育改革和发展，“教育信息化”的提法也开始出现了。政府的各种文件已经正式使用“教育信息化”这一概念，并高度重视教育信息化的工作。
在线考试技术在国内开始进行研究相对较迟，与其在西方发达国家内相比，它的发展速度就相对落后。但中国的信息化教育发展的相当快，考试系统在国家的相关领域也有得到了应用，如红旗Linux 远程考试系统、办公自动化证书CEAC 远程考试系统等。
研究和试行了国内外的考试系统，归纳出它们的以下特点：
(1)有C/S结构和B/S结构，可以在网络上使用它们。
(2)大部分都有自动组卷和自动评卷功能，但水平各不相同。
(3)使用的都是开放式试题库，比较容易扩充。
(4)均具有基本的功能，重点分析题库的管理部分。
1.3 本文工作和论文结构
本系统是为湖北省戏剧与影视学类（服装表演专业）统考评分而设计，基于B/S架构和eclipse 等开发工具，同时使用JSP 技术进行基本页面的设计与功能实现，后台数据库选用MySQL Server 据库。系统分为前台评分和后台管理两大部分。
前台用户角色分为评委和工作人员两大类，其中评委又分考场A 评委和考场B 评委两种角色，工作人员又分四种角色。系统前台为所有角色提供统一的登录界面，系统根据角色的不同自动进入相应的工作界面。
系统后台管理分为三大模块，分别是基础数据录入与基本信息管理、用户账户管理、考试流程管理与考试成绩管理。
本系统具有以下特点：
界面简洁美观，操作简单；
防止非法用户的侵入，提高系统的保密性能；
减少权限管理的重复性，提高系统管理员的工作效率；
减少了手工操作流程时间，提高工作效率。
全文共分为六章，具体工作如下：
第一章 绪论。简单阐述了本系统的开发背景和国内外发展现状。
第二章 系统技术理论基础。主要介绍开发系统的过程中用到的技术和理论。
第三章 系统需求分析。主要对系统的基本需求进行分析、建模。
第四章 系统设计与实现。按照系统设计原则，对系统前端、后台和数据库进行设计，以及系统的前端页面、后台管理系统和数据库内容的具体实现过程。
第五章 系统测试。对系统的功能性进行测试和评估。
第六章 总结和展望。对当前系统在设计和实现的过程当中遇到的问题和针对这些问题给出的解决的方案做个概要的经验总结，以便今后对类似系统的开发
提出良好的可行性的建议。对当前系统的不足加以总结，在今后系统的升级或类似系统的开发时做出修改和调整。
2. 系统技术理论基础
2.1 HTML5简介
HTML5是HTML 下一个主要的修订版本，现在仍处于发展阶段。目标是取代1999年所制定的HTML 4.01和XHTML 1.0 标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。HTML5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML 、CSS 和JavaScript 在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务RIA ，如Adobe Flash、Microsoft Silverlight，与Oracle Java FX的需求，并且提供更多能有效增强网络应用的标准集[1]。HTML5是新兴的Web 开发技术，其拥有良好的语义化标签，搭配最新CSS3可以展现出无与伦比的显示效果。支持Html5的浏览器包括Firefox （火狐浏览器），IE9及其更高版本，Chrome （谷歌浏览器），Safari ，Opera 等；国内的傲游浏览器（Maxthon ），以及基于IE 或Chromium （Chrome 的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ 浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力[6]。
HTML5具有以下特性：
1. 语义特性（Class ：Semantic ）
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa 的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web 。
2. 本地存储特性（Class: OFFLINE & STORAGE）
基于HTML5开发的网页APP 拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API 说明文档。
3. 设备兼容特性 (Class: DEVICE ACCESS)
从Geolocation 功能的API 文档公开以来，HTML5为网页应用开发者们提供
了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones 及摄像头相联。
4. 连接特性（Class: CONNECTIVITY）
更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，
这两个特性能够帮助我们Server-Sent Event和WebSockets 就是其中的两个特性，
实现服务器将数据“推送”到客户端的功能。
5. 网页多媒体特性(Class: MULTIMEDIA)
支持网页端的Audio 、Video 等多媒体功能，与网站自带的APPS ，摄像头，影音功能相得益彰。
6. 三维、图形及特效特性（Class: 3D, Graphics & Effects）
基于SVG 、用户会惊叹于在浏览器中，Canvas 、WebGL 及CSS3的3D 功能，
所呈现的惊人视觉效果。
7. 性能与集成特性（Class: Performance & Integration）
没有用户会永远等待你的Loading ——HTML5会通过XMLHttpRequest2等技术，帮助您的Web 应用和网站在多样化的环境中更快速的工作。
8. CSS3特性(Class: CSS3)
在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web 排版，Web 的开放字体格式（WOFF ）也提供了更高的灵活性和控制性[7]。
HTML5具有以下优势：
1. 网络标准
HTML5 本身是由W3C 推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话 说，每一个公开的标准都可以根据W3C 的资料库找寻根源。另一方面，W3C 通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。
2. 多设备、跨平台
用 HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC 的开放平台、Opera 的游戏中 心、Facebook 应用平台，甚至可以通过封装的技术发放到App Store或Google Play 上，所以它的跨平台非常强大，也是大多数人对HTML5有兴趣的主要原因。
3. 自适应网页设计
很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout ）2010年，Ethan Marcotte提出了”自适应网页设计“这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。
这就解决了传统的一种局面——网站为不同的设备提供不同的网页，比如专门提供一个mobile 版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal （入口），会大大增加架构设计的复杂度。
4. 即时更新
游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新[8]。
总结概括HTML5有以下优点：
1. 提高可用性和改进用户的友好体验；
2. 有几个新的标签，这将有助于开发人员定义重要的内容；
3. 可以给站点带来更多的多媒体元素(视频和音频) ；
4. 可以很好的替代FLASH 和Silverlight ；
5. 当涉及到网站的抓取和索引的时候，对于SEO 很友好；
6. 将被大量应用于移动应用程序和游戏。
2.2 JavaEE简介
J2EE （Java 2 Platform,Enterprise Edition）是一套全然不同于传统应用开发的技术架构，包含许多组件，主要可简化且规范应用系统的开发与部署，进而提高可移植性、安全与再用价值[9]。
J2EE 的核心是一组技术规范与指南，其中所包含的各类组件、服务架构及技术层次，均有共通的标准及规格，让各种依循 J2EE 架构的不同平台之间，
存在良好的兼容性，解决过去企业后端使用的信息产品彼此之间无法兼容，导致企业内部或外部难以互通的窘境。
在 J2EE 架构下，开发人员可依循规范基础，进而开发企业级应用；而不同 J2EE 供货商，同会支持不同 J2EE 版本内所拟定的标准，以确保不同 J2EE 平台与产品之间的兼容性。
对于开发人员而言，只需要专注于各种应用系统的商业逻辑与架构设计，至于底层繁琐的程序撰写工作，可搭配不同的开发平台，以让应用系统的开发与部署效率大幅提升。
目前许多程序设计师，或者是网页设计人员，多利用 JSP/Servlet的便利性，进而在 J2EE 服务器之上开发相关的应用，或是整合公司内部的各种资源。推出 J2EE 的最初目的是为了克服传统 Client/Server 模式的弊病，迎合Browser/Server 架构的潮流，为应用 Java 技术开发服务器端应用提供一个平台独立的、可移植的、多用户的、安全的和基于标准的企业级平台，从而简化企业应用的开发、管理和部署。J2EE 是一个标准，而不是一个现成的产品。各个平台开发商按照 J2EE 规范分别开发了不同的 J2EE 应用服务器，J2EE 应用服务器是 J2EE 企业级应用的部署平台。由于它们都遵循了 J2EE 规范，因此，使用 J2EE 技术开发的企业级应用可以部署在各种 J2EE 应用服务器上。
J2EE 组成了一个完整企业级应用的不同部分纳入不同的容器(Container)，每个容器中都包含若干组件(这些组件是需要部署在相应容器中的) ，同时各种组件都能使用各种 J2EE Service/API。J2EE 容器包括：
◆ Web 容器 服务器端容器，包括两种组件 JSP 和 Servlet ，JSP 和Servlet 都是 Web 服务器的功能扩展，接受 Web 请求，返回动态的 Web 页面。Web 容器中的组件可使用 EJB 容器中的组件完成复杂的商务逻辑。
◆ EJB 容器 服务器端容器，包含的组件为 EJB(Enterprise Java Beans)，它是 J2EE 的核心之一，主要用于服务器端的商业逻辑的实现。EJB 规范定义了一个开发和部署分布式商业逻辑的框架，以简化企业级应用的开发，使其较容易地具备可伸缩性、可移植性、分布式事务处理、多用户和安全性等。
◆ Applet 容器 客户端容器，包含的组件为 Applet 。Applet 是嵌在浏览器中的一种轻量级客户端，一般而言，仅当使用 Web 页面无法充分地表现数据或
应用界面的时候，才使用它。Applet 是一种替代 Web 页面的手段，我们仅能够使用 J2EE 开发 Applet ，Applet 无法使用 J2EE 的各种 Service 和 API ，这是为了安全性的考虑。
◆ Application Client 容 器 客 户 端 容 器 ， 包 含 的 组 件 为Application Client。Application Client 相对 Applet 而言是一种较重量级的客户端，它能够使用 J2EE 的大多数 Service 和 API 。
2.3 CSS3概述
CSS 即层叠样式表（Cascading StyleSheet）。在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS 技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效、多栏布局等。
CSS3将完全向后兼容，所以没有必要修改的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出现在的设计效果（比如说使用分栏）[11]。
2.4 JSP概述
JSP(JavaServerPages)是由SunMicrosystems 公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP 技术有点类似ASP 技术，它是在传统的网页HTML 文件(*.htm,*.html)中插入Java 程序段(Scriptlet)和JSP 标记(tag)，从而形成JSP 文件(*.jsp)。
用JSP 开发的Web 应用是跨平台的，即能在Linux 下运行，也能在其他操作系统上运行。JSP 技术使用Java 编程语言编写类XML 的tags 和scriptlets ，来封装产生动态网页的处理逻辑。网页还能通过tags 和scriptlets 访问存在于服务端的资源的应用逻辑。JSP 将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web 的应用程序的开发变得迅速和容易。
Web 服务器在遇到访问JSP 网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP 文件中的HTML 代码一起返回给客户。插入的Java 程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。
JSP 与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML 文本，因此客户端只要有浏览器就能浏览。
JSP 的1.0规范的最后版本是1999年9月推出的，12月又推出了1.1规范。目前较新的是JSP1.2规范，JSP2.0规范的征求意见稿也已出台。
JSP 页面由HTML 代码和嵌入其中的Java 代码所组成。服务器在页面被客户端请求以后对这些Java 代码进行处理，然后将生成的HTML 页面返回给客户端的浏览器。Java Servlet 是JSP 的技术基础，而且大型的Web 应用程序的开发需要Java Servlet和JSP 配合才能完成。JSP 具备了Java 技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。 自JSP 推出后，众多大公司都支持JSP 技术的服务器，如IBM 、Oracle 、Bea 公司等，所以JSP 迅速成为商业应用的服务器端语言[12]。
JSP 技术的优势：
⑴ 一次编写，到处运行。在这一点上 Java 比 PHP 更出色，除了系统之外，代码不用做任何更改。
⑵ 系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。相比 ASP/PHP 的局限性是显而易见的。
⑶ 强大的可伸缩性。从只有一个小的 Jar 文件就可以运行 Servlet/JSP ，到由多台服务器进行集群和负载均衡，到多台Application 进行事务处理，消息处理，一台服务器到无数台服务器，Java 显示了一个巨大的生命力。
⑷多样化和功能强大的开发工具支持。Java 已经有了许多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行于多种平台之下[13]。
2.5 JQuery概述
JQuery 是继prototype 之后又一个优秀的Javascript 库。它是轻量级的js 库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），
jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery 使用户能更方便地处理HTML （标准通用标记语言下的一个应用）、events 、实现动画效果，并且方便地为网站提供AJAX 交互。jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择[2]。jQuery 能够使用户的html 页面保持代码和html 内容分离，也就是说，不用再在html 里面插入一堆js 来调用命令了，只需要定义id 即可。
jQuery 是一个兼容多浏览器的javascript 库，核心理念是write less,do more(写得更少, 做得更多) 。jQuery 在2006年1月由美国人John Resig在纽约的barcamp 发布，吸引了来自世界各地的众多JavaScript 高手加入，由Dave Methvin率领团队进行开发。如今，jQuery 已经成为最流行的javascript 库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery [14]。
jQuery 是免费、开源的，使用MIT 许可协议。jQuery 的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM 元素、制作动画效果、事件处理、使用Ajax 以及其他功能。除此以外，jQuery 提供API 让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
jQuery ，顾名思义，也就是JavaScript 和查询（Query ），即是辅助JavaScript 开发的库[15]。
2.6 B/S结构概述
B/S（Browser/Server）结构即浏览器和服务器结构。它是随着Internet 技术的兴起，对 C/S 结构的一种变化或者改进的结构。在这种结构下，用户工作界面是通过 WWW 浏览器来实现，极少部分事务逻辑在前端（Browser ）实现，但是主要事务逻辑在服务器端（Server ）实现，形成所谓三层 3-tier 结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本（TCO ）。
以目前的技术看，局域网建立 B/S 结构的网络应用，并通过Internet/Intranet 模式下数据库应用，相对易于把握、成本也是较低的。它是一次性到位的开发，能实现不同的人员，从不同的地点，以不同的接入方式访问和操作共同的数据库；它能有效地保护数据平台和管理访问权限，服务器数据库也很安全 。特别是在
快捷、高效JA V A 这样的跨平台语言出现之后，B/S 架构管理软件更是方便、
[16]。
B/S 架构软件的优势：
⑴ 维护和升级方式简单
目前，网站平台的改进和升级越来越频繁，B/S 架构的产品明显体现着更为方便的特性。 B/S 架构的平台只需要管理服务器就行了，所有的客户端只是浏览器，根本不需要做任何的维护。无论用户的规模有多大，有多少分支机构都不会增加任何维护升级的工作量，所有的操作只需要针对服务器进行；如果是异地，只需要把服务器连接专网即可，实现远程维护、升级和共享。所以客户机越来越“瘦”，而服务器越来越“胖”是将来信息化发展的主流方向。今后，系统升级和维护会越来越容易，而使用起来会越来越简单，这对用户人力、物力、时间、费用的节省是显而易见的。
⑵成本降低，选择更多
大家都知道 windows 在桌面电脑上几乎一统天下，浏览器成为了标准配置，但在服务器操作系统上 windows 并不是处于绝对的统治地位。现在的趋势是凡使用 B/S 架构的应用管理软件，只需安装在 Linux 服务器上即可，而且安全性高。所以服务器操作系统的选择是很多的，不管选用那种操作系统都可以让大部分人使用 windows 作为桌面操作系统电脑不受影响，这就使的最流行免费的 Linux 操作系统快速发展起来，Linux 除了操作系统是免费的以外，连数据库也是免费的，这种选择非常盛行[17]。
2.7 MySQL概述
由瑞典MySQL AB 公司开发，目前MySQL 是一个关系型数据库管理系统，
属于 Oracle 旗下公司。MySQL 最流行的关系型数据库管理系统，在 WEB 应用方面MySQL 是最好的关系数据库管理系统 ( Relational Database Management System, RDBMS ) 应用软件之一[18]。
关系数据库将数据保存在不同的表中，MySQL 是一种关系数据库管理系统，
而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。
MySQL 所使用的 SQL 语言是用于访问数据库的最常用标准化语言。MySQL 软件采用了双授权政策，它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库
[19]。
与其他的大型数据库例如 Oracle、DB2、SQL Server等相比，MySQL 自有它的不足之处，但是这丝毫也没有减少它受欢迎的程度。对于一般的个人使用者和中小型企业来说，MySQL 提供的功能已经绰绰有余，而且由于 MySQL 是开放源码软件，因此可以大大降低总体拥有成本。
2.8 Eclipse集成开发环境概述
Eclipse 是一个开放源代码的、基于Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java 开发工具（Java Development Kit ，JDK ）。
Eclipse 最初由OTI 和IBM 两家公司的IDE 产品开发组创建，起始于1999年4月。IBM 提供了最初的Eclipse 代码基础，包括Platform 、JDT 和PDE 。Eclipse 项目IBM 发起，围绕着Eclipse 项目已经发展成为了一个庞大的Eclipse 联盟，有150多家软件公司参与到Eclipse 项目中，其中包括Borland 、Rational Software 、Red Hat 及Sybase 等。Eclipse 是一个开放源码项目，它其实是Visual Age for Java的替代品，其界面跟先前的Visual Age for Java差不多，但由于其开放源码，任何人都可以免费得到，并可以在此基础上开发各自的插件，因此越来越受人们关注。随后还有包括Oracle 在内的许多大公司也纷纷加入了该项目，Eclipse 的目标是成为可进行任何语言开发的IDE 集成者，使用者只需下载各种语言的插件即可。
Eclipse 是一个开放源代码的软件开发项目，专注于为高度集成的工具开发提供一个全功能的、具有商业品质的工业平台。它主要由Eclipse 项目、Eclipse 工具项目和Eclipse 技术项目三个项目组成，具体包括四个部分组成——
Eclipse Platform 、JDT 、CDT 和PDE 。JDT 支持Java 开发、CDT 支持C 开发、PDE 用来支持插件开发，Eclipse Platform 则是一个开放的可扩展IDE ，提供了一个通用的开发平台。它提供建造块和构造并运行集成软件开发工具的基础。Eclipse Platform 允许工具建造者独立开发与他人工具无缝集成的工具从而无须分辨一个工具功能在哪里结束，而另一个工具功能在哪里开始。
Eclipse SDK（软件开发者包）是Eclipse Platform、JDT 和PDE 所生产的组件合并，它们可以一次下载。这些部分在一起提供了一个具有丰富特性的开发
环境，允许开发者有效地建造可以无缝集成到Eclipse Platform中的工具。Eclipse SDK 由Eclipse 项目生产的工具和来自其它开放源代码的第三方软件组合而成。Eclipse 项目生产的软件以 GPL发布，第三方组件有各自自身的许可协议。
3 系统需求分析
本系统分为前台评分和后台管理两大部分。采用B/S架构，前台评分主要在安卓平板上操作，而后台管理是在台式机或笔记本电脑上操作。
前台用户角色分为评委和工作人员两大类，其中评委又分考场A 评委和考场B 评委两种角色，工作人员又分四种角色。系统前台为所有角色提供统一的登录界面，系统根据角色的不同自动进入相应的工作界面。
系统后台管理分为三大模块，分别是基础数据录入与基本信息管理、用户账户管理、考试流程管理与考试成绩管理。
3.1 功能需求分析
(1)前台登陆模块：打开浏览器，在地址栏地址启动系统，进入登录界面，系要求统根据登陆账号自动识别用户角色，进入相应的工作界面，更加人性化，提高登陆效率。
(2)考场A 评委评分模块：在登录界面中输入账号信息，系统自动判断账号角色，考场A 的评委进入形体测量、形体观察和服装表演三个科目的打分界面。考生信息展示有考生编号、身高、体重、肩宽、胸围、腰围、臀围, 点触“退出系统”按钮退出本场考试，系统返回登录界面。
(3)考场A 评委评分模块：在登录界面中输入账号信息，系统自动判断账号角色，考场B 的评委进入形体表演和口试两个科目的打分界面。考生信息展示有考生编号、身高、体重、肩宽、胸围、腰围、臀围、比例, 点触“退出系统”按钮退出本场考试，系统返回登录界面。
(4)工作人员模块：
本系统考试的工作人员分四种角色，分别是：
打印考生形体测量表；
形体测量数据录入之身高、体重；
形体测量数据录入之肩宽、胸围、腰围、臀围、比例；
口试试题抽取。
3.2 非功能需求分析
(1)界面需求
用户界面是系统和用户之间的接口，也是控制和选择信息输入输出的主要途径。用户界面设计应坚持友好、简便、易于操作控制、便于维护和管理、安全实用。应避免过多确认的设计方式，对于比较关键的数据或相关操作，应有一次提醒式的确认操作，确保用户放心使用系统，同时又可减少操作失误带来的不必要数据差错，使系统变得更加人性化。
(2)输入输出
系统输入输出设计是一个非常重要的环节，特别是对于用户和今后系统的使用方便、可靠性和安全等方面尤其重要。好的输入输出设计可以为管理者提供简单、快捷、明了、高效、实用的管理和控制信息，特别是实行在线评分管理更要注重资源共享，少做重复操作，尽量利用现有的数据，全面提高评分效率和信息化管理水平。输入输出设计要求如下：尽量减少键盘输入，库表中的大部分数据是批量数据导入以及数据复制。必要的键盘输入也是需要的，但是在学分制条件下，各种管理环节均规范化、代码化，应尽量使用下拉菜单式的选择调用相关信息，以减少无谓的重复工作。对于考生的评分成绩，批量导出成excel 表格，方便浏览考试情况，也可将考试结果打印出来。
(3)安全性
本系统必须采用先进的数据流加密等网络技术，并采用集中的安全控制机制，对于本系统中的用户，应建立相应的配置文件。同时，对于系统中最宝贵的资源，系统应配备高速的备份设备，建立完备的日志、增量备份、累计备份、定期备份制度，对于服务器还应具备容错能力，对于系统中关键设备应考虑温度、湿度及通风度等因素。
本系统必须对系统中不同用户(如系统管理员、评委、工作人员等) 分配不同的权限，且具有识别的能力，允许用户在其有效的权限范围内进行修改用户信息、信息浏览、输入、输出、添加、删除等操作。本系统严格区分管理员和普通用户的权限，只有系统管理员才能开放和关闭系统功能的所有权限，对系统中的数据进行编辑。
4 系统设计和实现
4.1 设计原则
本系统为了设计、实现和后期维护的方便，以及系统用户使用的便利，所以必须采取一定的设计原则[3]。其主要设计原则有：
简单性：在实现系统的功能的同时，尽量让系统操作简单易懂，这对于一个系统来说是非常重要的。
针对性：本系统设计是针对在线考试的需求定向开发设计，所以具有专业突出和很强的针对性。
实用性：要求本系统能够满足学校在线考试的需求，因此具有良好的实用性。 一致性：页面整体设计风格以及命名规则的一致性：整体页面布局和用图用色风格及变量、类名和其他元素的命名规则保持一致。功能一致性：完成同样的功能应该尽量使用同样的元素。 元素风格一致性：界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的。变量命名规则的一致性：变量应该用统一的规则进行命名，做到任意变量均能从上下文推断其义。
先进性：本系统采用JSP 技术、SQL Server2008等被广泛采用系统开发技术和数据库，因此本设计具有良好的先进性，具体表现在其具有良好的可扩展性，可开发性。
4.2 功能设计和实现
系统后台管理分为三大模块，分别是基础数据录入、用户账户管理、工作人员和评委。
本系统具有以下特点：
界面简洁美观，操作简单；
防止非法用户的侵入，提高系统的保密性能；
减少权限管理的重复性，提高系统管理员的工作效率；
减少了手工操作流程时间，提高工作效率。
4.2.1 基础数据录入
在该模块中主要由工作人员来对数据的导入与导出，对学生基本的信息和口试试题的导入。
以下是该模块的总体设计图，分为四个子模块，分别的是学生信息导入、
学生信息管理、口试试题导入、口试试题信息管理。
学生信息导入，支持Excel 在线导入导出，在导入的Excel 的工程中只能支持Excel2003 的兼容版本，同事导入的数据可以对数据在以下字段进行在线查询，支持高考报名号、身份证号、准考证号、考生编号、姓名等查询。
效果如下图所示：
考生信息管理，就是对导入的信息在进行二次编辑，对导入的错误数据，或多添加的数据在进行修改。
见下图如：编辑功能
见下图如：删除功能（询问是否删除）
见下图如：打印功能
同理在口试试题导入、口试试题信息管理该模块中功能同上，效果如下图所示。
口试试题导入：
口试试题信息管理：
4.2.2 用户账户管理
在该模块中对登录系统的人员进行相应的权限管理，如工作人员只能看到自己的工作模块内容，而评委就不能看到工作人员的信息，只能对学生进行评分。
以下是该模块的总体设计图，分为三个子模块，分别的是学角色管理，用户管理，部门管理。
角色管理模块，对创建的用户，进行相应的权限管理，如下图所示。 可以发现以上导航栏是系统管理员身份可以看见所有的信息。
用户管理，创建信息，或对已有用户进行编辑修改。
部门管理，将创建的用户进行分组，如工作人员可以分配到人事部门当中去。
4.2.3 工作人员和评委模块
在工作人员模块中主要完成打印考生形体测量表、形体测量数据录入之身高、体重、形体测量数据录入之肩宽、胸围、腰围、臀围、比例、口试试题抽取。
评委模块分为A 评委与B 评委，两部分的内容。其中A 评委负责形体测量、形体观察和服装表演，而B 评委负责形体观察和服装表演两个科目。
打印考生形体测量表, 按照考生编号打印学生的测量信息表。
打印效果预览如下
形体测量数据录入1，由该工作人员将其身高、体重数据进行录入。
形体测量数据录入2，由该工作人员将其肩宽、胸围、腰围、臀围、比例数据进行录入。
口试试题抽出，随机抽出口试试题题目。
考场A ，只有A 评委才能看见。
考场B ，只有B
评委才能看见。
4.3系统设计模式
B/S结构，即Browser/Server(浏览器/服务器) 结构，是随着Internet 技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户界面完全通过浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓3-tier 结构。B/S结构，主要是利用了不断成熟的浏览器技术，结合浏览器的多种Script 语言(VBScript、JavaScript…)和ActiveX 技术，用通用浏览器就实现了原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。随着Windows XP/Windows 7将浏览器技术植入操作系统内部，这种结构更成为当今应用软件的首选体系结构。显然B/S结构应用程序相对于传统的C/S结构应用程序将是巨大的进步。B/S结构采用星形拓扑结构建立企业内部通信网络或利用Internet 虚拟专网（VPN ）。前者的特点是安全、快捷、准确。后者则具有节省投资、跨地域广的优点。须视企业规模和地理分布确定。企业内部通过防火墙接入Internet ，再整个网络采TCP/IP协议。
C/S 与 B/S 区别：Client/Server是建立在局域网的基础上的。Browser/Server是建立在广域网的基础上的。
1．硬件环境不同：C/S 一般建立在专用的网络上，小范围里的网络环境，局域网之间再通过专门服务器提供连接和数据交换服务B/S 建立在广域网之上的，不必是专门的网络硬件环境，例与电话上网，租用设备。信息自己管理。有比C/S更强的适应范围， 一般只要有操作系统和浏览器就行。
2．对安全要求不同 C/S 一般面向相对固定的用户群， 对信息安全的控制能力很强。一般高度机密的信息系统采用C/S 结构适宜。可以通过B/S发布部分可公开信息B/S 建立在广域网之上，对安全的控制能力相对弱，面向是不可知的用户群。
对程序架构不同 C/S 程序可以更加注重流程， 可以对权限多层次校验，3． 对系统运行速度可以较少考虑B/S 对安全以及访问速度的多重的考虑，建立在需要更加优化的基础之上。比C/S有更高的要求 B/S结构的程序架构是发展的趋势，从MS 的.Net 系列的BizTalk 2000 Exchange 2000等，全面支持网络的构件搭建的系统SUN 和IBM 推的JavaBean 构件技术等，使 B/S更加成熟.
软件重用不同 C/S 程序可以不可避免的整体性考虑，构件的重用性不如4．
在B/S要求下的构件的重用性好.B/S 对的多重结构，要求构件相对独立的功能. 。能够相对较好的重用. 就入买来的餐桌可以再利用，而不是做在墙上的石头桌子。
5．系统维护不同系统维护是软件生存周期中，开销大，C/S 程序由于整体性，必须整体考察，处理出现的问题以及系统升级。升级难，可能是再做一个全新的系统B/S 构件组成，方面构件个别的更换，实现系统的无缝升级。系统维护开销减到最小用户从网上自己下载安装就可以实现升级。
6．处理问题不同 C/S 程序可以处理用户面固定，并且在相同区域，
安全要
求高需求，与操作系统相关。应该都是相同的系统B/S 建立在广域网上， 面向不同的用户群，分散地域，这是C/S无法作到的，与操作系统平台关系最小。
7．用户接口不同 C/S 多是建立的Window 平台上，表现方法有限，对程序员普遍要求较高B/S 建立在浏览器上，有更加丰富和生动的表现方式与用户交流，并且大部分难度减低，减低开发成本。
8．信息流不同C/S 程序一般是典型的中央集权的机械式处理，交互性相对低B/S 信息流向可变化， B-B B-C B-G等信息、流向的变化，更像交易中心。
4.4数据库的设计和实现
数据库是本系统的核心和基础。它设计的好坏直接影响着整个系统的质量。数据是一切系统设计的基础，通俗地说，数据库设计就像高楼大厦的根基一样，如果设计的不合理、不完善，将在系统开发过程中，甚至到后期的系统维护、功能变更和功能扩充时，引起较多问题，严重时甚至要重新设计，重做大量已完成工作。
4.4.1数据库表的设计
本项目的数据库名为markingsystem ，设计的对象是服装表演专业统考评分系统，主要用户是管理员、工作人员、以及评委，因此设计本项目的时候是以工作人员、评委的立场、工作重心和工作需求出发，系统的外观界面也是针对数据分析人员而设计的。
通过对智能服装后台监控中心的工作过程和原理了解后，设计如下的数据项和数据结构。
1、学生表，包括的数据项有：自增长id 、编号id 、高考报名号、场次号、用户名、性别、创建时间、肩宽、身高、体重、腰围、胸围、准考证号、服装表演成绩、口试成绩、形体表演成绩、形体观察成绩、形体测试成绩、评委1、评委2、比例、臀围。
2、口试表：自增长id 、问题、答案、编号、创建时间。
3、基础用户数据表：自增长id 、用户名、真实姓名、密码、状态。
4、用户表：自增长id 、签名问价、手机、办公电话、邮箱、用户类型。
5、部门表：自增长id 、部门名称、部门描述、上级部门。
6、用户角色表：自增长id 、角色id 、用户id 。
7、角色表：自增长id 、角色名。
根据上面的设计规划出的实体，形成相应的关系试图，见图4-1所示。
4.4.2数据库完整性和安全性
1. 数据库的完整性约束
数据库完整性（Database Integrity）是指数据库中数据在逻辑上的一致性、正确性、有效性和相容性。数据库完整性由各种各样的完整性约束来保证，因此可以说数据库完整性设计就是数据库完整性约束的设计。数据库完整性约束可以通过DBMS 或应用程序来实现，基于DBMS 的完整性约束作为模式的一部分存入数据库中。数据库的完整性约束主要包括一下三个方面要求：
1) 实体完整性（Entity Integrity）
实体完整性指表中行的完整性。主要用于保证操作的数据（记录）非空、唯一且不重复。即实体完整性要求每个关系（表）有且仅有一个主键，每一个主键值必须唯一，而且不允许为“空”（NULL ）或重复。
若属性A 是基本关系R 的主属性，则属性A 不能取空值，即主属性不可为空值。用户提交信息后，系统会对用户所填的信息进行验证，
对于其中的关键信
息没有填或者数据非法时，系统会提示用户更改后再提交，这样保证了系统的实体完整性。
2) 参照完整性（Referential Integrity）
参照完整性属于表间规则。对于永久关系的相关表，在更新、插入或删除记录时，如果只改其一，就会影响数据的完整性。在关系数据库中，关系之间的联系是通过公共属性实现的。这个公共属性经常是一个表的主键，同时是另一个表的外键。参照完整性体现在两个方面：实现了表与表之间的联系，外键的取值必须是另一个表的主键的有效值，或是“空”值。
3) 用户定义完整性（User-defined Integrity）
用户定义完整性是对数据表中字段属性的约束。包括字段的值域、字段的类型和字段的有效规则（如小数位数）等约束，是由确定关系结构时所定义的字段的属性决定的。如，百分制成绩的取值范围在0~100之间等。
2. 数据库的安全性
数据库安全包含两层含义：第一层是指系统运行安全，系统运行安全通常受到的威胁如下，一些网络不法分子通过网络，局域网等途径通过入侵电脑使系统无法正常启动，或超负荷让机子运行大量算法，并关闭cpu 风扇，使cpu 过热烧坏等破坏性活动； 第二层是指系统信息安全，系统安全通常受到的威胁如下，黑客对数据库入侵，并盗取想要的资料。数据库系统的安全特性主要是针对数据而言的，包括数据独立性、数据安全性、数据完整性、并发控制、故障恢复等几个方面。
本系统的安全设计包括服务器和数据库两方面。当用户访问系统特殊功能时，系统会首先检查用户是否登录，如果用户没有登录，则将页面跳转至登录界面。用户提交登录信息后，系统会对用户的身份进行核对，如果在数据库中找到相关记录，打开相应功能界面。在系统管理界面，提示用户使用管理员账号登录，没有管理权限的用户无法登录系统后台。系统确认了管理员身份后会打开后台管理界面，系统管理员可以整个系统的数据库进行管理和维护。
4.5 本章小结
本章主要介绍了在线评分系统的设计和实现工作，基于上一章系统的需求分析，进行了系统功能设计和实现，包括各个功能模块的展示；其次对系统的
数据库做了介绍，给出了数据库表的设计和实现，完成了系统的既定功能的全部任务。
5 系统测试与分析
测试是开发时期最后一个阶段，是保证软件质量的重要手段。软件测试就是在受控制的条件下对系统或应用程序进行操作并评价操作结果的过程，所谓控制条件应包括正常条件与非正常条件。软件测试过程中应该故意地去促使错误的发生，也就是事情在不该出现的时候出现或者在应该出现的时候没有出现。从本质上说，软件测试是" 探测" ，在“探测”中发现软件的毛病。
5.1 软件测试的重要性
软件测试在软件生命周期中占据重要的地位，在传统的瀑布模型中，软件测试学仅处于运行维护阶段之前，是软件产品交付用户使用之前保证软件质量的重要手段。近来，软件工程界趋向于一种新的观点，即认为软件生命周期每一阶段中都应包含测试，从而检验本阶段的成果是否接近预期的目标，尽可能早的发现错误并加以修正，如果不在早期阶段进行测试，错误的延时扩散常常会导致最后成品测试的巨大困难。
事实上，对于软件来讲，不论采用什么技术和什么方法，软件中仍然会有错。采用新的语言、先进的开发方式、完善的开发过程，可以减少错误的引入，但是不可能完全杜绝软件中的错误，这些引入的错误需要测试来找出，软件中的错误密度也需要测试来进行估计。测试是所有工程学科的基本组成单元，是软件开发的重要部分。自有程序设计的那天起测试就一直伴随着。统计表明，在典型的软件开发项目中，软件测试工作量往往占软件开发总工作量的40％以上。而在软件开发的总成本中，用在测试上的开销要占30％到50％。如果把维护阶段也考虑在内，讨论整个软件生存期时，测试的成本比例也许会有所降低，但实际上维护工作相当于二次开发，乃至多次开发，其中必定还包含有许多测试工作。
5.2 测试实例的研究与选择
程序测试的主要方法分为两大类，白盒测试和黑盒测试。
白盒测试：一种是以程序的内部逻辑结构为依据而设计测试用例的方法，因而又称结构测试或玻璃盒测试，将软件看成一个透明的白盒子，按照程序的内部结构和处理逻辑来选定测试用例，对软件的逻辑路径及过程进行测试，检查它与设计是否相符[17]。白盒测试就是要选取足够的测试用例，对源代码实行比较充
分的覆盖，以便尽可能多地发现程序中的错误。主要有两种方法：一种称为逻辑覆盖法，另一种称为路径覆盖法。
黑盒测试：也称功能测试，数据驱动测试等，它将待测对象堪称是一个黑盒子，在完全不考虑程序的内部结构和特性的情况下，只依据规格说明书检查程序的功能是否能正常使用。
黑盒测试主要是根据输入条件和输出条件的确定测试数据，来检查程序是否能产生正确的输出。进行黑盒测试主要有下面几种方法：等价分类法、边界值分析法、猜错法、因果图法。
本系统的测试综合了白盒测试、黑盒测试两种方法，但主要使用的是黑盒测试方法。在测试当中遵循了“尽早地和不断进行测试”，“保证测试用例的完整性和有效性”原则。通过测试达到以下测试目的：功能检查：检查功能是否争取，是否遗漏或实现不了应该实现的功能等。接口检查：检查能否正确地接受信息或输出信息。数据检查：检查数据结构或外部信息是否有（如数据文件）访问错误。性能检查：检查性能需求能否得到满足。初始化、终止检查：检查是否能进行正确地初始化或终止。
5.3系统运行情况
通过对系统的全面测试，所有测试条目都已经通过，实现了基本要求，系统可以正常运行。
5.4系统评价
系统评价是指系统在正式运行了一段时间之后，对它在功能上、技术上和经济上所进行的审核评价。针对本系统的评价如下：
系统功能评价：根据本系统开发前所订的目标，在系统完成后经过测试运行，该系统达到了预定的开发目标，在实际使用中的功能可以满足用户需求。
系统技术评价：本系统设计合理，功能达到了预期目标，且系统运行后稳定可靠，安全性高，具有实用性，大大提高了考试评分效率。
系统经济评价：在规定时间内，该系统完成了系统分析时所确定的系统开发目标，达到了设计要求，投入使用后节省了大量人力物力财力，提高了考试评分的科学管理水平。
6 总结与展望
通过本文从理论和技术两个方面的论述，实现了一个具体的湖北省服装表演专业统考评分系统。经过严密的测试，系统所有预期功能实现成功，且运行稳定。尽管本系统具有针对性设计的特点，但它的设计思想和实现方法并不失其一般性，对其他线上统考评分系统的开发有一定的借鉴意义和参考价值。
本系统使用了Java EE的编程技术，页面技术JSP ，开发模式B/S架构，数据库MySql 。实现的功能包括登陆，在线评分，数据导入导出，口试提取等。
通过这个系统的开发使我深入了解了Java EE编程的思想和方法，更进一步学习了JSP 页面技术的各种使用方法，学会了写一些复杂的查询语句，对于B/S架构有了更为清晰的认识，并实践开发，更加熟练使用tomcat 发布系统，这些都是极为宝贵的经验，使我受益良多，对于我以后参加工作有一定的帮助。
从设计的开始到完成，我查阅了大量有关响应式网站和Java EE 程序开发等方面的资料，从模糊到清晰，渐渐形成了网站建设的整体认知。在整个系统的设计过程中，我学习了关于jQuery 的许多知识，特别是ajax 有了一定的理解。可以肯定的是，通过这次毕业设计，我对JavaEE 的认识有了一个质的飞跃。
当然，由于个人能力和时间限制，这个系统中也存在一些不足和值得改进的地方，如没有完成移动端的开发，使得前端使用不够方便，在界面设计和实现上应该要进一步优化，提高页面友好度。
参考文献
[1]唐俊开，HTML5技术与移动出版 [M].北京：电子工业出版社，2013.
[2]秦成德，JSP 动态开发案例指导 [M].北京：人民邮电出版社，2012.92-108.
[3]余芳，JSP 动态网站开发案例指导 [M].上海：电子工业出版社,2010.142-176.
[4]秦小波，设计模式之禅 [M].北京：机械工业出版社,2014.
[5]冯燕奎.JSP 实用案例教程[M]. 清华大学出版社,2004.
[6]陶国荣，jQuery 权威指南第二版 [M].北京：机械工业出版社,2013.
[7]唐汉明，翟振兴等. 深入浅出MySql[M]. 人民邮电出版社，2014.
[8]朱育发，岳阳，jQuery 开发完全技术宝典 [M].北京：中国铁道出版社,2012.
[9]Brad Dayley，jQuery 与JavaScript 入门经典 [M].北京：人民邮电出版 社,2014.
[10]王映龙，刘春阳，熊曾刚，Java EE实用教程 [M].北京：清华大学出版 社,2011.
[11]李兴华, 王月清. JavaWeb开发实战经典[M]. 北京：清华大学出版社,2010.
[12]弗雷恩. 响应式Web 设计HTML5和CSS3实战[M]. 人民邮电出版社, 2013.
[13]连政. 基于HTML5技术的移动Web 前端设计与开发[D]. 浙江工业大学, 2014.
[14]王庆, 杨文晖. 基于HTML5的移动Web 技术[J]. 软件导刊, 2013(12):145-147.
[15]孙卫琴.Hibernate 逍遥游记[M].北京：电子工业出版社，2010.
[16]蔡建平编著. 软件测试方法与技术[M]. 北京：清华大学出版社, 2014.01.
[17]高湛. 基于HTML5的资讯分享网站的设计与实现[D]. 华南理工大学, 2013.
[18]梅耶著(美）. 软件测试的艺术 原书第3版. 北京：机械工业出版社, 2012.04.
[19](英) 弗雷恩(Frain, B. ). 响应式Web 设计[M]. 人民邮电出版社, 2012.
[20]拉格罗. 响应式Web 设计[M]. 机械工业出版社, 2014.
[21]罗强, 刘玉梅. 浅谈响应式Web 设计[J]. 科技风, 2013(21):93-93.
[22]王珊, 萨师煊. 数据库系统概论(第5版)[J]. 中国大学教学, 2014(9).
[23]王珊, 丁治明. 移动数据库及其应用[J]. 计算机应用, 2000, 20(9):1-4.
[24]唐汉明. 深入浅出--MYSQL 数据库开发. 优化与管理维护[M]. 人民邮电出版社, 2008.
[25]蔡建平编著. 软件测试方法与技术[M]. 北京：清华大学出版社, 2014.01.
[26]李书振. MySQL数据库的安全机制[J]. 计算机应用, 2002, 22(6):51-53.
[27]刘姗. 一种改进的MySQL 数据库访问控制的设计与实现[D]. 华中科技大学, 2011.
[28]孙莹, 王华伟. 软件测试中存在的问题及对策[J].软件导刊,2015, （第1期）.
[29]杜小刚, 李舟军. J2EE Web开发框架体系结构[J]. 计算机科学, 2006, 33(8):236-239.
[30]周军. 基于FLEX 和J2EE 多层架构的Web 开发框架研究[J]. 广西民族师范学院学报,
2010, 27(5):66-68.
[31]（美）Chris Radcliff著；王爱国，周丽萍等译.Perl Web开发技术[M].北京：机械工业出
版社.2002.
[32]夏帮贵编著.Java Web开发完全掌握[M].北京：中国铁道出版社.2011.
[33]任东陕著.Web 开发技术[M].西安：西安电子科技大学出版社.2009.
[34]殷永峰, 王轶辰与刘斌, 基于MVC 模式的嵌入式软件测试开发环境设计. 计算机工程与
应用, 2007(7): 第117-119页.
[35]游琪, 张广云与桂改花, 基于MVC 模式的角色访问控制系统设计. 电脑知识与技术,
2009(32): 第8939-8940页.
[36]于同亚, 用C#设计基于.NET 框架的应用程序——ASP.NET 购物网站的设计与实现. 电
脑知识与技术, 2009(18): 第4907-4908页.
[37]袁江琛, 基于ASP.NET 的校园信息网设计和开发. 电脑编程技巧与维护, 2011(24): 第
23-24+49页.
[38]占小忆, VB.NET中利用ADO.NET 连接数据库. 电脑知识与技术(学术交流), 2007(5): 第
1211-1212页.
[39]张峰与张莉莉, ASP.NET 平台ADO.NET 连接池机制的分析与设计. 电脑学习, 2008(2):
第89-90页.
[40]张国武, 基于OPC 和.NET 框架的SIMATICNET 客户应用实现. 工业控制计算机, 2008(4):
第70-71页.
[41]张捍卫, 基于ASP.NET AJAX的资产网络清查系统的设计. 计算机与现代化, 2012(4): 第
94-96页.
[42]张建成与李春青, 基于.NET 环境下ADO.NET 访问数据库技术的研究. 电脑知识与技术,
2009(22): 第6102-6104页.
[43]张杰, 张景安与孙沛, 基于云模型的C2C 电子商务信任评价模型. 计算机系统应用,
2010(11): 第83-87+74页.
[44]张黎明与龚琪琳, 基于MVC 模式的Java Web 应用设计. 计算机与现代化, 2007(2): 第
22-24页.
[45]张俐, MVC模式在数据中间件中的应用. 计算机工程, 2010(9): 第70-72页.
[46]张俐, 基于JavaEE 的电信CRM 数据持久层的实现. 计算机工程, 2009(6): 第41-43页.
[47]张俐与张维玺, 基于JavaEE 的固定资产管理系统的设计与实现. 计算机工程与设计,
2009(16): 第3797-3800页.
[48]张南平与朱富利, 基于MVC 模式的Struts 框架的研究与应用. 计算机技术与发展,
2006(3): 第229-231+234页.
[49]张庆扬与柴胜, 使用二级索引的中文分词词典. 计算机工程与应用, 2009(19): 第
139-141页.
[50]张翔, 陆远与罗贵明, 模型与实例设计模式在工作流管理系统设计中的应用. 计算机应
用研究, 2006(7): 第165-166+169页.
[51]张永才与吾守尔•斯拉木, 基于J2ME 的维汉双语电子词典的研究与实现. 计算机系统应
用, 2010(7): 第229-231页.
[52]张宗平, 马冰冰与莫灵江, 基于ASP.NET 的网络培训系统的研究. 现代计算机(专业版),
2011(14): 第52-54页.
************************
致谢
光阴荏苒，四年的大学生生活就要结束了，借此毕业论文完成之际，我要深深地感谢所有在此期间给予过我学习和生活中帮助与关怀的人们：
首先我要对我的导师***老师表示深深的感谢。*老师渊博的学识和创新思想促进了我的成长成才，不仅为我指明了学术研究的方向，使我掌握了许多知识，还让我在工作与学习的能力上得到了充分的锻炼。
同时，我还要感谢数计学院的老师和同学们。敬爱的老师们不仅传授给我知识，还无私地为我提供了多方面的帮助。陪伴我共同体验大学生活的同学和室友，谢谢亲爱的兄弟姐妹们与我分享的苦与乐和给我的帮助。
最后，感谢我的父母及所有亲人们，他们对我无私的爱和为我的学业所做出的奉献，是我在大学阶段最大的支持和鼓励，让我更加坚定了拼搏进取的信念！
37