基于大数据的应急救援指挥管理系统设计与实现(论文+源码)_kaic_基于大数据下的应急指挥协调系统_保障指挥决策系统代码

1.2.1应急救援指挥应急系统的目的

本系统的应用希望能够提高突发应急救援事件的处置效率和事件的利用率，降低了突发事件对人民生命安全的损失。在科技日新月异的今天，如何利用现代科技将突发应急救援事件应急指挥系统在处置流程上不断的完善使其更加适应政府和用户的需求，提高应对突发应急救援事件的能力，让有限事件的利用率达到最大，最大程度的保障人民的生命财产的安全，需要我们在未来不断探索和研究。

1.2.2应急救援指挥应急系统的意义

通过对应急事件善后处理的经验借鉴，可以从以下几方面着手：首先，政府要加强对危机事件的处理能力，有必要设置专门从事应对突发事件的工作人员和管理机构。如设立公共卫生协调员，他们是信息最早获得者和协调者之一，并且受过专门培训，具有一定的敏感性和处理应对能力，这样可以较好起到统筹事件和综合协调的作用。其次，增强民众危机防范意识、培养公民应急能力。如出版应急预防刊物，举办应急博览会和展会，通过网站、电视等媒体向公众进行相关教育等。发达国家在这方面积累了丰富的经验，我们可以参照它们的做法，开展有关的活动，提高民众的危机防范意识。最后，通过志愿者服务组织，使全社会参与突发事件的处理。如建立义务与志愿相结合的传染病监管体系，扩大突发应急救援监管覆盖范围，确保信息的充分和通畅，更好地应对突发公共卫生事件。

1.3相关技术介绍

本次应急救援指挥的应急系统采用的是B/S架构，数据库使用的是SqlServer，服务器使用的是Tomcat7.0。

1.3.1SSM结构模式

Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。

SpringMVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责。SpringMVC相当于SSH框架中struts。其次，MVC设计模式对系统进行设计，给出系统的子系统结构和类结构，以及数据库的表结构的设计。而这款框架是非常强大的，能够分离出很多种便于编写阶段的架构，这样的分离能更方便的进行定制及操作控制。

mybatis是对jdbc的封装，它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。Mybatis具有以下特点：

1、简单易学：本身就很小且简单。没有任何第三方依赖，最简单安装只要两个jar文件+配置几个sql映射文件易于学习，易于使用，通过文档和源代码，可以比较完全的掌握它的设计思路和实现。

2、灵活：mybatis不会对应用程序或者数据库的现有设计强加任何影响。sql写在xml里，便于统一管理和优化。通过sql语句可以满足操作数据库的所有需求。

3、解除sql与程序代码的耦合：通过提供DAO层，将业务逻辑和数据访问逻辑分离，使系统的设计更清晰，更易维护，更易单元测试。sql和代码的分离，提高了可维护性。

4、提供映射标签，支持对象与数据库的orm字段关系映射。

5、提供对象关系映射标签，支持对象关系组建维护。

6、提供xml标签，支持编写动态sql。

1.3.2Tomcat服务器

Tomcat服务器是一个免费的开放源代码的Web应用服务器，属于轻量级应用服务器，在系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP程序的首选。实际上Tomcat是Apache服务器的扩展，但运行时它是独立运行的。当配置正确时，Apache为HTML页面服务，而Tomcat实际上运行JSP页面和Servlet。目前Tomcat最新版本为9.0.41。

1.3.3SqlServer数据库

SqlServer是目前互联网企业使用最广泛的数据库，数据库在应用程序开发中非常重要，它直接决定了程序的上限。SqlServer，它是一种关系数据库管理系统，关系数据库管理系统可以组合多个数据表单来处理信息并完成数据管理。

SqlServer是一个降低开发成本的数据库。它易于开发、标准化、可移植，并且可以在多个操作平台上以标准SQL语言同时使用。它与多种语言(如PERL、C、JAVA等)都有良好的兼容性，并且可以实现自定义使用。

SqlServer的以上优点促使了本次开发过程选择SqlServer作为数据库的管理工具。本人所设计研究开发的毕业项目在数据库方面运用了非常干流的SqlServer数据库，正因为它可以使用sql语言进行数据库管理，所以受到了大多数程序员的喜爱。

1.3.4Java语言介绍

