基于JavaWeb的NBA赛事信息管理系统.docx

《基于JavaWeb的NBA赛事信息管理系统.docx》由会员分享，可在线阅读，更多相关《基于JavaWeb的NBA赛事信息管理系统.docx（38页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、本科论文目 录摘 要IAbstractII引 言11 系统概述31.1 系统开发背景及意义31.2 开发环境、工具31.3 相关技术41.3.1 前端技术41.3.2 数据库技术41.4 本章小结42 系统分析52.1 功能需求分析52.2 性能需求分析52.3 本章小结63 系统设计73.1 功能设计73.2 业务逻辑设计73.3 数据库设计83.3.1 数据库概念结构设计83.3.2 数据库逻辑结构设计103.4 本章小结144 系统实现154.1 登录注册功能实现154.1.1 实现原理154.1.2 实现过程154.2 球员信息管理功能实现194.2.1 实现原理194.2.2 实现过

2、程194.3 忘记密码、退出登录功能实现254.3.1 忘记密码功能实现254.3.2 退出登录功能实现254.4 精彩瞬间、资讯模块实现264.5 本章小结265 系统测试275.1 功能测试275.1.1 登录功能测试275.1.2 球员信息管理测试275.1.3 重置密码功能测试285.2 压力测试295.3 本章小结30结 论31致 谢32参考文献33本科论文摘 要新世纪到来，数字化信息化之风席卷着国内的各行各业，NBA借此走进了国人的视野。与此同时，国内对篮球教育的重视以及对篮球文化的传播，使得NBA在国内流行起来。但国人与NBA的时空距离，让NBA信息传播至国内需要各种媒介的加持。

3、伴随喜爱NBA的群体日益庞大，网络传播系统的需求也越来越大。基于此社会现实需求，为了让用户更为方便全面地了解NBA的相关讯息，特此研究开发此NBA赛事管理系统。本文阐述的系统基于Java语言开发，以MySQL作为后台数据库。运用jsp、Servlet等JavaWeb主流技术在Windows操作系统下对NBA相关讯息进行专业化处理。本系统包含普通用户、管理员两大角色，共有球队、球员、赛程、资讯、赛场精彩瞬间几大模块供使用者操作。并对各个模块进行了准确化和具体化处理，便于用户使用此系统更加方便简洁。本文重点阐述系统的设计实现过程以及相关功能原理，系统通过前后台代码搭建而成，对各个功能进行测试后，完

4、全实现了预期设计的功能要求。使用本系统，大众可以充分地了解NBA中的相关讯息，缩短了信息的传播距离，保证了所浏览信息的准确性、及时性，能够满足大众需求。该系统界面简洁、性能高效、操作性强，具有极高的实用价值。关键词：NBA； 压力测试； MySQL数据库 AbstractWith the advent of the new century, the trend of numeral informatization has spread throughout all life of China, and the NBA has taken this into the eyes of the Ch

5、inese. Meanwhile, the focus is on basketball education at home and the popularity of basketball culture makes the NBA popular in China.However, the space-time distance between Chinese and NBA makes NBA information spread to China need the support of various media. With the growing number of people w

6、ho love NBA, the demand of network communication system is also growing. Depend this social reality, in order for users to understand NBA related information more easily and in detail, we research and develop this NBA tournament management system.The economy depicted in this paper seems developed de

7、pend Java language and MySQL is used as the background database. Using the mainstream Java Web technologies such as servlet and JSP to deal with NBA information professionally and concretely in Windows environment. Including ordinary users and administrators, there are teams, players, schedules, inf

8、ormation and exciting moments for users to operate. And each module is accurate and specific, so as to users can use the economy more comfortable and concise.This article concentrate on the design and implementation process of the economy and related functional principles. The system is built by the

9、 front and rear code. After testing, it fully realizes the expected design function and can able to meet of the public. Using this system, the public can fully understand the relevant information in NBA, shorten the communication distance of information, and ensure the accuracy and timeliness of the

