ssm+mysql应急指挥平台-计算机毕业设计源码13263

2023-12-19

摘 要

科技进步的飞速发展引起人们日常生活的巨大变化,电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流,人类发展的历史正进入一个新时代。在现实运用中,应用软件的工作规则和开发步骤,采用Java技术建设应急指挥平台。

本设计主要实现集人性化、高效率、便捷等优点于一身的应急指挥平台,完成主页,个人资料(个人信息,密码修改),用户管理(管理员,系统用户),公告信息,事件上报,物资信息,队伍信息,应急预案,应急知识,分类管理等功能模块。系统通过浏览器与服务器进行通信,实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率,减少了数据存储上的错误和遗漏。应急指挥平台使用Java语言,采用基于 MVC模式的SSM技术进行开发,使用 Eclipse 2017 CI 10 编译器编写,数据方面主要采用的是微软的MySQL数据库来作为数据存储媒介,配合前台HTML+CSS 技术完成系统的开发。

关键词:应急指挥管理;SSM框架;Java语言;MySQL数据库

SSM Emergency Command Platform

Abstract

The rapid development of technology has caused tremendous changes in people's daily lives, and the rapid development of electronic information technology has popularized and applied the application level of electronic information technology in various fields. The arrival of the information age has become an unstoppable fashion trend, and the history of human development is entering a new era. In practical applications, the working rules and development steps of application software are constructed using Java technology to build an emergency command platform.

This design mainly implements an emergency command platform that combines the advantages of humanization, efficiency, and convenience. It completes functional modules such as homepage, personal information (personal information, password modification), user management (administrator, system user), announcement information, event reporting, material information, team information, emergency plan, emergency knowledge, and classification management. The system communicates with the server through a browser to achieve data interaction and changes. This system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient services. The emergency command platform is developed using Java language and SSM technology based on MVC mode, using the Eclipse 2017 CI 10 compiler. The data is mainly stored in Microsoft's MySQL database, and the system is developed in conjunction with front-end HTML+CSS technology.

Key words : emergency command and management; SSM framework; Java language; MySQL database

目  录

摘 要

Abstract

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

1.3 本文的组织结构

第2章 相关技术介绍

2.1 开发技术

2.2 SSM框架介绍

2.3 MVVM模式

2.4 B/S结构

2.5 MySQL数据库

2.6 Vue.js 主要功能

第3章 系统分析

3.1 可行性分析

3.1.1 技术可行性分析

3.1.2 经济可行性分析

3.1.3 操作可行性分析

3.2 功能需求分析

3.3 非功能需求分析

3.4 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统功能结构

4.3 功能模块设计

4.4 表单字段校验处理设计

4.5 系统维护设计

4.6 数据库设计

4.6.1 概念模型

4.6.2 数据表

第5章 系统实现

5.1 登录模块的实现

5.2 用户模块的实现

5.2.1 首页模块

5.2.2 应急知识模块

5.2.3 事件上报模块

5.3 管理员模块的实现

5.3.1 用户管理模块

5.3.2 物资信息管理模块

5.3.3 队伍信息管理模块

第6章 系统测试

6.1 测试目的

6.2 测试过程

6.3 测试结果

第7章 总结与展望

参考文献

致谢

  1. 绪论
    1. 研究背景与意义

突发公共事件给社会经济和人民生命安全造成极大威胁,尤其是近20年来发生得尤为频繁,例如2008年初的雨雪冰冻灾害,“5•12”汶川大地震,2019年的新冠肺炎疫情,对提高应急能力提出了非常迫切的需求。应急指挥平台建设是应急管理的一项基础性工作,它是以公共安全科技为核心,以信息技术为支撑,以应急管理流程为主线,软硬件相结合的突发公共事件应急保障技术系统,是实施应急预案的工具,它具备风险分析、信息报告、监测监控、预测预警、综合研判、辅助决策、综合协调与总结评估等功能。

党的十六届六中全会通过的《中共中央关于构建社会主义和谐社会若干重大问题的决定》明确提出,“要按照预防与应急并重、常态与非常态结合的原则,建立统一高效的应急信息平台”;《国务院关于全面加强应急管理工作的意见》(国发(2006)24号)明确提出,要“加快国务院应急指挥平台建设,完善有关专业应急指挥平台功能,推进地方人民政府综合应急指挥平台建设,形成连接各地区和各专业应急指挥机构、统一高效的应急指挥平台体系”。《国民经济和社会发展第十一个五年规划纲要》、《国家中长期科学和技术发展规划纲要(2006-2020)》和《国家突发公共事件总体应急预案》以及《“十一五”期间国家突发公共事件应急体系建设规划》(国办发(2006)106号)也都对应急指挥平台体系建设作出了相应部署。因此,设计开发一个应急指挥平台是非常有必要的。

    1. 开发现状

国内外对于应急平台的研究最早于2004年在清华大学等单位开展;2005年第二届中国电子政务论坛对应急平台的建设进行了交流,2006年全国应急管理大会上,清华大学介绍了国家应急平台体系建设的总体方案;2006年底,在国务院应急管理办公室的组织下,启动了“国家应急平台体系建设项目”和科技部“十一五”科技支撑计划“国家应急平台体系关键技术研发与应用示范”(2006-2008)。前者主要进行建设项目的实施;后者提供设计方案、标准规范、软件系统和数据库等关键技术支撑,以及10个部门应急平台和10个省级应急平台技术研发与示范。目前,各级政府有关部门在信息化建设过程中,已经逐步建立起服务于各自部门的应急指挥或应急信息系统,在防御重大灾害和事故方面发挥了重要作用,为全面实施国家应急平台体系建设创造了一定条件。在实际工作中,应急平台建设发展仍不平衡,应用功能不够完善,信息资源和平台系统尚未有效整合。

在国外,世界发达国家大力加强跨领域、跨部门的突发公共事件应急技术的研发和一体化应急平台的架构,普遍重视应急平台的风险分析、信息报告、监测监控、预测预警、综合研判、辅助决策、综合协调与总结评估等关键环节所需的关键技术。

“9·11”以后,美国大力加强应急资源整合、应急技术研发和集成应用,使应急平台具备资源共享、综合智能分析、统一规范的协调管理以及信息畅通的技术能力,为综合预测预警、形势通告、协调指挥等提供强大支撑。在英国,建立集成应急管理平台(IEM),增强应急机构间的协调与协作能力,通过有效的识别和管理各种突发事件的风险,使其拥有并维持世界一流的应对突发事件的能力。在德国,先后建立危机预防信息系统(deNIS和deNISII),为联邦和地方政府决策者的信息沟通、事件响应提供信息网络支持,更好地为突发事件的援救提供服务。在日本,灾害信息系统包括早期评价系统和应急对策支持系统,为政府快速、准确制定决策提供依据,为相关机构提供共享信息平台,其信息获取和传输覆盖了从首相官邸、到内阁府、到都道府县的行政机关和消防本部、到基层的村庄。

    1. 本文的组织结构