Java语言的语言结构和C语言接近，相对于C++技术，Java更容易上手。另一方面，Java语言拥有的类、封装、继承、多态等特性使得变成更加的方便。在网络环境中，Java拥有的安全机制，可以对网络下载的类进行安全防范。例如装在的类是放在分开的名字空间而不是局部类，预防恶意的小程序用它自己的版本来代替标准的Java类。Java语言还拥有跨平台的特性。其内部有许多接口，方便程序员使用。使用Java语言开发社区管理系统的原因如下：

(1)适应性：J2EE平台的适应性是毋庸置疑的，它能够将操作系统对底层代码的影响降到最低。

(2)可维护性：内部拥有丰富的接口，维护成本低，而且Java中类的继承、多态的特点能够保障网站的开发更加容易。

(3)安全性：Java内部拥有许多的安全算法，能够保障底层顺利运行的同时，不受外界的攻击和侵扰。

1.4论文结构

本文首先针对课题的研究背景和研究目的进行论述，结合课题的实际需求，按照软件设计的标准流程进行开发，并结合设计的实际功能进而来完成论文的编写任务。论文主要从以下章节展开分析：

第一章，介绍该系统的国内外现状，通过对系统当前的发展情况以及需求所面对的核心问题进行分析，并对课题背景阐述和意义的说明，最后总结全文的章节内容。

第二章，主要介绍系统的需求分析，分别从三个角度来分析，三个分析角度分别是技术角度、经济角度、操作角度等方面分析系统开发的可行性。

第三章，主要介绍了系统的结构以及针对系统需求的功能设计，其中详细分为系统功能模块设计以及系统的数据库结构设计两个方面。

第四章，重点介绍系统中每一个所模块所包含的功能及具体实现与操作流程，通过对模块的描述，更加清楚的了解程序整体模块设计。

• 系统测试，对系统进行测试工作，查找问题，更改错误。

2需求分析

突发公共卫生事件的危害范围相当广，发生原因较为复杂，严重威胁人们的生命财产安全。如何预防突发公共卫生事件，并在公共卫生事件发生后做好管理与控制是应急救援机构的重点工作内容，也对其应急能力提出了严峻的挑战。基于此，文章分析了突发公共卫生事件中应急救援机构的应急能力现状，并结合实际提出了尝试性的管理对策，希望为应急救援机构应急能力的提升提供有意义的参考，也为我国突发公共卫生事件的预防管理增添一份力量。

本次应急救援指挥的应急系统采用的是B/S架构，数据库使用的是SqlServer，服务器使用的是Tomcat7.0，前台页面使用的是JSP+JavaScript技术进行实现。

通过国内外的应急救援指挥的应急工作的分析，以及相关资料的学习研究，了解应急救援应急工作的需求，对于应急救援指挥的应急设计人员信息模块、登录日志模块、应急事件模块、事件查找模块、数据统计模块五个模块。

2.1可行性研究

可行性分析是系统开发必须要经历的步骤，而且非常重要，可行性分析能够知道系统是否具有开发价值，是否值得投资，分别从技术角度，价值角度，操作角度来进行说明的；可行性分析环节必不可少，能够明确在项目开发前了解项目是否可行，有无必要投资等问题；本次系统分析具体内容如下。

2.1.1经济可行性

经济可行性主要是分析系统开发成本，开发利润等方面是否具有投资价值必要。当投资大于汇报时，那么该项目投资就没有必要，反之，就可以进行开发投资。由于本次系统开发为本人毕业设计，所以经济方面的投资较小，研发、运行主要费用包含：

1.硬件设备：计算机，由于本人有可供开发用的电脑，所以无需硬件成本。

2.软件开发：本次系统开发所应用的各类软件，如：SqlServer，Tomcat7.0等，均为开源软件，也无需经济成本。

3.人员费用：本人独立开发，无需费用。

2.1.2技术可行性

技术可行性可以理解为系统在开发技术层面上是否可行。对于系统的各个模块，各个框架设计等方面都需要进行分析和比较。本次设计主要采用的是JAVA技术来进行开发，采用SSM框架技术，框架分为三层，分别是控制层Controller，业务处理层Service，持久层Dao，能够采用多层次架构管理开发，对于各个模块设计制作有一定的安全性；数据库方面主要采用的是SqlServer来进行开发，其特点是稳定性好，数据库存储容量大，处理能力快等优势；服务器采用的是Tomcat服务，能够提供稳固的运行平台，确保系统稳定运行。

2.1.3操作可行性