10、 information browsed.The interface of the system is simple, the performance is efficient and the operability is strong.Key words: NBA; Pressure test; MySQL database引 言这是一个是属于数字化信息化的时代，中国的科学技术发展迅猛，高端智能产品层出不穷，像如今每个人都在使用的支付宝、微信，像人脸识别，像自动驾驶汽车。此类智能产品的出现，无一不说明电子信息产业正在悄悄地影响改变着我们的生活。与此同时在我国计算机的应用已经变的非常普遍了，而

11、且现在无论什么环境都离不开计算机，特别是在信息处理方面上，计算机最厉害的地方就是能够处理超出人类解决范围的难题，极大地提高了效率以及信息的可靠性。尤其是在处理比较复杂的信息上，人类的大脑无法完成计算，但计算机就更能发挥它计算的优越性1 李江 万映红 冯宗宪. 物流园区信息与商务平台规划及设计研究J.交通与计算机, 2002(05):49-522 陈强.精通Java开发技术M.北京:清华大学出版社,2014.5:22-26。所以在这个到处都充斥着计算机信息技术应用的大环境下，信息的获取、处理、交流和应用能力已然成为了人们最重要的能力之一。NBA赛事管理系统的设计正迎合时代背景，顺应时代发展潮流。

12、再加之当今社会人们的工作和生活节奏日益加快，这样的环境容易让人们产生压力和疲劳感，所以在繁忙之余需要一些缓解自己精神疲劳的活动。那么通过查看NBA相关信息来放松自己是一个不错的选择，查找一下自己喜欢球队的未来比赛信息，浏览一下过去的战绩等各方面的数据都能有效的减轻我们的疲劳感。本设计项目基于互联网大环境，面向全国范围内的NBA球迷，为他们提供准确的各球队赛事时间报告以及过去进行的各比赛信息以及结果。极大地方便了球迷朋友们查找各球队比赛信息，能够让他们及时地了解球队的近况以及喜爱球员的各方面表现，通过它获取NBA相关资讯为自己的生活添灯加彩。本文第一章描述了系统开发的背景以及所使用到的技术，其中

13、包括Jsp、JavaScript以及MySQL数据库等，详细论述了上述技术的特点以及优缺点。第二章描述了系统的分析过程，包括系统功能分析以及系统性能需求，详细表述了系统设计前的各项准备工作。第三章描述的是NBA赛事管理系统的总体详细设计，通过结构图的展示，使得系统设计过程更加清晰。第四章描述的是系统的数据库设计，通过E-R图以及数据表等辅助材料进行综合描述，使得系统的数据库设计方面条理更加清晰。第五章是系统的实现，其中包括实现的各个功能，通过大量的文字描述说明各功能的实现原理并通过图片展示相应功能实现界面，附有相应功能的核心代码。第六章描述了系统核心功能的测试，其中包括登录功能、球员信息管理功

14、能、修改密码功能，通过测试，系统各功能达到预期标准。1 系统概述1.1 系统开发背景及意义因为姚明、科比、詹姆斯等超级巨星在NBA赛场的存在，很多人开始关注并喜欢上NBA。根据近几年的观察调查和对自己以及身边人的感受，不难发现，现在NBA在中国已经变得家喻户晓了，它的观赛人群不再仅仅是70、80后，现在更多是90、00后，现在的人们对它已经太过关心，成为人们生活中不可缺少的一部分。在国外NBA中的球星影响力甚至要比政府官员要大，因为球员是小朋友们心中的榜样，是他们的信仰，是他们以后要成为的那种人。在国内也是一样，越来越多的孩子们把球星视为自己的超级英雄。NBA联赛为我们展现的是年轻一代的奋发向

15、上，对篮球近乎狂热的爱，以及对球员们赛场上团结一心的一个美好展示3 黄俊.Java程序设计开发M.第二版.机械工业出版社.2014.6:2-74 王爱国.Java面向对象程序设计M.北京:机械工业出版社,2014.4:123-128。所以在网络上获取球队信息，球员资讯也逐渐成为人们的日常需求。从国内外相关平台上说，目前国内类似功能的平台也有很多，比如腾讯体育，腾讯购买了NBA的直播版权，所以使用人数很多，除了在CCTV5观看直播外，国内只有腾讯体育可以观看赛事直播。它的功能非常强大、用户体验度也很完美，除了观看直播外，还可以浏览球队的排名，球员的排名(根据篮板、得分、助攻等)、球员精彩表现的视