第一章是绪论,本文章的开头部分,对本题目的研究背景和研究意义等一些做文字性的描述。

第二章研究了应急指挥平台的所采用的开发技术和开发工具。

第三章是系统分析部分,包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。

第四章是系统设计部分,本文章的重要部分,提供了系统架构的详细设计和一些主要功能模块的设计说明。

第五章是系统的具体实现,介绍系统的各个模块的具体实现。

第六章在前几章的基础上对系统进行测试和运行。

最后对系统进行了认真的总结,以此对未来有一个新的展望。

  1. 相关技术介绍
    1. 开发技术

本系统前端部分基于MVVM模式进行开发,采用B/S模式,后端部分基于Java的SSM框架进行开发。

前端部分:前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信,Element UI组件库使页面快速成型,项目前端通过栅格布局实现响应式,可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分:采用SSM作为开发框架,同时集成MyBatis、Redis等相关技术。

    1. SSM框架介绍

SSM(Spring+SpringMVC+MyBatis)框架集由Spring、MyBatis两个开源框架整合而成(SpringMVC是Spring中的部分内容)。常作为数据源较简单的web项目的框架。

Spring:

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

Spring的核心思想是IoC(控制反转),即不再需要程序员去显式地`new`一个对象,而是让Spring框架帮你来完成这一切。

SpringMVC:

SpringMVC在项目中拦截用户请求,它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责,将用户请求通过HandlerMapping去匹配Controller,Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。

Mybatis:

mybatis是对jdbc的封装,它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件,Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时,通过sqlSessionFactory拿到一个sqlSession,再执行sql命令。

页面发送请求给控制器,控制器调用业务层处理逻辑,逻辑层向持久层发送请求,持久层与数据库交互,后将结果返回给业务层,业务层将处理逻辑发送给控制器,控制器再调用视图展现数据。

    1. MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验,如Silverlight、 音频视频3D动画 ……,这导致了软件UI层更加细节化、可定制化。同时,在技术层面,WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM(Model-View-ViewModel)框架的由来便是MVP(Model-View-Presenter) 模式 与WPF结合的应用方式时发展演变过来的一种新型架构 框架 。它立足于原有MVP框架并且把WPF的新特性糅合进去,以应对用户日益复杂的需求变化。

    1. B/S结构

B/S(Browser/Server)比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为用户端,那么工作就达到“瘦身”效果, 不需要考虑不停装软件的问题[9]。

    1. MySQL数据库

Mysql的语言是非结构化的,用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要 事务 化处理的情况下,MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单,但是功能和存储信息量很强大,所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的,为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强,功能强大,所以在实现某功能时只需要一小段代码,而不像其他程序需要编写大段代码。总体来说,Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室,它是在计算机上进行的,而不是现实中的储藏室。数据的存放是按固定格式,而不是无序的,其定义就是:长期有固定格式,可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行,一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立,可以对数据表中的数据进行调整,数据的重新组合及重新构造,保证数据的安全性。介于数据库的功能强大等特点,本系统的开发主要应用了Mysql进行对数据的管理。

    1. Vue.js 主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的 数据绑定 和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能驱动复杂的单页应用。

  1. 系统分析
    1. 可行性分析

本次设计基于B/S 模式下,运用Java技术,采用的是MySQL数据库和Eclipse实现,总体的可行性共分为以下三个方面。

      1. 技术可行性分析

所谓的技术可行性就是在限定时间,前期拟定的功能能否被满足。在开发设计上是否会遇上解决不了的问题。做完的项目能否被很好地应用,如果存在缺点在后期的维护上是否存在很大的难度。在对这个系统评估后,认定已存在的技术能达成目标。用Java技术来实现动态的页面,嵌入低依赖性的设计模式,灵活的数据库,配合稳定的服务器,整个系统的运行效率大大提升。由此可见,在技术层面达成目标不是非非之想。

      1. 经济可行性分析

在项目上使用的工具大部分都是是当下流行开源免费的,所以在开发前期,开发时用于项目的经费将会大大降低,不会让开发该软件在项目启动期受到经费的影响,所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费,以及设备费用。将在无纸化,高效率的道路上越走越远。

      1. 操作可行性分析

本系统实现功能的操作很简单,普通电脑的常见配置就可以运行本软件,并且只要粗通电脑使用的基本常识就可以流畅的使用本软件。电脑具备连接互联网的能力,并且可以正常访问系统,并不需要操作者有什么高超的能力,只需了解业务流程,并且按照专业知识进行正确操作即可,所以应急指挥平台具备操作可行性。

    1. 功能需求分析

在系统开发设计前,应该对功能做初步设想,清楚这个管理系统有什么板块,每个板块有什么功能,整体的设计是否满足使用者的需求,接着对所开发的系统功能进行的详细分析总结,从而设计出完整的系统并将其实现。用户和开发人员的交流分析,使其达到最佳理解程度,使系统功能达到最佳。

系统用户用例图如下所示。

图3-1 系统用户用例图

管理员用例图如下所示。

图3-2 管理员用例图

应急指挥平台在对需求做解析后,整个系统主要分为两个部分:管理员和系统用户,每个模块下的分支功能不一样。对功能做出如下说明:

系统用户模块:

登录模块:账号登录认证。

个人资料:管理个人资料信息,修改可修改的信息项。

事件上报:查看或上报紧急事件。

应急预案:查看管理员发布的应急预案。

管理员模块:

添加、维护系统用户的账号,可以对用户账号进行增删改操作。

登录模块:账号登录认证。

个人资料:管理个人资料信息,修改可修改的信息项。

事件上报:管理用户提交的事件上报。

应急预案:管理员维护管理应急预案信息。

    1. 非功能需求分析

系统非功能需求有非常多,比如性能需求、可承载最大用户数、稳定性、易用性需求等。本系统分析时考虑到易用性需求,因为系统是给人使用的,所以必须充分从用户的角度出发,考虑用户体验,使系统易理解易上手易操作。

    1. 数据流程分析

一层数据流程图包括了登录、用户功能和检索维护等模块,在登录模块使用到的数据存储有用户账户文档,用户功能模块需要的存储是用户各功能模块数据文档,检索维护是使用以上这些数据文档通过关键词进行检索。