操作可行性顾名思义就是系统操作流程是否符合要求，操作界面是否美观直观，用户能否直接操作，是否影响工作效率等问题；主要是衡量系统上线之后，操作便利性及实用性问题；目前系统开发都是可视化界面，简单模块操作，适合各个年龄段的用户，简单易懂，容易理解，因此，操作可行性能够通过。

2.2系统功能需求分析

2.2.1需求模型建立

采用参与者词汇表进行描述，如表2-1所示。

表2-1参与者词汇表

2.2.2系统用例图

1.操作员角色用例图

操作员角色主要完成人员处理、日志管理、事件管理、应急事件等操作，基于SSM的应急救援指挥的应急系统操作员角色用例图如图2-2所示。

图2-1操作员用例图

2.专家、领导角色管理

专家和领导角色主要完成数据统计操作，基于SSM的应急救援指挥的应急系统专家、领导角色用例图如图2-2所示。

图2-2专家、领导用例图

3.系统用例模型图如图2-3所示。

图2-3系统用例模型图

2.2.3系统用例描述

根据用例设计管理系统的权限功能划分，本小节将说明应急救援指挥的应急系统主要功能用例描述，具体如下。

基于SSM的应急救援指挥的应急系统计人员信息管理用例描述如比表2-2所示。

表2-2人员信息管理用例描述表

基于SSM的应急救援指挥的应急系统日志管理用例描述如表2-3所示。

表2-3日志管理用例描述表

续表2-3日志管理用例描述表

基于SSM的应急救援指挥的应急系统事件管理功能用例描述如表2-4所示。

表2-4事件管理用例描述表

基于SSM的应急救援指挥的应急系统应急事件管理功能用例描述如表2-5所示。

表2-5应急事件管理用例描述表

续表2-5应急事件管理用例描述表

基于SSM的应急救援指挥的应急系统数据统计功能用例描述如表2-6所示。

表2-6数据统计用例描述表

2.3非功能性需求

非功能性需求包括性能、可修改性、可用性、易用性、安全性、环境要求等，在最初的需求方案分析阶段很容易被忽略，而这些内容的考虑往往会影响到产品的实现，包括功能架构、操作方式、界面展现、后台处理方式、数据库设计方式等，所以到产品集成测试甚至回归测试时才考虑性能，往往就为时晚矣，可能就需要大量修改前期已完成的功能。

本文非功能性需求主要考虑了程序的可修改性，需要易于维护。易用性要考虑到用户的操作方便，可以提高用户的使用效率，减少工作量。

2.4本章小结

本章介绍的是应急救援指挥的应急系统的需求分析，从三方面可行性角度出发，分析系统是否值得开发，系统采用的具体技术环境等问题做出说明；系统流程图以及对系统的具体功能进行说明，最后进行用例图的分析。

3系统设计

随着计算机技术的发展，在科技日新月异的今天，如何利用现代科技将突发应急救援事件应急指挥系统在处置流程上不断的完善使其更加适应政府和用户的需求，提高应对突发应急救援事件的能力，让有限事件的利用率达到最大，最大程度的保障人民的生命财产的安全，需要我们在未来不断探索和研究。

3.1模块设计原则

基于基本功能的模块划分方法与其他方法相比比较简单，但也遵循了模块划分的基本原则。首先，尽量减少各模块之间的连接，以保证模块的正常运行。两者独立。每个模块都尽可能地发挥功能，并在逻辑上独立。避免在系统结构中造成混乱。模块接口尽量简单。功能调整，尽量减少对模块的影响和影响。系统按基本功能划分。该模块划分方法能使需求分类清晰划分，功能分解效果较好。

3.2软件结构设计

当系统开发工作通过需求分析阶段后，用户的需求得到了充分的明确，设计模型是说明用例实现的对象模型，是实施模型及其源代码的抽象。设计模型用作实施和测试活动多的基本输入。通常情况，在设计模型的时候基本上是按照都是按照对象的属性都合并在一个模型中。

3.2.1软件结构图

软件体系结构包括构成系统的设计元素的描述，它通常通过分层或时间间隔来说明架构的各种组件的组合关系。由一组组件及其相互作用组成的系统本身可以成为更大系统的组成元素。在结构设计方法中，软件结构图可以分为两种类型：转换软件结构图和事务软件结构图，如图3-1所示。

图3-1系统功能结构图

3.2.2模块功能的划分

经过需求分析，可以确定基于SSM的应急救援指挥的应急系统功能