16、频、赛事回放等。还有新浪体育、虎扑视频等平台，在这些平台除了不能观看直播，球队赛程、球员数据等还是可以浏览的。国外通过电视直播可直接观看。虽然国内外网络平台上关于此类系统实现应用不在少数，但是各个平台也存在一定被人诟病的功能。如页面比较错乱，用户想查看球队、赛程等信息时，要浪费一定的时间查找。本系统结合相关平台优点，并对其不完美的地方进行改进，设计出更为简洁的页面，更为清晰地功能，更好地为用户服务。1.2 开发环境、工具本系统使用java语言进行开发，使用Eclipse集成开发环境作为开发工具。Eclipse是一个众所周知功能齐全的跨平台自由集成开发环境，具有非常强的灵活性。本系统选用的服务器

17、为Apache公司的Tomcat，用来实现浏览器端与服务端的信息交互。Tomcat服务器的量级很小，是一个开源的，它在中小型系统中使用的频率比较多并且在同时在线人数很少的场合下也被诸多使用，是开发JSP程序非常不错选择。1.3 相关技术1.3.1 前端技术JavaScript是一种解释型脚本语言，它可以被浏览器解析，是面向对象的，可以进行独立应用程序的设计，简称JS。它不需要编译过程，就可以直接执行。JavaScript的框架或工具类的使用，能够简化通用操作，隐藏浏览器之间的差异。JavaScript使用在HTML文本中插入程序块的方式。开发过程异常简单，极大程度地提高了开发速度。它采用作用域

18、形式将JS和页面连结在一起，使得工作效率提高，完成前台开发的各项需求，只要用户的计算机上安装有支持JavaScript的浏览器即可执行。1.3.2 数据库技术MySQL是一种被使用频率极高的数据管理系统，当今市面上的数据库很多，比如Oracle、SQLServer等，虽然与他们相比并不是很有优势，但它的使用范围依然很广，其中中小型企业用的最多。主要原因有一下几点：首先它具有强大的内存及响应速度，容易调试、优化和管理，而且具有事务处理功能，增强了数据的安全性，对于系统来说是一个安全保障。1.4 本章小结本章首先对项目开发背景进行了相关阐述，指出了国内外发展现状、市面相关平台的缺点及自己项目的优越

19、点。其次陈述了系统的开发环境及开发工具，最后列举了本系统使用的相关技术。本章全面系统地阐述了系统开发前的各项准备。2 系统分析2.1 功能需求分析NBA赛事管理系统以服务性能为主，面向广大喜爱NBA且想要了解NBA相关讯息的人群。通过对市场类似平台和相关人群的观察与调研，深层次地了解了相关人群需求及平台特点后，决定将本系统面向普通用户和管理员。不同的登录人物拥有不同的权限，登录后访问的主页面也不同。对于普通用户来说，想要使用本系统，首先要注册一个合法的账号，使用注册过的账号进行登录。登录成功后该名普通用户即可进行相关信息的浏览，第一、球员信息，其中包括球员的基本信息以及球员的详细数据信息。基本

20、信息包括出生日期、球衣号码等，详细数据信息包括场上得分、助攻、篮板等。第二、球队信息，其中包括球队的主教练、所在城市等。第三、赛程信息，其中包括比赛时间、比赛对手等。第四、相关资讯信息，如NBA赛场内外的新闻和球员的精彩表现视频等。普通用户登录成功后也可以进行个人信息的修改，如登录时所用的密码。想要退出登录时点击退出系统便可退出此次登录。对于管理员来说，注册并登录成功后，可以进行用户管理：对使用该系统的用户的信息进行增删改等操作，如清除无用账号、帮助修改用户信息等。球员信息管理：对球员相关信息进行添加、修改、删除等操作。球队信息管理：对球队相关信息进行添加、修改、删除等操作。赛程信息管理：对赛