系统的一层数据流图如下图所示。

图3-2系统数据流图(一层)

二层数据流程是对一层数据流层图中填写登录信息、用户功能的细化。即:用户管理,公告信息,事件上报,物资信息,队伍信息,应急预案,应急知识,分类管理查询等操作。

  1. 系统设计
    1. 系统架构设计

目前B/S体系的系统主要的数据访问方式是:通过浏览器页面用户可以进入系统,系统可以自动对用户向服务器发送的请求进行处理,处理请求是在系统后台中进行的,用户在浏览器页面上进行相应操作,就能够看到服务端传递的处理结果。应急指挥平台主要分为视图-模型-控制三层架构设计。在视图层中,主要是操作在服务器端向客户端反馈并显示的数据,在模型层中,主要处理相关的业务逻辑、数据整合等,最后的控制层它介于视图和模型之间,主要是调整两层之间的关系,最终落实数据的传递。

系统架构图如下图所示。

图4-1系统架构图

    1. 系统功能结构

系统设计的目的是分析系统包括的所有功能结构,为开发人员设计开发和实现系统做好准备工作。经过前期的需求调查、分析和整理之后,确定的总体需求主要包括多个模块,分别是:主页,个人资料(个人信息,密码修改),用户管理(管理员,系统用户),公告信息,事件上报,物资信息,队伍信息,应急预案,应急知识,分类管理等。系统整体角色分为两个部分,一是系统用户、二是管理员。权限分布也是很明显,系统用户是在除去浏览信息之外还具有查询和管理自己账户信息,公告信息,事件上报,应急预案,应急知识等权限;管理员是最高权限拥有者。

系统功能结构图如下图所示。

图4-2系统功能结构图

    1. 功能模块设计

用户管理模块

该模块是为所有用户登录设计的,如系统用户登录后只能进行自己的普通功能操作(如个人信息修改),管理员能对整个系统的数据进行管理,主要是用户的登录权限以及用户登录后在系统里的操作权限。

事件上报模块

系统用户和事件信息存在申请关系,关系为一对多,根据编号来将事件作数据传入到预定数据中,操作人为系统用户,然后生成事件列表。

应急预案模块

系统用户和预案信息存在查阅关系,关系为一对多,根据编号来将事件数据传入到预案数据中,操作人为管理员,然后生成预案信息列表。

    1. 表单字段校验处理设计

1.出错信息类型

出错信息类型包括:

A 未输入必填项;

B 应输入合法字符或数字却输入非法字符或数字;

C 对空数据表进行更改或删除操作;

D 向要求唯一值的关键字段添加重复值。

2.出错处理对策

对于错误A,系统要求用户输入非空值。

对于错误B,系统要求用户输入合法字符。

对于错误C,系统提示数据表无记录可更改或删除。

对于错误D,系统要求用户输入非重复值。

    1. 系统维护设计

应急指挥平台是个现代化的高度集成的综合信息系统,系统主要服务对象为用户,最大化在页面中提供多的信息,因此在系统维护上,数据量较大,整体的维护设计如下:

(1)代码的维护:部署在云服务器上或本地服务器,通过SVN或FTP保持版本更新迭代。

(2)功能增加:功能升级在必要的前提下。

(3)数据维护:根据安全性等需求,定期对数据库进行人工备份。

    1. 数据库设计
      1. 概念模型

对于一个要开发的系统来说,E-R图可以让别人能更快更轻松的了解此系统的事务及它们之间的关系。根据系统分析阶段所得出的结论确定了在应急指挥平台中存在着多个实体分别是用系统用户、管理员、事件、应急预案,应急知识等。

系统总体ER图如下图所示。

图4-4系统总体ER图

      1. 数据表

数据库逻辑结构就是将E-R图在数据库中用具体的字段进行描述。用字段和数据类型描述来使对象特征实体化,最后形成具有一定逻辑关系的数据库表结构。应急指挥平台所需要的部分数据结构表如下表所示。

表access_token (登陆访问时长)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

token_id

int

10

N

Y

临时访问牌ID

2

token

varchar

64

Y

N

临时访问牌

3

info

text

65535

Y

N

4

maxage

int

10

N

N

2

最大寿命:默认2小时

5

create_time

timestamp

19

N

N

CURRENT_TIMESTAMP

创建时间:

6

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间:

7

user_id

int

10

N

N

用户编号:

表announcement_information (公告信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

announcement_information_id

int

10

N

Y

公告信息ID

2

announcement_no

varchar

64

Y

N

公告编号

3

announcement_title

varchar

64

Y

N

公告标题

4

publisher

varchar

64

Y

N

发布人

5

release_date

date

10

Y

N

发布日期

6

announcement_content

text

65535

Y

N

公告内容

7

recommend

int

10

N

N

智能推荐

8

create_time

datetime

19

N

N

CURRENT_TIMESTAMP

创建时间

9

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间

表auth (用户权限管理)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

auth_id

int

10

N

Y

授权ID:

2

user_group

varchar

64

Y

N

用户组:

3

mod_name

varchar

64

Y

N

模块名:

4

table_name

varchar

64

Y

N

表名:

5

page_title

varchar

255

Y

N

页面标题:

6

path

varchar

255

Y

N

路由路径:

7

position

varchar

32

Y

N

位置:

8

mode

varchar

32

N

N

_blank

跳转方式:

9

add

tinyint

3

N

N

1

是否可增加:

10

del

tinyint

3

N

N

1

是否可删除:

11

set

tinyint

3

N

N

1

是否可修改:

12

get

tinyint

3

N

N

1

是否可查看:

13

field_add

text

65535

Y

N

添加字段:

14

field_set

text

65535

Y

N

修改字段:

15

field_get

text

65535

Y

N

查询字段:

16

table_nav_name

varchar

500

Y

N

跨表导航名称:

17

table_nav

varchar

500

Y

N

跨表导航:

18

option

text

65535

Y

N

配置:

19

create_time

timestamp

19

N

N

CURRENT_TIMESTAMP

创建时间:

20

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间:

表classification_management (分类管理)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

classification_management_id

int

10

N

Y

分类管理ID

2

knowledge_classification

varchar

64

Y

N

知识分类

3

classification_description

text

65535

Y

N

分类描述

4

recommend

int

10

N

N

智能推荐

5

create_time

datetime

19

N

N

CURRENT_TIMESTAMP

创建时间

6

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间

表emergency_knowledge (应急知识)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

emergency_knowledge_id

int

10

N

Y

应急知识ID

2

title_name

varchar

64

Y

N

标题名称

3

knowledge_classification

varchar

64

Y

N

知识分类

4

knowledge_label

varchar

64

Y

N

知识标签

5

knowledge_introduction

text

65535

Y

N

知识简介

6

knowledge_content

longtext

2147483647

Y

N

知识内容

7

recommend

int

10

N

N

智能推荐

8

create_time

datetime

19

N

N

CURRENT_TIMESTAMP

创建时间

9

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间

表emergency_plan (应急预案)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

emergency_plan_id

int

10

N

Y

应急预案ID

2

event_name

varchar

64

Y

N

事件名称

3

report_user

int

10

Y

N

上报用户

4

user_name

varchar

64

Y

N

用户姓名

5

contact_number

varchar

64

Y

N

联系电话

6

event_location

text

65535

Y

N

事件位置

7

event_content

text

65535

Y

N

事件内容

8

plan_type

varchar

64

Y

N

预案类型

9

executive_team

varchar

64

Y

N

执行队伍

10

emergency_supplies

varchar

64

Y

N

应急物资

11

plan_content

text

65535

Y

N

预案内容

12

treatment_measures

text

65535

Y

N

处理措施

13

recommend

int

10

N

N

智能推荐

14

create_time

datetime

19

N

N

CURRENT_TIMESTAMP

创建时间

15

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间

表hits (用户点击)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

hits_id

int

10

N

Y

点赞ID:

2

user_id

int

10

N

N

点赞人:

3

create_time

timestamp

19

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

Y

N

来源表:

6

source_field

varchar

255

Y

N

来源字段:

7

source_id

int

10

N

N

来源ID:

表incident_reporting (事件上报)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

incident_reporting_id

int

10

N

Y

事件上报ID

2

event_name

varchar

64

Y

N

事件名称

3

report_user

int

10

Y

N

上报用户

4

user_name

varchar

64

Y

N

用户姓名

5

contact_number

varchar

64

Y

N

联系电话

6

event_location

text

65535

Y

N

事件位置

7

event_content

text

65535

Y

N

事件内容

8

processing_progress

varchar

64

Y

N

处理进度

9

progress_description

text

65535

Y

N

进度描述

10

recommend

int

10

N

N

智能推荐

11

create_time

datetime

19

N

N

CURRENT_TIMESTAMP

创建时间

12

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间

表material_information (物资信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

material_information_id

int

10

N

Y

物资信息ID

2

item_no

varchar

64

Y

N

物资编号

3

item_name

varchar

64

Y

N

物资名称

4

material_quantity

varchar

64

Y

N

物资数量

5

material_picture

varchar

255

Y

N

物资图片

6

material_introduction

text

65535

Y

N

物资介绍

7

recommend

int

10

N

N

智能推荐

8

create_time

datetime

19

N

N

CURRENT_TIMESTAMP

创建时间

9

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间

表system_user (系统用户)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

system_user_id

int

10

N

Y

系统用户ID

2

user_name

varchar

64

Y

N

用户姓名

3

user_gender

varchar

64

Y

N

用户性别

4

examine_state

varchar

16

N

N

已通过

审核状态

5

recommend

int

10

N

N

智能推荐

6

user_id

int

10

N

N

用户ID

7

create_time

datetime

19

N

N

CURRENT_TIMESTAMP

创建时间

8

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间

表team_information (队伍信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

team_information_id

int

10

N

Y

队伍信息ID

2

team_no

varchar

64

Y

N

队伍编号

3

team_name

varchar

64

Y

N

队伍名称

4

team_status

varchar

64

Y

N

队伍状态

5

number_of_teams

varchar

64

Y

N

队伍人数

6

team_introduction

text

65535

Y

N

队伍介绍

7

recommend

int

10

N

N

智能推荐

8

create_time

datetime

19

N

N

CURRENT_TIMESTAMP

创建时间

9

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间

表upload (文件上传)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

upload_id

int

10

N

Y

上传ID

2

name

varchar

64

Y

N

文件名

3

path

varchar

255

Y

N

访问路径

4

file

varchar

255

Y

N

文件路径

5

display

varchar

255

Y

N

显示顺序

6

father_id

int

10

Y

N

父级ID

7

dir

varchar

255

Y

N

文件夹

8

type

varchar

32

Y

N

文件类型

表user (用户账户:用于保存用户登录信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

user_id

mediumint

8

N

Y

用户ID:[0,8388607]用户获取其他与用户相关的数据

2

state

smallint

5

N

N

1

账户状态:[0,10](1可用|2异常|3已冻结|4已注销)

3

user_group

varchar

32

Y

N

所在用户组:[0,32767]决定用户身份和权限

4

login_time

timestamp

19

N

N

CURRENT_TIMESTAMP

上次登录时间:

5

phone

varchar

11

Y

N

手机号码:[0,11]用户的手机号码,用于找回密码时或登录时

6

phone_state

smallint

5

N

N

手机认证:[0,1](0未认证|1审核中|2已认证)

7

username

varchar

16

N

N

用户名:[0,16]用户登录时所用的账户名称

8

nickname

varchar

16

Y

N

昵称:[0,16]

9

password

varchar

64

N

N

密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成

10

email

varchar

64

Y

N

邮箱:[0,64]用户的邮箱,用于找回密码时或登录时

11

email_state

smallint

5

N

N

邮箱认证:[0,1](0未认证|1审核中|2已认证)

12

avatar

varchar

255

Y

N

头像地址:[0,255]

13

create_time

timestamp

19

N

N

CURRENT_TIMESTAMP

创建时间:

表user_group (用户组:用于用户前端身份和鉴权)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

group_id

mediumint

8

N

Y

用户组ID:[0,8388607]

2

display

smallint

5

N

N

100

显示顺序:[0,1000]

3

name

varchar

16

N

N

名称:[0,16]

4

description

varchar

255

Y

N

描述:[0,255]描述该用户组的特点或权限范围

5

source_table

varchar

255

Y

N

来源表:

6

source_field

varchar

255

Y

N

来源字段:

7

source_id

int

10

N

N

来源ID:

8

register

smallint

5

Y

N

注册位置:

9

create_time

timestamp

19

N

N

CURRENT_TIMESTAMP

创建时间:

10

update_time

timestamp

19

N

N

CURRENT_TIMESTAMP

更新时间:

  1. 系统实现
    1. 登录模块的实现

系统的登录窗口是用户的入口,用户只有在登录成功后才可以进入访问。通过在登录提交表单,后台处理判断是否为合法用户,进行页面跳转,进入系统中去。

登录合法性判断过程:用户输入账号和密码后,系统首先确定输入输入数据合法性,然后发送登录请求,调用src下的mainctrl类的dopost方法来验证。

用户登录模块的IPO如下所示:

输入:用户名和密码。

处理:

1)检测用户输入的账号、密码是否正确及在数据库已对应存在。

2)从数据库中提取记录,并储存在本地的session中(timeout默认=30min)。

3)根据用户名,将其显示在系统首页上。

输出:是否成功的信息。

登录流程图如下所示。

图5-1登录流程图

系统登录界面如下所示。

图5-2系统登录界面

用户登录的逻辑代码如下。

if(ac.equals("adminlogin"))

{

String username = request.getParameter("username");

String password = request.getParameter("pwd");

String utype = request.getParameter("cx");

request.setAttribute("random", "");

go("/login.jsp", request, response);

else{

String sql1 = "select * from allusers where username='"+username+"' and pwd='"+password+"'  ";

List<HashMap> userlist1 = dao.select(sql1);

if(userlist1.size()==1)

{

request.getSession(). setAttribute("username", userlist1.get(0).get("username"));

request.getSession(). setAttribute("cx",  userlist1.get(0).get("cx"));

gor("main.jsp", request, response);

}else{

request.setAttribute("error", "");

go("/login.jsp", request, response);

}

}

}

    1. 用户模块的实现
      1. 首页模块

系统呈现出一种简洁大方的首页:界面简约、鳞次栉比,用户能轻车熟路的使用。出于对系统使用群体广泛的顾虑,应有良好性能的后台。

如下图所示为系统的首页界面。

图5-3系统首页界面

其中载入前台页面的主要代码如下。

<td><%@ include file="qttop.jsp"%></td>

<td><%@ include file="qtleft.jsp"%></td>

<td><%@ include file="qtdown.jsp"%></td>

      1. 应急知识模块

用户在此页面可以通过搜索标题的方式查找应急知识信息,可以查看标题,分类,标签,简介等详细信息。可以进行重置,添加等等操作。如下所示。

图5-4应急知识查阅界面

图5-5应急知识发布界面

应急知识发布关键代码如下所示。

Connection conn = this.getConn();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery("select * from "+tablename);

ResultSetMetaData rsmd = rs.getMetaData();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(rsmd.getColumnName(j).equals("id"))continue;

if(rsmd.getColumnName(j).equals("ID"))continue;

if(rsmd.getColumnName(j).equals("iD"))continue;

if(rsmd.getColumnName(j).equals("Id"))continue;

typemap.put(rsmd.getColumnName(j)+"---", rsmd.getColumnTypeName(j));

collist.add(rsmd.getColumnName(j));

sql+=rsmd.getColumnName(j)+",";

}