总体上划分为五个模块：人员信息模块、登录日志模块、应急事件模块、事件查找模块、数据统计模块。

具体业务流程如下：

（1）根据突发应急救援事件的级别和紧急情况，级别较低的突发应急救援事件由人员信息模块处置，级别较高或较为紧急的事件由应急事件模块处置。

（2）当突发应急救援事件发生时，依据人员提交的事件信息调用相应的日志，并完善相应的信息，包括事件的配置和指定相关责任单位。

（3）接受到任务的相关责任单位根据任务内容和实际情况进行突发应急救援事件的处置。

（4）任务的相关责任单位在处置过程中将应急事件的进展情况及时的进行反馈，跟踪应急事件的情况。

（5）应急事件相关单位根据事件反馈情况合理调整任务，保证应急事件的准确性和效率。

（6）当突发应急救援事件得到控制或者解除紧急状态后，可以结案，应急事件的所有工作结束后，进入数据统计模块。

（7）数据统计对突发应急救援事件应急管理系统处置的所有重大或特别重大的事件的处置过程以及基本信息进行记录，便于统计和查询。

（8）领导和专家可以对日志记录和应急事件报告进行评估和总结，以便完善日志事件的管理，提高处置相似或者相同突发应急救援事件的效率。

3.3数据库设计

3.3.1数据库ER图

用户实体，管理员实体是用于存储管理员账户信息，它包括了编号、用户名、密码、标识。用户实体的E-R如图3-3所示。

图3-3用户实体图

|

|

事件类型实体，该实体是用于存储事件类型信息，它包括了编号，事件类型。事件类型实体的E-R如图3-4所示。

图3-4事件类型实体图

事件实体，它反映了事件信息，属性主要有编号、事件名称、事件类型、数量。事件实体的E-R如图3-5所示。

图3-5事件实体图

人员实体，人员实体是用来存储人员的信息，包括编号、名称、电话、接报时间、级别、人员人、人员人电话等。人员实体的E-R图如图3-6所示。

图3-6人员实体图

事件实体，楼房实体是用来存储事件的信息，包括编号、名称，时间，级别、状态、人员编号、人员人、人员电话、处警人、出警人电话。事件的E-R图如图3-7所示。

图3-7事件实体图

应急事件实体，应急事件实体是用来存储应急事件信息，包括编号、事件编号、事件名称、日志编号、日志名称、事件编号、事件名称、数量、状态等。应急事件实体的E-R如图3-8所示。

图3-8应急事件实体图

根据分析，系统中主要存在以下几个实体：用户、事件类型、事件、人员、事件查找、日志，它们之间的E-R图如图3-10所示。

图3-10数据库实体之间总E-R图

3.3.2数据表设计

系统主要由多个表组成，其表的设计主要根据系统功能来制定，其中包括用户表，事件类型表，事件信息表，日志表，人员表，事件表，处警表等构成，每个表的结构都是比较严谨的，需要根据功能的需求制定字段类型和长度。

用户表：主要是用户的基本信息。用户表作用是保存用的信息内容，当用户登陆时，用户输入信息，系统将用户输入的信息和数据库中的这个表作对比。如果账号密码相同，则用户登陆成功，可以进行下一步的操作，如表3-1所示。

表3-1用户表

事件类型表，记录事件类型的基本信息，这个表作为管理系统中最重要的一个表。事件类型的信息都被记录在这个表中，可以随时调取使用事件的类型信息。如表3-2所示。

表3-2事件类型表

下图是事件信息表，主要包括了编号、事件名称、事件类型、数量等信息构成，添加、修改、删除、查询都操作这个表来完成的，如表3-3所示。

表3-3事件信息表

日志信息表：这个表非常重要。这个表主要存储编号、名称、级别、日志内容、日志类型、状态、审核状态。日志信息表如表3-4所示。

表3-4日志信息表

人员信息表，记录人员的信息、包括编号、名称、接报时间、级别、人员人、人员人电话等信息，如表3-5所示。

表3-5人员信息表

事件信息表，包括编号、名称、时间、级别、状态、人员编号、人员人、人员电话、处警人、处警人电话等，所有的事件信息都是读取的这个表来完成的。事件信息表，如表3-6所示。

表3-6事件信息表

3.4本章小结

基于SSM的应急救援指挥的应急系统论文第三章说明网站的概要设计和详细设计，建立多种设计模型，分别介绍网站的功能模块设计和数据库表的设计。

4系统详细设计与实现

4.1登录功能的实现