21、程相关信息（比赛时间、比赛对手等）进行添加、修改、删除等操作。2.2 性能需求分析系统要具备良好的性能，才能安全稳定的运行，为了让NBA赛事管理系统更加健壮，要具备以下性能：（1）系统处理信息的及时性系统应对用户执行的操作进行准确的处理以及及时的响应，保证各功能准确的实施，增强用户体验度。（2）系统的公开性系统应该提供对外的接口，便于与其他平台的连接，进行系统间的数据交换5 张剑.Java EE开发技术M.北京:哈尔滨工业大学出版社.2013.5:5-6。（3）系统的易操作性NBA赛事管理系统是面向用户的，但用户对系统的操作可能比较陌生，所以系统功能要清晰、界面要简洁、易操作。（4）系统的可兼

22、容性系统的前端方面应在各个浏览器中均能成功显示6 Cameron,J.R. JSP JSD the Jackson approach to software developmentJ.Silver Spring MD: IEEE Computer Society Press, 2019:59-68。2.3 本章小结本章主要阐述了系统的功能需求分析以及系统的性能需求分析，本系统分为普通用户及管理员两种人物，只有注册成功后才可以登录本系统。不同的人物，登录后浏览不同的页面、使用各自的系统功能。此外系统要具有准确性、公开性、易操作性、可兼容性等性能。3 系统设计3.1 功能设计NBA赛事管理系统根据

23、系统的需求分析，NBA赛事管理系统将从普通用户模块、管理员模块两个角度进行划分：普通用户模块分为注册、登录、修改个人信息、注销、浏览信息功能。管理员模块划分为赛程信息管理、球员基本信息管理、球员详细数据信息管理、球队信息管理。总体功能结构图如图3.1所示。管理员普通用户球队数据管理球员数据管理球员信息管理修改信息退出登录浏览信息登录注册赛程信息管理用户信息管理图3.1 功能模块图3.2 业务逻辑设计图3.2 用户业务流程图对于用户来说，要想登录本系统，首先要注册一个账号，注册成功后使用此账号进行登录，登录成功后可根据自己的需求及喜好浏览相关的球队、球员、赛程和赛场内外有趣的新闻等相关信息，如图

24、3.2所示。图3.3 管理员业务流程图管理员对球迷信息进行管理，并将数据录入到数据库，并实现对球员、球队、赛程信息的管理（增删改查），方便球迷浏览到实时准确的信息7 向昌成.Java程序设计项目化教程M.北京:清华大学出版社,2013:69-72。业务流程图见图3.3。3.3 数据库设计3.3.1 数据库概念结构设计数据结构：数据结构是存储数据的一种容器8 M.J.King,J.P.Pardoe. Program design using JSP a practical introductionJ .Basingstoke Hampshire: Macmillan, 2017:790-8029

25、赵璞. Java Web程序开发中字符乱码的原因与解决办法J. 电脑编程技巧与维护，2016,（20）:24-27，它使用一种特定的布局方式。这种特殊的方式决定了数据结构处理某些操作非常高效，同时数据结构也是进行数据库设计是需要考虑的一个必不可少的因素，本系统的数据结构设计见表3.1。表3.1 数据结构数据结构名数据结构含义组成球员信息表表示球员的详细信息PlayerId,Season,TeamName,Age,Height,WeightNationality,Ys,DateTime,Number球员数据表表示球员的场上数据PlayerName,Point,Assist,Rebound,Blo

26、ckShot,Turnover,Foul,FT,TP球队信息表表示球队的详细信息TeamId,TeamName,Location,Coach,Arena,PPG,APG,RPG,SPG,BPG,AFG,AFT,ATP赛程信息表表示赛程的详细信息MatchId,TeamName,DateTime,Opponent,Result,Scores,SiteE-R图：E-R图又称实体-联系图，通过它我们可以知道实体类型的表示方法、属性的表示方法、联系的表示方法，而且它为我们提供了一种概念模型，这种概念模型可以用来描述现实世界。此外它数据库设计中起着非常重要的作用，E-R图使实体与属性之间的关系清晰可见，

