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

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注大数据）

正文

(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参与者词汇表

序号	词汇	同义词	描述
1	操作员用户	操作员	操作员接收处理事件、日志管理、事件管理和数据统计等功能
2	专家用户	专家	专家对日志记录和应急事件报告进行评估和总结
3	领导用户	领导	领导对日志记录和应急事件报告进行评估和总结

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人员信息管理用例描述表

用例条目	输出
用例名称	人员信息管理
主要业务参与者	操作员
其他参与者
描述	操作员进行信息接收，接处警监督和事件查找操作
前置条件	访问人员信息管理模块
后置条件	人员信息管理增删改查操作成功
基本流程	操作员访问对应模块选择增删改查操作数据实时入库
替代流程	1.访问人员信息管理模块 2.数据访问失败
结束	数据操作成功
实现约束和说明	1.新增信息录入完整数据 2.修改信息需要获取选中行 3.删除信息需要获取选中行 4.查询信息需要获取数据源
其他事件流	无

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

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

用例条目	输出
用例名称	日志管理
主要业务参与者	操作员
其他参与者
描述	操作员维护日志事件，日志查询、日志提交、日志审核。
前置条件	访问登录日志模块
后置条件	日志管理增删改查操作成功
基本流程	操作员访问对应模块选择增删改查操作数据实时入库
替代流程	1.访问登录日志模块 2.数据访问失败
结束	日志管理数据维护成功

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

用例条目	输出
实现约束和说明	1.新增信息录入完整数据 2.修改信息需要获取选中行 3.删除信息需要获取选中行 4.查询信息需要获取数据源
其他事件流	无

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

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

用例条目	输出
用例名称	事件管理
主要业务参与者	操作员
其他参与者
描述	操作员进行事件类型维护、事件查找、资料查询统计、事件录入、事件配置
前置条件	访问事件查找模块
后置条件	事件管理增删改查操作成功
基本流程	用户访问对应模块选择增删改查操作数据实时入库
替代流程	1.访问事件查找模块 2.数据访问失败
结束	事件管理数据维护成功
实现约束和说明	1.录入数据要保证数据全面 2.更新操作需要获得选中行信息 3.删除操作需要获得选中行信息 4.所有操作要和数据库进行交互
其他事件流	无

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

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

用例条目	输出
用例名称	应急事件管理
主要业务参与者	操作员
其他参与者
描述	操作员维护推送消息的基本信息 用户可以查看随送消息的相关信息
前置条件	访问推应急事件管理
后置条件	推送消息管理增删改查操作成功
基本流程	管理员访问对应模块选择增删改查操作数据实时入库
替代流程	1.访问推应急事件管理 2.数据访问失败

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

用例条目	输出
结束	数据操作成功
实现约束和说明	1.新增信息录入完整数据 2.修改信息需要获取选中行 3.删除信息需要获取选中行 4.查询信息需要获取数据源
其他事件流	无

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

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

用例条目	输出
用例名称	数据统计
主要业务参与者	操作员
其他参与者	专家、领导
描述	操作员进行日志记录生成、日志记录统计、日志记录查询，领导和专家可以对日志记录和应急事件报告进行评估和总结
前置条件	访问数据统计模块
后置条件	数据统计增删改查操作成功
基本流程	用户访问对应模块选择增删改查操作数据实时入库
替代流程	1.访问数据统计模块 2.数据访问失败
结束	数据统计数据维护成功
实现约束和说明	1.录入数据要保证数据全面 2.更新操作需要获得选中行信息 3.删除操作需要获得选中行信息 4.所有操作要和数据库进行交互
其他事件流	无

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用户表

字段	类型	长度	是否为空	主键	备注
id	int	11	否	主键	编号
username	varchar	255	否		用户名
password	varchar	255	否		密码
b1	varchar	255	否		标识

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

表3-2事件类型表

字段	类型	长度	是否为空	主键	备注
id	int	11	否	主键	编号
name	varchar	255	否		事件类型名称

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

表3-3事件信息表

字段	类型	长度	是否为空	主键	备注
id	int	11	否	主键	编号
name	varchar	255	否		事件名称
type	varchar	255	否		事件类型
count	int	11	否		数量

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

表3-4日志信息表

字段	类型	长度	是否为空	主键	备注
id	int	11	否	主键	编号
name	varchar	255	否		名称
level	varchar	255	否		级别
content	varchar	255	否		日志内容
type	int	11	否		日志类型
state	varchar	255	否		状态
shstate	varchar	255	否		审核状态

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

表3-5人员信息表

字段	类型	长度	是否为空	主键	备注
id	int	11	否	主键	编号
name	varchar	255	否		名称
tel	varchar	20	否		人员电话
jdtime	datetime		否		人员时间
level	varchar	255	否		级别
jjname	varchar	255	否		人员人

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

表3-6事件信息表

字段	类型	长度	是否为空	主键	备注
id	int	22	否	主键	编号
name	varchar	20	否		名称
createtime	datetime		否		时间
level	varchar	20	否		级别
state	varchar	30	否		状态
jjid	int	11	否		人员编号
jjname	varchar	20	否		人员人
jjtel	varchar	20	否		人员电话
cjname	varchar	20	否		处警人
cjtel	varchar	20	否		处警人电话

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

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

  return’Chrome’;

  }

  4.4.2事件修改功能的实现

  事件信息的修改，输入要修改的事件信息项目，进行信息的更新。事件修改流程图如图4-11所示。

  

  图4-11事件修改流程

  用户在进行事件信息修改的时候，通过输入事件名称、事件类型和数量，页面布局应用input组件进行布局，同时布局button按钮。实现修改功能构建事件查找模块，应用Dreamweaver工具进行页面美化和布局，单击保存按钮，调用按钮事件，然后调用updateResources数据接口方法，将信息更新到事件数据库表中，返回按钮返回事件管理的列表页面。

  

  图4-11事件信息修改界面

  代码如下：

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

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

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

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

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

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

  --%>

  <divid=“formPageButton”>

• <ahref="javascript:insertSelective()"title="保存"class=“btnShort”>保存
• <ahref="javascript:window.history.go(-1)"title="返回"class=“btnShort”>返回

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

  需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注大数据）
  

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

  "jjid"type="text"class=“inputTextNormal"id=“textfield4"value=””/><spanclass=“required”>*

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

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

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

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

  --%>

  <divid=“formPageButton”>

• <ahref="javascript:insertSelective()"title="保存"class=“btnShort”>保存
• <ahref="javascript:window.history.go(-1)"title="返回"class=“btnShort”>返回

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

  需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注大数据）
  [外链图片转存中…(img-fVGatas5-1713387785687)]

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