下图为登陆模块流程图，详细流程为最开始用户输入账号密码，系统判断是否正确，正确显示登陆成功错误或者用户和密码其一为空则需重新输入账号密码。如图4-1所示。

图4-1登录流程面

下图界面是应急指挥系统的登录管理界面，登录界面主要是用来审核登陆者身份，把控系统安全的首要关口。图中主要包括了用户账户信息，密码信息，如果输入的账号密码用户表里不存在，那么则提示登录失败，需重新输入正确的账号密码。如图4-2所示。

图4-2登录主界面

代码如下：

<%@pagelanguage="java"contentType=“text/html;charset=UTF-8”

pageEncoding=“UTF-8”%>

<%@taglibprefix="c"uri=“http://java.sun.com/jsp/jstl/core”%>

<htmlxmlns=“http://www.w3.org/1999/xhtml”>

<metahttp-equiv="Content-Type"content=“text/html;charset=utf-8”/>

<metahttp-equiv="X-UA-Compatible"content=“IE=7”/>

<linkhref="css/main.css"rel="stylesheet"type="text/css"media=“all”/>

<scriptsrc="js/jquery-1.4.2.min.js"type=“text/javascript”>

应急事件查找是针对突发事件的频频发生，减少生命和财产损失的一项重要工作，在物资和信息事件有限的前提下，能够高效、合理的应对突发应急救援事件的能力。所以，应急救援指挥的应急系统应当能够为管理者和教师提供方便、快捷、安全、及时的查询方式以及数据的安全性。

用户登录也是本系统重要的部分，该模块主要是验证用户信息的正确性，与其他各个功能模块有着密不可分的关联，我们无论用哪种身份对系统进行操作时，都需要用身份去完成相应的操作。用户登录时序图如图3-2所示。

图3-2用户登录时序图

4.2人员信息管理功能的实现

以下截图是进行接处警的管理，直接操作的是接处警信息表的信息。页面布局主要包括编号、名称、接报时间、级别、人员人编号、人员人姓名、人员人电话、处警人编号、处警人姓名、处警人电话，同时布局了保存和返回按钮，下面介绍下该模块实现的主要过程和原理：首先，需要构建住户模块，通过页面设计工具Dreamweaver设计好，然后将其复制到开发工具当中，接着就是插入文本框控件和按钮控件，调整好使其显得美观得当。具体实现点击保存按钮时，将页面信息作为输入参数，调用inset接口方法，将入参的信息输入到insert方法，实现插入数据到数据库表中，点击返回按钮返回到接处警列表页面，人员信息管理如图4-6所示。

图4-6人员信息管理界面

代码如下：

<tdalign=“right”>名称：

<tdalign=“left”><inputname="name"type="text"class=“inputTextNormal"id=“textfield"value=””/><spanclass=“required”>*

<tdalign=“right”>接报时间：

<tdalign=“left”><inputname="createtime"type="text"class=“inputTextMiddle"id=“textfield2"value=””/><spanclass=“required”>*

<tdalign=“right”>级别：

<tdalign=“left”><selectname=“level”>

<optionvalue=“低”>低

<optionvalue=“高”>高

<spanclass=“required”>*

4.3应急事件功能的实现

4.3.1应急事件功能的实现

该图是从登陆界面登陆成功之后，进入到事件查看区域的截图。从截图可以看出，系统设计为以列表的形式展现事件信息，列表头部包含事件名称、创建时间、级别、处理状态、人员人、处警人、操作。下面介绍下该模块实现的主要过程和原理：首先，需要构建住户模块，应用Dreamweaver工具进行页面布局。页面加载事件信息，调用select数据方法接口，将返回数据结果集进行遍历，事件页面进行渲染显示。点击监督处理按钮调用handle方法接口进行事件监督处理。事件查看界面的系统截图如图4-7所示

图4-7应急事件列表界面

代码如下：

<tdalign=“right”>处警人编号：

<tdalign=“left”><inputname="cjid"type="text"class=“inputTextNormal"id=“textfield4"value=””/><spanclass=“required”>*

<tdalign=“right”>处警人姓名：

<tdalign=“left”><inputname="ciname"type="text"class=“inputTextMiddle"id=“textfield5"value=””/><spanclass=“required”>*

<tdalign=“right”>处警人电话：

<tdalign=“left”><inputname="cjtel"type="text"class=“inputTextMiddle"id=“textfield6"value=””/><spanclass=“required”>*