27、因为它的存在，使得我们描述现实世界关系概念模型变得更加有效，同时表达概念关系模型同样变得更加有效10 R.J(Bud)Bates. GPRS:General Packet Radio ServiceJ .McGraw-Hill, 2011:11-12。根据本系统用例以及需求分析，展示以下几个在逻辑设计中占主导地位的E-R图。其中球员详细数据表与球员信息表相互关联，球员详细信息中的球员ID是球员信息表的外键。赛程表与球队表相互关联，赛程表中的球队名是球队表的外键。球员信息E-R图如图3.4所示：图3.4 球员信息E-R图球员详细数据E-R图如图3.5所示：图3.5 球员详细数据E-R图球队信息E

28、-R图如图3.6所示：图3.6 球队信息E-R图赛程信息E-R图如图3.7所示：图3.7 赛程信息E-R图3.3.2 数据库逻辑结构设计Player表（球员信息表）：表中共有11个字段，其中5个整型字段，8个字符串型字段。PlayerId设置为自增且为主键，所有字段均不能为空。用户查看球员基本信息时会访问到此表，如表3.2所示。表3.2 球员信息表列名数据类型NULL约束描述PlayerIdINT(11)NOTNULLPrimaryKey球员idNameVARCHAR(45)NOTNULL球员姓名SeasonVARCHAR(45)NOTNULL赛季TeamNameVARCHAR(45)NOTN

29、ULL球队名AgeINT(11)NOTNULL年龄HeightINT(11)NOTNULL身高WeightINT(11)NOTNULL体重NationalityVARCHAR(45)NOTNULL国籍YsVARCHAR(45)NOTNULL年薪DateTimeVARCHAR(45)NOTNULL出生日期NumberINT(11)NOTNULL球衣号码SingleStatistics表（球员数据表）：表中有10个字段，包括PlayerId、PlayerName等，其中1个整型字段，9个字符串型字段。PlayerId设置为自增且为主键，除了PlayerId及PlayerName不能为空外，其他字段

30、均可为空。本表中的球员姓名与球员表相互关联，用户查看球员数据信息时会访问到此表，如表3.3所示。表3.3 球员数据表列名数据类型NULL约束描述PlayerIdINT(11)NOTNULLPrimaryKey球员IDPlayerNameVARCHAR(45)NOTNULL球员姓名PointVARCHAR(45)得分AssistVARCHAR(45)助攻ReboundVARCHAR(45)篮板BlockShotVARCHAR(45)盖帽TurnoverVARCHAR(45)抢断FoulVARCHAR(45)犯规FTVARCHAR(45)罚球命中率TPVARCHAR(45)三分命中率Team表（球

31、队表）：表中有13个字段，包括TeamId（球队Id）、TeamName（球队名）、Coach（球队主教练）等，其中只有TeamId一个为整型字段，将其设置为自增，且为该球员表的主键。其他字段均为字符串型字段。并且所有字段均不能为空，该表字段较多，是本项目数据库设计中比较重要的一张表，赛程表中的球队名与它相联系。用户查看球队信息时，会访问到此表，如表3.4所示。表3.4 球队表列名数据类型NULL约束描述TeamIdINT(11)NOTNULLPrimaryKey球队IDTeamNameVARCHAR(45)NOTNULL球队名CoachVARCHAR(45)NOTNULL主教练Locatio

32、nVARCHAR(45)NOTNULL所在地点ArenaVARCHAR(45)NOTNULL主场馆PPGVARCHAR(45)NOTNULL场均得分APGVARCHAR(45)NOTNULL场均助攻RPGVARCHAR(45)NOTNULL场均篮板SPGVARCHAR(45)NOTNULL场均盖帽BPGVARCHAR(45)NOTNULL场均抢断AFGVARCHAR(45)NOTNULL场均投篮命中率AFTVARCHAR(45)NOTNULL场均罚球命中率ATPVARCHAR(45)NOTNULL场均三分命中率Match表（赛程表）：表中有7个字段，包括MatchId（赛程Id）、TeamNa