sql = sql.substring(0,sql.length()-1);

sql+=") values(";

rs.close();

st.close();

} catch (SQLException e) {

e.printStackTrace();

}

      1. 事件上报模块

用户在此页面可以查看事件名称,上报用户,姓名,电话等详细事件信息。可以进行重置,新增等操作。如下所示。

图5-6新增流程图

图5-7事件信息界面

图5-8上报事件界面

关键代码如下所示。

Connection conn = this.getConn();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery("select * from "+tablename);

ResultSetMetaData rsmd = rs.getMetaData();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(rsmd.getColumnName(j).equals("id"))continue;

if(rsmd.getColumnName(j).equals("ID"))continue;

if(rsmd.getColumnName(j).equals("iD"))continue;

if(rsmd.getColumnName(j).equals("Id"))continue;

typemap.put(rsmd.getColumnName(j)+"---", rsmd.getColumnTypeName(j));

collist.add(rsmd.getColumnName(j));

sql+=rsmd.getColumnName(j)+",";

}

sql = sql.substring(0,sql.length()-1);

sql+=") values(";

rs.close();

st.close();

} catch (SQLException e) {

e.printStackTrace();

}

    1. 管理员模块的实现
      1. 用户管理模块

用户在yhzhgl查看用户信息,先使用sql语句查询出所有用户表的数据,然后调用PageManager.getPages(url,4,sql, request ),返回一个ArrayList的对象,在for循环里,使用jsp得到每个ArrayList对象的数据,在jsp页面中解析ArrayList对象,得到其各个键值对的值。

用户管理界面如下图所示。

图5-9用户管理界面

用户管理关键代码如下所示。

public List<HashMap> select(String sql)

{

System.out.println(sql);

List<HashMap> list = new ArrayList();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery(sql);

ResultSetMetaData rsmd = rs.getMetaData();

while(rs.next())

{

HashMap map = new HashMap();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(!rsmd.getColumnName(j).equals("ID"))

{

String str = rs.getString(j)==null?"": rs.getString(j);

if(str.equals("null"))str = "";

map.put(rsmd.getColumnName(j), str);

}

else

map.put("id", rs.getString(j));

}

list.add(map);

}

rs.close();

st.close();

} catch (SQLException e) {

// TODO Auto-generated catch block

if(sql.equals("show tables"))

list = select("select table_name from   INFORMATION_SCHEMA.tables");

else

e.printStackTrace();

}

return list;

}

      1. 物资信息管理模块

管理员在此页面可以查看物资编号,名称,数量,图片等信息。可以进行重置,新增等操作。如下所示。

图5-10物资信息管理流程图

图5-11物资信息添加界面图

      1. 队伍信息管理模块

管理员在此页面可以查看队伍编号,名称,状态,人数等详细信息。可以进行查询,重置,删除,新增等操作。如下所示。

工作信息添加界面如下图所示。

图5-12队伍信息管理界面

添加界面如下图所示。

图5-13队伍信息添加界面

添加关键代码如下所示。

Connection conn = this.getConn();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery("select * from "+tablename);

ResultSetMetaData rsmd = rs.getMetaData();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(rsmd.getColumnName(j).equals("id"))continue;

if(rsmd.getColumnName(j).equals("ID"))continue;

if(rsmd.getColumnName(j).equals("iD"))continue;

if(rsmd.getColumnName(j).equals("Id"))continue;

typemap.put(rsmd.getColumnName(j)+"---", rsmd.getColumnTypeName(j));

collist.add(rsmd.getColumnName(j));

sql+=rsmd.getColumnName(j)+",";

}

sql = sql.substring(0,sql.length()-1);

sql+=") values(";

rs.close();

st.close();

} catch (SQLException e) {

e.printStackTrace();

}

  1. 系统测试
    1. 测试目的

在对该系统进行完详细设计和编码之后,就要对应急指挥平台的程序进行测试,检测程序是否运行无误,反复进行测试和修改,使之最后成为完整的软件,满足用户的需求,实现预期的功能。

    1. 测试过程