4.3.2事件修改功能的实现

根据用户输入的事件查询条件，进行事件信息的查询。事件查询流程图如图4-8所示。

图4-8事件查询流程图

用户在进行事件查询的时候，通过输入事件名称等条件进行事件的查询，页面布局条件搜索框和查询按钮，应用Dreamweaver工具进行页面美化和布局，单击查询按钮，调用按钮事件，然后调用selectWhere数据接口方法，将查询条件作为方法的入参，查询事件数据库，返回查询结果集进行页面渲染。

图4-8事件修改界面

代码如下：

<divclass=“btnBar”>

<ulclass=“clearfix”>

<%–

• <ahref="yuan-create.jsp"title="新增数据"class=“btnNormal”>新增
• –%>

  <%–

• <aid="excelOut"href="javascript:method5(‘tableToExcel’)"title="打印"class=“btnNormal”>打印
• –%>

  <tableborder="0"cellspacing="1"cellpadding="0"class="commonTable"id=“tableToExcel”>

  事件编号 事件名称

  <%–内容

  类型 状态 审核状态

  <thclass=“editColM”>操作–%>

  <c:forEachitems="${sjs}"var=“sj”>

  <tdalign=“center”>${sj.sjid}

  <tdalign=“left”>${sj.sjname}

  <%–<tdalign=“center”>${yuan.content}

  <tdalign=“left”>${yuan.type}

  <tdalign=“center”>${yuan.state}

  <tdalign=“center”>${yuan.shstate}

  <tdalign=“center”>

  4.4事件查找模块功能的实现

  4.4.1事件添加功能的实现

  管理员登录系统成功后，在新增事件界面输入事件相应信息，系统验证信息合法性，如不符合要求提示用户重新输入，如果符合数据验证要求将数据插入到数据库中。流程图如图4-9所示。

  

  图4-9新增事件流程图

  下面截图是系统事件管理新增模块截图，该模块功主要任务就是让用户通过填写事件名称、事件类型和数量，生成事件信息的过程。从界面截图来看，该住户模块主要包括的事件信息的名称、类型和数量等选项，另外添加了两个按钮，一个是保存按钮，一个是返回按钮。下面介绍下该模块实现的主要过程和原理：首先，需要构建事件查找模块，通过页面设计工具Dreamweaver设计好，然后将其复制到开发工具当中，接着就是插入文本框控件和按钮控件，调整好使其显得美观得当。其次就是设计实现的原理，单击保存按钮，进入按钮事件，然后调用insert数据接口方法，将信息插入到事件数据库表中，返回按钮返回事件管理的列表页面。下图就是事件管理的新增页面，如图4-10所示。

  

  图4-10事件管理新增界面

  代码如下：

  functiongetExplorer(){

  varexplorer=window.navigator.userAgent;

  //ie

  if(explorer.indexOf(“MSIE”)>=0){

  return’ie’;

  }

  //firefox

  elseif(explorer.indexOf(“Firefox”)>=0){

  return’Firefox’;

  }

  //Chrome

  
  

  网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

  需要这份系统化资料的朋友，可以戳这里获取

  一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

  块功主要任务就是让用户通过填写事件名称、事件类型和数量，生成事件信息的过程。从界面截图来看，该住户模块主要包括的事件信息的名称、类型和数量等选项，另外添加了两个按钮，一个是保存按钮，一个是返回按钮。下面介绍下该模块实现的主要过程和原理：首先，需要构建事件查找模块，通过页面设计工具Dreamweaver设计好，然后将其复制到开发工具当中，接着就是插入文本框控件和按钮控件，调整好使其显得美观得当。其次就是设计实现的原理，单击保存按钮，进入按钮事件，然后调用insert数据接口方法，将信息插入到事件数据库表中，返回按钮返回事件管理的列表页面。下图就是事件管理的新增页面，如图4-10所示。

  

  图4-10事件管理新增界面

  代码如下：

  functiongetExplorer(){

  varexplorer=window.navigator.userAgent;

  //ie

  if(explorer.indexOf(“MSIE”)>=0){

  return’ie’;

  }

  //firefox

  elseif(explorer.indexOf(“Firefox”)>=0){

  return’Firefox’;

  }

  //Chrome

  [外链图片转存中…(img-N3hJm2bb-1714500074027)]
  [外链图片转存中…(img-bHV29dwb-1714500074028)]

  网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

  需要这份系统化资料的朋友，可以戳这里获取

  一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！