33、me（球队名）等，其中MatchId为整数型字段，设置为自增并且为主键。TeamName、DateTime、Opponent等6个皆为字符串型字段，并且所有字段均不能为空，用户查看赛程信息时，会访问到此表，球队名与球队表相关联，如表3.5所示。表3.5 赛程表列名数据类型NULL约束描述MatchIdINT（11）NOTNULLPrimaryKey赛程IDTeamNameVARCHAR(45)NOTNULL球队名DateTimeVARCHAR(45)NOTNULL比赛日期OpponentVARCHAR(45)NOTNULL比赛对手ResultVARCHAR(45)NOTNULL比赛结果Scor

34、esVARCHAR(45)NOTNULL比分SiteVARCHAR(45)NOTNULL比赛地点Zone（赛区表）：表中共有四个字段，包括ZoneId（赛区Id）、ZoneName（赛区名）等，其中ZoneId为整型字段，设置为自增并且设置为主键，其余三个皆为字符串型字段，所有字段均不能为空。用户查看赛区信息时，会访问到此表，其中Location（地理位置）与Team（球员表）相联系，如表3.6所示。表3.6 赛区表列名数据类型NULL约束描述ZoneIdINT（11）NOTNULLPrimaryKey赛区IDZoneNameVARCHAR(45)NOTNULL赛区名LocationVARCH

35、AR(45)NOTNULL地理位置ZoneRankVARCHAR(45)NOTNULL赛区排名Login表（用户表）：表中有4个字段，包括LoginId（用户Id）、LoginName（用户名）、Password（密码）等，其中LoginId为整型字段，设置为自增且为主键，其余3个皆为字符串型字段。四个字段均不能为空，如表3.7所示。表3.7 用户表列名数据类型NULL约束描述LoginIdINT(11)NOTNULLPrimaryKey登录IDLoginNameVARCHAR(45)NOTNULL登录名PasswordVARCHAR(45)NOTNULL密码EmailVARCHAR(45)N

36、OTNULL电子邮箱LoginLog表（登录日志表）：表中共有四个字段，其中LoginLogId设置为自增且为主键，LoginLogId与LoginId为整型字段，其余两个为字符串型字段，四个字段均不能为空，如表3.8所示。表3.8 登录日志表列名数据类型NULL约束描述LoginLogIdINT(11)NOTNULLPrimaryKey登录日志IDLoginDateTimeVARCHAR(45)NOTNULL登录时间LoginIpVARCHAR(45)NOTNULL登录IpLoginIdVARCHAR(45)NOTNULL登录IdLoginState表（登录状态表）：表中共有四个字段，其中L

37、oginStateId设置为自增且为主键，LoginStateId为整型字段，LoginStateName、Description两个为字符串型字段，CanLogin为布尔型字段。四个字段均不能为空，如表3.9所示。表3.9 登录状态表列名数据类型NULL约束描述LoginStateIdINT(11)NOTNULLPrimaryKey登录状态IDLoginStateNameVARCHAR(45)NOTNULL登录状态名DescriptionVARCHAR(45)NOTNULL状态描述CanLoginBOOLEANNOTNULL是否登录中LoginType表（登录类型表）：表中共有四个字段，其中

38、LoginTypeId设置为自增且为主键，LoginTypeId为整型字段，LoginTypeName、Description、DefaultPage三个为字符串型字段，四个字段均不能为空，如表3.10所示。表3.10 登录类型表列名数据类型NULL约束描述LoginTypeIdINT(11)NOTNULLPrimaryKey登录类型IDLoginTypeNameVARCHAR(45)NOTNULL登录类型名DescriptionVARCHAR(45)NOTNULL类型描述DefaultPageVARCHAR(45)NOTNULL默认页Massage（留言板表）：表中共有四个字段，其中Mass

39、ageId设置为自增且为主键，MassageId（留言Id）为整型字段，LoginName（用户名）、Title（留言标题）、Content（留言内容）三个为字符串型字段。上述四个字段均设置为不能为空。用户在输入留言信息时会访问到此表，如表3.11所示。表3.11 留言板表列名数据类型NULL约束描述MassageIdINT(11)NOTNULLPrimaryKey留言IDLoginNameVARCHAR(45)NOTNULL用户名TitleVARCHAR(45)NOTNULL留言标题ContentVARCHAR(45)NOTNULL留言内容Admin表（管理员表）：表中有4个字段，包括Adm