在软件的测试过程中,通常测试人员需要针对不同的功能模块设计多种测试用例。通过测试用例能够及时发现代码业务逻辑上是否与真实的业务逻辑相对应,及时发现代码上或逻辑上的缺陷,以此来来完善系统,提高软件产品的质量,使软件具有良好的用户体验。

登录测试用例表如下所示。

表6-1登录测试用例

测试性能

用户或操作员登录系统

用例目的

测试用户或操作员登录系统时功能是否正常

前提条件

进入用户登录页面或操作员登录页面

输入条件

预期输出

实际情况

各项信息不予填写,直接点击登陆按钮

不允许登录,提示填写账号相关信息

一致

填写错误的登录名或密码后点击登录系统

提示用户名或密码错误,要求重新填写进行登录

一致

填写与验证码信息不一致的信息

系统显示出提示信息,表明验证码错误,要求重新填写

一致

    1. 测试结果

经过对此系统的测试,得出该系统足以满足用户日常需求,在功能项目和操作等方面也能满足操作员对于其他用户的管理。但是,还有很多功能有待添加,这个系统仅能满足大部分的需求,还需要对此系统的功能更进一步的完善,这样使用起来才能更加的完美。

  1. 总结与展望

通过应急指挥平台的开发,本人巩固了之前学过的知识,如今将平时所学到的知识融合在设计中,在设计过程中,做了很多的准备,首先,在数据库系统的设计过程中,尤其是在数据库的工作原理、工作特点,对其深刻的讨论,与此同时,对于小型站点来说,最好服务器的选择,其次,利用所学的知识点分析所做的系统,并在此基础上设计。

目前本系统已经上线,正在试运行阶段,用户反馈良好,基本完成用户所需,试运行过程中没有出现阻断性问题,有一些不足和小问题也及时予以修正,系统上线后,为了保证数据的安全性,对系统进行了备份操作,系统备份是每两个月备份一次,数据库备份为每周备份一次,系统部署在租赁的云平台服务器中。

本次系统上线成功后,得到了用户的高度认可,但是在功能上和性能上还需做进一步的研究处理,使其有更高的性能和更好的用户体验。

系统在以后的升级过程中,需要解决一系列用户所提出的问题,例如打印过程中如何避免浏览器的兼容性问题,大量用户访问时,如何保持较高的响应速度,在系统今后的升级过程中将着重解决这些安全性问题。

参考文献

[1]皇甫若桐.基于SSM的环境监测管理系统设计[J].集成电路应用,2023,40(02):340-341.DOI:10.19339/j.issn.1674-2583.2023.02.148.

[2]赵静.基于SSM+VUE框架的企业合规管理系统[J].数字通信世界,2022(11):17-19.

[3]李滕飞,王艳萍.基于SSM架构的专业职业病体检管理系统的设计与实现[J].网络安全技术与应用,2022(11):44-46.

[4]定美辰.基于无人机的城市交通应急指挥系统设计[J].信息记录材料,2022,23(10):226-229.DOI:10.16009/j.cnki.cn13-1295/tq.2022.10.041.

[5]Zheng Hongying. A Study on the Design of English Speaking Examination System Based on SSM Framework[J]. Journal of Sensors,2022,2022.

[6]刘源昭,陈伟,曹俊杰,李鹏宇,李英杰,许一靖,孙浩铭.基于SSM架构的图书管理系统[J].山西电子技术,2022(03):61-63+76.

[7]彭婷.基于SSM框架的客户关系管理系统的设计与实现[J].信息与电脑(理论版),2022,34(08):137-139.

[8]陈恒,陈淑丽.基于SSM框架的学生档案管理系统的设计与实现[J].电脑知识与技术,2022,18(10):42-43+47.DOI:10.14004/j.cnki.ckt.2022.0747.

[9]贾博文.关于计算机技术在电力应急指挥系统设计中的运用[J].新型工业化,2022,12(02):198-200.DOI:10.19335/j.cnki.2095-6649.2022.02.065.

[10]冯子充,秘伟,郭晓利.基于SSM架构的物流公司信息管理系统的设计[J].电脑知识与技术,2022,18(04):24-26.DOI:10.14004/j.cnki.ckt.2022.0253.

[11]朱彬,童颖飞,陈剑,肖苏飞.基于SSM的党建管理系统设计与实现[J].信息与电脑(理论版),2022,34(02):148-151.

[12]李春生,李朝霞,刘涛,胡亚楠.基于SSM的科研室管理系统的研究与设计[J].计算机技术与发展,2021,31(12):148-154.

[13]杨光辉,王刚.电力应急指挥系统设计及其关键技术研究[J].信息技术,2021(11):93-98+104.DOI:10.13274/j.cnki.hdzj.2021.11.017.

[14]王宇,夏丽丽,何颖刚.基于SSM框架的高校毕业论文管理系统的设计与实现[J].电子技术与软件工程,2021(22):26-29.

[15]强力,李灶娥,魏丹丹,林虎,廖莎.SSM框架下的果蔬信息管理系统设计[J].福建电脑,2021,37(09):99-101.DOI:10.16707/j.cnki.fjpc.2021.09.027.

[16]李新亮,刘玉磊.基于北斗导航系统的无人机应急指挥系统设计[J].软件,2021,42(02):118-120.

[17]. Design and Implementation of ERP System Based on SSM Framework[J]. ,2020,440(5).

[18]Ping Wanxin,Chen Yuankun,Hou Xiaoyan. Design of Campus Bicycle Rental Management System Based on SSM Framework[J]. Journal of Physics: Conference Series,2019,1314.

[19]Jihong W,Junmei W,Dongling S. Design and Research of University International Cooperation Office Platform Based on SSM Framework[C]//Jilin Province Science and Technology (S&T) Innovation Center for Physical Simulation and Security of Water Resources and Electric Power Engineering,The Cooperative Innovation Center of Wind Power Equipment and Energy Conversion, Hunan Institute of Engineering,St. John’s University,Hunan Internet of Things Association.Proceedings of 2019 International Conference on Virtual Reality and Intelligent Systems (ICVRIS 2019) Volume I.Proceedings of 2019 International Conference on Virtual Reality and Intelligent Systems (ICVRIS 2019) Volume I,2019:229-232.DOI:10.26914/c.cnkihy.2019.011418.

[20]Lu D,Qiu Y,Qian C, et al. Design of Campus Resource Sharing Platform based on SSM Framework[C]//博思学术交流中心.Proceedings of the 2nd International Seminar on Computational Intelligence, Engineering and Technology(SCIET2018 ).Proceedings of the 2nd International Seminar on Computational Intelligence,2018:477-482.

致谢

伴随着设计的完成,大学生涯也随之即将结束。大学期间是我最珍惜的时光,大学时光中学会了很多,也成长了很多,这段时光中每一段回忆都刻在脑海中。感谢一起学习,一起成长同学们,和成长过程悉心教导的老师们,非常感激有你们的陪伴。

首先感谢我的指导老师,设计的完成离不开老师的一系列指导。在毕业设计的完成过程中,老师给出了很多中肯的建议,正是由于老师一丝不苟的工作态度,我的设计才能顺利的完成。

最后,感谢在大学生涯中每一位教导我的老师,是你们教给了我丰富的知识,更教会了我遇到问题时,如何去应对并解决。谢谢你们的帮助与支持。

免费领取项目源码,请关注❥点赞收藏并私信博主,谢谢~

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ssm+mysql应急指挥平台-计算机毕业设计源码13263 的相关文章

  • 删除 mysql 数据库中超过 3 个月的行的作业

    我们使用 mysql 服务器作为集中式日志系统 我希望有一项工作来定期删除 清理超过 3 个月的表条目 做这个的最好方式是什么 提前致谢 hinling 您是否在字段中存储项目的创建日期 If so DELETE FROM myTable
  • MySQL - 从表中删除空值行

    我有一张桌子 user 有超过 60 列 其中一列的名称是 用户名 我想删除其中的行username字段为空或NULL 我怎样才能做到这一点 谢谢你 Try this DELETE FROM user WHERE username IS N
  • 如何将模糊屏幕设置为整页并在点击页面时转到顶部

    CSS1 有效 parentDisable z index 2000 width 100 height 100 display none position absolute left 0 background url images btra
  • MySQL 获取时间优化

    o我有一个包含 200 万个寄存器的表 但它很快就会增长得更多 基本上 该表包含具有相应描述符的图像的兴趣点 当我尝试执行选择在空间上靠近查询点的点的查询时 总执行时间花费太长 更准确地说 持续时间 获取 0 484 秒 27 441 秒
  • 更新\插入数据从grafana到mysql

    可以从grafana更新数据或插入数据到mysql 我需要使用 UI 在 mysql 中插入 更新信息 现在我已经在使用grafana 所以想知道是否有任何方法可以使用grafana来更新或插入信息 没有用于获取用户输入并将该数据插入 My
  • 如何用纯JavaScript控制变换距离

    我做的http codepen io adamchenwei pen dOvJNX http codepen io adamchenwei pen dOvJNX 我尝试对 dom 应用某种移动方式 使其移动固定距离并停止 而不是动画并移动穿
  • PHP实现的机票预订系统

    如何防止预订系统中的座位被重复预订 我正在用 PHP 和 MYSQL 制作一个航空旅行预订系统模型作为一个项目 我有一个小问题 仅在付款后 门票和座位详细信息才会永久存储在此处 座位号在付款前分配 假设人 1 预订了飞机上的座位 x 并支付
  • PHP MySQL 查询带有 %s 和 %d

    SELECT COUNT AS test FROM s WHERE id d AND tmp mail lt gt 什么是 s and d for 这些是使用的格式符号 例如经过sprintf 例子 Output SELECT COUNT
  • 我的整个 Rails 应用程序仅从一个文件获取 css 为什么

    我为两个控制器添加了不同的 css 文件 但我的整个应用程序仅从product css 我为两个控制器添加了不同的 css 文件 但我的整个应用程序仅从product css我为两个控制器添加了不同的 css 文件 但我的整个应用程序仅从p
  • 混合混合模式:乘法在 Chrome 中不起作用

    我正在尝试使用mix blend mode multiply在 Chrome 上 但它无法按预期工作 当我添加时magenta cyan and yellow在一起它不会给我黑色但brown https i stack imgur com
  • java中如何知道一条sql语句是否执行了?

    我想知道这个删除语句是否真的删除了一些东西 下面的代码总是执行 else 是否删除了某些内容 执行此操作的正确方法是什么 public Deleter String pname String pword try PreparedStatem
  • 如何使用 jQuery 在按下按钮后保持按钮处于活动状态

    我见过一些非常相似的问题 但一直无法找到我正在寻找的答案 我已经确定了解决方法 但想知道执行该任务的正确方法 我想要的是单击按钮并使活动状态保持不变 下一次单击将切换状态 这是所需的 我真正需要知道的是如何解决 uiButton activ
  • 如何在 MySQL Insert 语句中添加 where 子句?

    这不起作用 INSERT INTO users username password VALUES Jack 123 WHERE id 1 有什么想法如何通过 id 将插入范围缩小到特定行吗 在插入语句中 您不会有现有行来执行 where 语
  • MySQL中如何存储小数?

    我尝试过将 DECIMAL 与 2 2 一起使用 但它不允许我使用它 我只想存储一个数字 例如 7 50 或 10 50 我需要将这两个数字保留在小数点后 但是当我刷新数据库时 它会将值重置为 0 99 有什么建议么 第一个参数DECIMA
  • 如何更改元素的 CSS 类并在单击时删除所有其他类

    我如何处理 AngularJS 2 中的一种情况 即单击一个元素需要更改其自己的样式 并且如果其他元素具有该样式 则需要将其删除 最好在一个函数中 如同Angular js 如何在单击时更改元素 css 类并删除所有其他元素 https s
  • CSS:理解和调整字体的行距/行高

    有人问了一个非常相似的问题here https stackoverflow com questions 13701110 css remove line height leading on larger text但确实回答得足够了 CSS
  • 媒体查询:如何定位桌面、平板电脑和移动设备?

    我一直在对媒体查询进行一些研究 但我仍然不太明白如何定位特定大小的设备 我希望能够针对台式机 平板电脑和移动设备 我知道会存在一些差异 但如果有一个可用于针对这些设备的通用系统 那就太好了 我发现的一些例子 Mobile only scre
  • 在桌面和移动设备上编写 2 列和 3 列的 Flexbox 代码(换行)

    我真的很难弄清楚这个 CSS flexbox 解决方案 基本上有两个问题 一个是 2 列布局 另一个是 3 列布局 2 列 我认为这可能非常简单 3 列 这可能更高级一些 容器类是 嗯 container 而孩子们只是 left right
  • 带缩略图的轮播和 bootstrap v4

    我看到了带有缩略图的轮播演示bootstrap 3 here http jsfiddle net talmand JS6JV 我正在尝试为 bootstrap v4 实现相同的功能 但无法弄清楚如何修复一些 UI 细节 例如左 右阴影覆盖整
  • 将下拉按钮和下拉菜单放在中心?

    div class dropup center block div