40、inId、AdminName、Password等，其中AdminId为整型字段，设置为自增且为主键，其余3个皆为字符串型字段。四个字段均不能为空，如表3.12所示。表3.12 管理员表列名数据类型NULL约束描述AdminIdINT(11)NOTNULLPrimaryKey管理员IDAdminNameVARCHAR(45)NOTNULL管理员名PasswordVARCHAR(45)NOTNULL密码EmailVARCHAR(45)NOTNULL电子邮箱3.4 本章小结本章重点阐述的是系统设计，包括系统功能设计、系统业务流程设计、数据库设计，通过功能结构图、业务流程图、E-R图以及数据表的辅助说

41、明，更为清晰具体地展示系统设计的过程，为后续实现做充分的基础准备。4 系统实现4.1 登录注册功能实现4.1.1 实现原理用户在进入系统前首先要进行账号的注册，注册时要对用户输入的用户名、密码、电子邮箱的格式进行是否合法的判断。不合法时提示给用户错误信息，只有全部信息均合法时才可以通过注册，信息合法时进行提交，注册成功。在登陆页面输入注册后的用户名和密码进行提交，同样进行格式验证，用户名密码不合法时提示错误信息。当用户名密码均合法时通过验证，当输入的信息与注册时的不一致时，系统提示错误相应出错信息11 徐茂.浅析面向SQL数据库注入攻击的Java Web防御措施J.网络安全技术与应用,2016

42、,61(03):13-14。输入的用户名密码与注册时的一致的话，点击登录，即可登录成功。4.1.2 实现过程前端在register.jsp中创建四个文本框用来让用户输入用户名、密码、确认密码、电子邮箱四项信息，在每个文本框下加一个span标签用来显示提示输入格式错误的信息。使用JavaScript对用户输入的注册信息进行验证。如图4.1所示：图4.1 注册页面首先是用户名进行验证：用户名文本框中有id，根据这个id获取文本框对象，再根据文本框下span对象的id获取span对象。接着为用户名文本框绑定blur事件，即在文本框输入信息后，鼠标移出文本框时显示提示信息（是否合法）。接着获取用户名文

43、本框的value值loginName，使用trim()方法12 王光琼,任杨,冉椿林,叶凤林.基于Java Web的NBA联赛系统关键技术探析J.福建电脑.2016,11(09):13-14去除前后空白后，用if语句进行条件判断，如果loginName为空字符串提示用户名不能为空，如果loginName的长度小于6大于14提示用户名的长度必须在6-14之间。用正则表达式设定用户名格式（只能由字母或数字组成），如不符合要求，则提示出错信息“用户名格式错误”，验证条件均设置好后，为用户名文本框对象绑定获取焦点事件（鼠标回到文本框时，内容清空）。接着获取密码、确认密码文本框对象及span对象，进行非

44、空、长度是否合法的判断。绑定失去焦点事件，获取密码、确认密码文本框的属性值，如果二者的属性值不相等，提示错误信息“密码不一致”。为密码文本框绑定失去、获取焦点事件，同时为确认密码文本框绑定相同事件，以便用户判断自己输入的信息是否符合要求。获取电子邮箱文本框对象和span对象，用正则表达式判断邮箱格式，为文本框对象绑定失去焦点和获得焦点事件13 James Goodwill. Pure Java Server Pages .Indianapolis IndJ: Sams, 2000:14-1514 赵爽,刘忠富.基于Java Web的NBA联赛系统的设计J.智能计算机与应用,2016,45(04):16-1715 张丽.基于Java Web在线考试系统J.江西科学，2016，25(03):17-1816 Xuejun Kong,Jun Liu,Tiffany Chien,Maren Batalden,David A. Hirsh. A Systematic Network of Autism Primary Care Services (SYNAPSE): A Model of Coproduction for the Management of Autism Spectrum Disorder