随机推荐

  • 再看参数校验

    作者简介 大家好 我是smart哥 前中兴通讯 美团架构师 现某互联网公司CTO 联系qq 184480602 加我进群 大家一起学习 一起进步 一起对抗互联网寒冬 写一个接口 大致就几个步骤 参数校验 编写Service Dao SQL
  • 如何开发一个免费的App

    开发一个免费App意味着能够在项目启动初期 以更低成本的方式进行业务的迭代和市场化验证 互联网发展到2023年 尤其在生成式AI及大模型技术 跃进式 增长的背景下 一个创新式商业模式的起步变得异常艰难 但如果用好工具 那么不仅能事半功倍 还
  • 网络安全设备概念的熟悉和学习

    什么是网络安全 网络安全技术有哪些 Web应用防火墙 WAF 为什么需要WAF 什么是WAF 与传统防火墙的区别 WAF不是全能的 入侵检测系统 IDS 什么是IDS 跟防火墙的比较 部署位置选择
  • 【网络安全】—Shell编程入门(1)

    文章目录 基础 变量概念介绍 特殊变量进阶 数值计算实践 条件测试比较 条件判断语句 流程控制语句 循环语句应用
  • threejs 解析外部模型关键帧动画

    参考资料 threejs中文网 threejs qq交流群 814702116 解析外部模型关键帧动画 前面几节课 用到的关键帧动画 是借助threejs提供的两个类 KeyframeTrack AnimationClip 自己写代码实现
  • SQL Server 大数据量分页

    1 ROW NUMBER OVER 方式 SQL2012以下推荐使用 SELECT FROM SELECT ROW NUMBER OVER ORDER BY menuId AS RowId FROM sys menu AS r WHERE
  • “jar“:CreateProcess error = 2,系统找不到指定的文件

    起因 系统配置的java环境为jar 或java环境不完整导致 修复 将jar exe拷贝至java环境的bin目录中即可
  • c语言:指针作为参数传递

    探究实参与形参它们相互独立 由于主调函数的变量 a b 与被调函数的形参 x y 它们相互独立 函数 swap 可以修改变量 x y 但是却无法影响到主调函数中的 a b 现在利用取地址运算符 分别打印它们的首地址 让我们从内存的角度 来分
  • 使用小程序实现App灰度测试的好处

    灰度测试 Gray Testing 是一种软件测试策略 也被称为渐进性测试或部分上线测试 在灰度测试中 新的软件版本或功能并非一次性推送给所有用户 而是仅在一小部分用户中进行测试 这可以帮助开发团队逐步暴露新功能或版本 以便及时发现和修复问
  • 网络安全基础知识

    1 什么是防火墙 什么是堡垒主机 什么是DMZ 防火墙是在两个网络之间强制实施访问控制策略的一个系统或一组系统 堡垒主机是一种配置了安全防范措施的网络上的计算机 堡垒主机为网络之间的通信提供了一个阻塞点 也可以说 如果没有堡垒主机 网络间将
  • Matlab-绘图及其位置摆放

    一 绘图函数 1 绘制二维图形 1 1 plot 函数的应用格式 1 plot x 当x 为一向量时 以x 元素的值为纵坐标 x 的序号为横坐标值绘制曲线 当x 为一实矩阵时 则以其序号为横坐标 按列绘制每列元素值相对于其序号的曲线 例如
  • threejs 机械虚拟装配案例(播放)

    参考资料 threejs中文网 threejs qq交流群 814702116 机械虚拟装配案例 播放 如果你想做一个产品 机械 建筑的虚拟装配动画 可以美术先在建模软件中生成关键帧动画的数据 然后通过threejs加载模型 播放动画数据即
  • 使用AI大模型无损放大照片

    在线体验 点击 图像处理 即可使用 private static final String IMAGE QUALITY ENHANCE https aip baidubce com rest 2 0 image process v1 ima
  • 多线程案例:购买车票

    购票案例 多线程同步 多线程的并发执行虽然可以提高程序的效率 但是 当多个线程去访问同一个资源时 也会引发一些安全问题 并发 同一个对象被多个线程同时操作 处理多线程问题时 多个线程访问同一个对象 并且某些线程还想修改这个对象 这时候我们就
  • 网络安全自学入门:(超详细)从入门到精通学习路线&规划,学完即可就业_网络安全自学从哪里入手

    很多人上来就说想学习黑客 但是连方向都没搞清楚就开始学习 最终也只是会无疾而终 黑客是一个大的概念 里面包含了许多方向 不同的方向需要学习的内容也不一样 算上从学校开始学习 已经在网安这条路上走了10年了 无论是以前在学校做安全研究 还是毕
  • 开源一个超好用的接口Mock工具——Msw-Tools

    作为一名前端开发 是不是总有这样的体验 基础功能逻辑和页面UI开发很快速 本来可以提前完成 但是接口数据联调很费劲 耗时又耗力 有时为了保证进度还不得不加加班 为了摆脱这种痛苦 经过一周的努力 从零开发了一个灵活无依赖 且集成简单的数据接口
  • threejs动画播放(暂停、倍速、循环)AnimationAction

    参考资料 threejs中文网 threejs qq交流群 814702116 动画播放 暂停 倍速 循环 上节课对关键帧动画如何 创建 如何 播放 做了整体介绍 下面进一步介绍关键帧动画播放的知识 比如关键帧动画停止播放 暂停播放 倍速播
  • 3DM/OFF格式在线转换

    3D模型在线转换 https 3dconvert nsdt cloud 是一个可以进行3D模型格式转换的在线工具 支持多种3D模型格式进行在线预览和互相转换 3DM与OFF格式简介 3DM是一种常用的三维模型文件格式 具有多种几何体和材质
  • 【网络安全】—Shell编程入门(2)

    文章目录 循环控制语句 函数知识精讲 数组知识精讲 开发环境规范 调试优化实践 自动化实战项目 在前面的章节中 我们已经介绍了Shell编程的基础知识 包括变量 特殊变量 数值计算 条件测试 条件判断和基本的循环语句 接下来 我
  • ssm+mysql应急指挥平台-计算机毕业设计源码13263

    摘 要 科技进步的飞速发展引起人们日常生活的巨大变化 电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用 信息时代的到来已成为不可阻挡的时尚潮流 人类发展的历史正进入一个新时代 在现实运用中 应用软件的工作规则和开发步