php旅游网站论文wordpress培训类网站

当前位置： 首页 > news >正文

php旅游网站论文,wordpress培训类网站,东莞网站设计费用,阿里巴巴做网站的电话号码TOC springboot255基于spring boot的疫情信息管理系统 绪论 1.1研究背景与意义 信息化管理模式是将行业中的工作流程由人工服务#xff0c;逐渐转换为使用计算机技术的信息化管理服务。这种管理模式发展迅速#xff0c;使用起来非常简单容易#xff0c;用户甚至不用掌握…TOC springboot255基于spring boot的疫情信息管理系统 绪论 1.1研究背景与意义 信息化管理模式是将行业中的工作流程由人工服务逐渐转换为使用计算机技术的信息化管理服务。这种管理模式发展迅速使用起来非常简单容易用户甚至不用掌握相关的专业知识根据教程指导即可正常使用相关的系统因而被越来越多的用户所使用。由于相关行业管理信息化这就使得管理工作不在受到时间和区域的限制随时随地即可完成相关的工作任务和结果[1]。就目前而言管理信息化在现代社会中非常流行使用比较广泛。早在20世纪70年代末就出现了早期的电子商务相关的公司企业使用计算机建立专用的内部网络通过内部网络完成相应的采购、销售等活动加快相关的企业之间的交易速度提高了工作效率[2]。 当下许多行业采用互联网技术将工作流程信息化、数字化提高了相关人员的服务质量和效率节约了相关行业的人力、财力、物力等资源与此同时人们获取外界的相关信息主要依赖于主流的信息化技术和工具。人们对生活的需求也在不断的发生着变化为了应对用户的多样化需求许多相关的第三产业应运而生管理信息化也逐渐的流行起来比如电子商务行业。本人通过查询大量学习资料了解基本的开发系统的基本背景和关键任务学习与掌握Java语言、web技术、AJAX技术、HTML语言等开发技术设计系统功能模块以及MySQL数据库的相关语法和工具创建和存储数据表格反映和关联表格之间相互存在的关系由此对疫情信息管理系统进行研发和实现。 1.2国内外研究现状 大概在20世纪90年代我国才开始研发疫情信息管理系统与一些发达国家相比系统研发起步比较晚。当时的计算机技术刚开始发展起来国家经济力量比较薄弱各地区的经济发展水平不平衡再加上相关的网络应用技术不太先进我国也使用了一段较长的时间对网络信息化管理进行探索[3]。近些年因为国家非常重视和支持第三产业的发展以及人们的日常生活需求越来越离不开信息管理技术的使用所以我国的信息管理系统行业发展速度非常快并且相关的体制法规也正在不断地被完善和改进。新时代背景下根据人们的相关需求不断地促进着相关产业的产生与发展一系列电子产品、应用软件、信息管理系统等新时代的产物逐渐出现在人们的视野中并且在近几年发展迅速日渐趋于成熟[4]。 与国内相比国外疫情信息管理系统领域发展较早。国外的计算机技术发展比较成熟所以系统相关的设计也比较完善。19世纪60年代左右国外就开始研发疫情信息管理系统并且不久之后迅速将其投入市场进行使用。美国、英国等一些发达国家快速发展计算机技术促进了疫情信息管理系统管理行业信息化建设[5]。而后随着相关的技术不断地发展覆盖面非常广泛应用领域比较多促进着疫情信息管理系统等相关的信息管理系统不断地发展和完善并且其所设计的系统功能结构也比较合理、全面。相对而言国外系统的研发在相关领域上还是占据着较大的优势[6]。因此我们需要吸收国外系统开发领域中的较好的技术精华发展我国的信息化管理系统使得其面向大众能够更好的、更全面的服务于相关的工作人员。 1.3研究内容 现今互联网在我们的日常生活占据着日益重要的地位我们也越来越离不开对移动设备、电脑等上网设备的使用。传统的疫情信息管理系统模式主要依靠管理人员纯手工记录的相关信息比较繁琐不方便查找也非常容易出现错误。如今如果再通过手工记录疫情信息将大大不利于疫情信息管理系统行业管理相关的疫情信息管理系统信息严重影响疫情信息管理系统行业的发展。因此本人结合传统的疫情信息管理系统业务模式和先进的电子信息管理模式使用Java语言编程设计功能模块AJAX实现前台和后台之间的交互MySQL数据库创建和存储数据表格对疫情信息管理系统进行设计和开发。本系统的设计有利于相关行业实现最大化的资源管理与共享促进相关行业的信息交流、分工合作提高相关工作人员的工作效率最终实现整个疫情信息管理系统行业服务的信息化管理。 1.4论文结构 本文围绕着疫情信息管理系统的整个开发过程展开了详细的描述和说明设计和实现本系统的主要工作有首先分析研究背景、研究状态其次介绍设计系统时使用到的相关技术然后通过系统分析确定系统的功能需求接着通过编码工作详细设计和实现系统最后再通过系统测试找出系统存在的问题和解决问题的方法不断地修改和完善系统。论文内容的组织结构设计如下。 第一章绪论通过介绍本系统的研究背景、研究现状等内容帮助用户了解和认识本系统的发展过程。 第二章相关技术介绍主要介绍了Java语言、B/S模式、MySQL数据库等相关的开发技术为后期系统的功能实现提供技术上的支持。 第三章系统分析分析用户的使用需求以及系统实现的可行性最后通过用例建模分析与系统相关的参与者及其用例之间的关系。 第四章系统设计主要根据系统总体功能设计确定将要设计的系统功能模块设计相关的数据表格。 第五章系统实现通过相关的功能模块运行图展现出系统的主要功能模块操作流程。 第六章系统测试主要使用功能测试的方式测试系统的相关功能运行和使用的具体情况。 第七章总结与展望通过本文的各章节描述总结得出基本上完成了系统的设计展望未来将学习和使用更加先进的技术提高系统的实用性使得系统更好的服务于使用人员。 1.5本章小结 本章主要介绍了课题的研究背景与意义研究现状研究内容等内容最后介绍了本论文的组织结构设计。信息化管理模式顺应了信息化时代的变化本人以现在主流的管理模式为前提根据使用者的相关需求设计出一款符合大众需求的疫情信息管理系统。 2理论基础 2.1 B/S模式 B/S模式Browser/Server是一种比较常用的网络结构模式[7]。B/S模式是由模型、视图、控制器Model-View-ControllerMVC结构组成[8]。模型主要是指业务模型视图主要是指用户界面控制器主要是控制保证视图和模型的同步执行。B/S模式的三层结构是相互独立的换句话说当某一个模块发生修改和更新其不会对其他模块产生影响。根据B/S的这一特点可以将对业务逻辑的处理以及约束条件集中到中间层中便于前端增加对模型和方法的调用和复用。并且可以直接通过中间层对数据库进行相关的操作处理大大减少了数据库的连接数节省了计算机的对相关的资源配置空间。 使用B/S模式可以节省系统资源配置提高研发工作效率减少开发时间因而大大提高了我们开发软件的可能性。B/S模式有针对性的改变了传统的客户端/服务器模式Client/ServerC/S模式也可以说这是对C/S模式进行了扩展。在这种结构模式中用户不用再向使用C/S模式一样下载客户端其可以直接通过使用浏览器的方式打开网站地址即可访问和使用相关的系统功能服务。 2.2 IDEA开发环境 软件开发使用的编程语言有许多种而每种编程语言需要通过与其相对应的开发平台进行编译和运行。IDEA平台都是目前比较常用的开发环境。IDEA平台是开源的具有功能强大、可扩展性强等特点可以应用于C/S模式软件的开发但是它所占据的内存容量比较大运行较慢并且其并未提供Tomcat服务器运行过程中需要将代码发布到Tomcat服务器中测试使用的时间较长故而不太适用于B/S模式软件的开发。 IDEA平台是建立在IDEA平台的基础之上增加了许多的应用插件比如Tomcat插件、mail组件等。IDEA平台增加了Tomcat插件代码编写完成或者更新完成时程序员无需将代码发布到Tomcat服务器中可以直接通过调试实现程序的运行。IDEA平台增加了Mail组件该组件可以为本程序提供标准的邮件方法便于开发人员完成与邮件功能相关的编译工作。IDEA平台占据的内存空间较小同时其也具有较高的可扩展性编程人员可以根据需要添加和使用相关的插件。可以支持主流的开源产品和相关的开发框架被广泛运用到相关的移动系统、web应用系统等开发中。相比于IDEA平台本系统比较适合使用IDEA平台进行编程和开发。 2.3 MySQL数据库 MySQL是一种小型的关系型数据库管理系统因为其运行速度快占用内存空间小并且源代码也是开源的运行和维护成本低系统性能稳定受到了许多开发人员的喜爱[9]。考虑到MySQL数据库开发成本低功能齐全等因素大多中小型网站选择使用MySQL数据库管理数据信息。 SQL Server也是近几年使用较多的关系型数据库其与MySQL数据库存在的不同之处主要有在环境方面SQL Server数据库比较适合于.NET环境而MySQL数据库适用于几乎所有的语言在成本方面SQL Server数据库是商业化的其运行多个数据库可许证虽然有一个免费版但是只能让你对关系型数据库管理系统有一定的认识与了解熟悉相关的使用流程。如果要想使用SQL Server数据库的话就需要支付相关费用而MySQL数据库是开源的其对于用户来说使用是完全免费在实际应用方面SQL Server数据库和MySQL数据库均支持Java语言、PHP语言、C语言等多种编程语言但是MySQL数据库除了支持上述SQL Server数据库能支持的编程语言外还支持Scheme、Eiffel等其他编程语言故而MySQL数据库受欢迎程度比SQL Server数据库更高。 2.4 Java语言 Java语言是一种面向对象的编程语言其主要具有继承、封装、多态等特征从而提高编程工作效率实现软件的设计和开发[10]。继承机制可以继承相关的类和方法新的类可以在继承已经定义的类的相关特性基础上扩展自己新的数据和功能进而提高自身的能力。封装机制可以提高程序的安全性其隐藏对象的相关属性和行为对外只提供一个接口用户直接通过访问相应的接口来实现自己需要的功能操作。多态机制可以描述对象的多样性简单的来说就是引用相同的对象做不同的事务。Java语言具有安全高效的优点并且其通过依靠Java虚拟机可以实现跨平台操作[11]。Java语言比较容易学习和掌握就目前软件开发所使用的开发类语言而言Java语言比较受程序员喜爱应用比较广泛。 2.5本章小结 本章主要介绍了实现疫情信息管理系统的相关理论基础以及开发工具。本系统采用B/S模式使用Java语言、AJAX技术、MySQL数据库等工具设计系统功能、页面布局、后台数据等。开发本系统所使用的相关技术操作简单、容易掌握Java语言具有跨平台性可以支持在不同的浏览器使用本系统MySQL数据库是开源的减少了本系统的开发成本。 3需求分析 3.1功能需求分析 需求分析过程是系统能否成功投入市场也能否被用户所接受和使用的非常关键的一个步骤。功能需求分析是通过设计系统功能来实现相关的业务事项详细分析用户的实际需要确定需要设计的相关业务事项其是系统实现的关键本系统存在的主要功能需求包括用户注册管理、用户信息管理、密码信息管理等。 3.2技术需求分析 本系统需要使用Java语言编码设计相关的功能模块MySQL数据库创建和存储数据表格AJAX实现前台和后台之间的交互并且需要在IDEA开发环境中编写相关的Java代码等系统程序文件使用MySQL数据库存储数据信息然后通过使用连接代码完成与MySQL数据库的搭建工作再通过使用开发环境中的Tomcat插件完成与Tomcat服务器的发布工作最后通过与Tomcat服务器的交互行为可以实现代码调试工作。满足以上相关的技术需求本系统才可以在浏览器上进行访问和使用。 3.3数据需求分析 在设计系统功能模块时需要收集与系统有关的数据信息并且对采集的数据信息进行组织和存储分析系统功能设计筛选有价值的数据而后形成数据字典。其中从庞大的数据信息中筛选出有价值的数据是比较耗时也是非常重要的一步主要依据信息的来源、信息的有效性、信息的扩充性、信息的真实性等内容筛选数据。数据需求分析阶段为系统的开发工作做好进一步准备便于更好的设计和完成系统。 3.4安全需求分析 安全需求分析是在系统使用过程中对性能的具体要求对功能需求的一个补充内容也是对功能需求的一个补充内容主要包括响应需求、安全性需求、稳定性需求、可扩展性需求等内容。安全需求是在系统功能需求以外的其他必要的需求内容其不论在系统设计过程还是在系统投入市场过程都起到了极其重要的作用。 3.5可行性分析 3.5.1经济可行性 经济可行性是决定是否研发系统的关键性因素。我们主要通过比较实际的收益和成本的方法来确定一个系统是否具有经济可行性。在使用系统的过程中当获得的收益大于开发的成本时说明此系统的研发在经济上是可行的。由于本系统的开发使用的技术基本上是开源的获得技术上的支持是没有多少问题的在软件实现方面所花费的成本是很低的甚至不需要花费成本。研发系统的成本主要是来自调研、硬件和技术人员等方面。如果系统中需要存储的数据量不是很大仅需要配置一台普通的服务器即可满足相关需求。如果需要存储的数据量很大则需要配置一台具有独立功能的服务器比如管理数据库需要单独的数据库服务器负责接入网站需要web服务器等等但是一台服务器的价格是比较贵的。考虑到数据量和成本我们使用小型集群服务器这样既可以充分利用相关的资源又可以让系统正常访问服务器。 3.5.2技术可行性 Java语言具有跨平台性本系统主要通过Java语言进行编码实现的所以本系统可以支持在多个操作系统或者多个浏览器上运行和使用[14]。MySQL数据库是可以被免费使用的并且MySQL数据库的日常运行和维护工作比较简单这样有利于降低本系统的开发成本[15]。在学校期间本人已经学习和掌握了Java语言、MySQL数据库、AJAX技术等相关的技术相关知识以及用法因此在技术可行性方面本系统是可以实现被设计与实现的。 3.5.3操作可行性 本系统所采用网络结构是B/S模式对于开发人员来说可以直接复用相关的代码或者稍微对原代码进行修改使得其满足于本系统的相关需求如此便可大大节约了开发时间在最优最短的时间内完成对系统的设计。对于用户来说在传统的模式下需要下载客户端才可使用系统。现在在新型的模式下使用本系统就不需要下载直接选择浏览器打开网址即可访问和使用本系统。并且用户可以根据自身的工作需要选择相关的菜单按钮操作本系统。在系统的一些功能模块中本人还添加了相关的使用提示信息方便用户更好更快的了解和使用本系统。因此本系统的设计和实现是具备操作可行性的。 3.6本章小结 需求分析在软件开发周期中是耗时最长的一个环节系统的整个设计和实现过程主要依赖于需求分析报告。调查收集出不同用户对本系统的相关使用需求由此设计相关的功能模块从而期望实现用户满意度较高的实用型系统。本章主要从功能需求、技术需求、数据需求、安全需求、可行性分析等方面对系统进行需求分析确保设计出一款实用价值比较高的管理系统。 4系统设计 4.1系统功能设计 本系统主要通过使用Java语言编码设计系统功能MySQL数据库管理数据AJAX技术设计简洁的、友好的网址页面然后在IDEA开发平台中编写相关的Java代码文件接着通过连接语言完成与数据库的搭建工作再通过平台提供的Tomcat插件完成信息的交互最后在浏览器中打开系统网址便可使用本系统。本系统的使用角色可以被分为用户和管理员用户具有注册、查看信息、留言信息等功能管理员具有修改用户信息发布新闻等功能系统总体功能设计图如图4-1所示。 疫情信息管理系统 系统设置管理 公告管理 社区管控管理 疫苗预约管理 疫情信息管理 个人信息设置 密码信息设置管理 疫情信息添加 疫情信息删除 疫情信息修改 社区管控添加 社区管控删除 疫苗预约添加 疫苗预约修改 疫苗预约删除 公告添加 公告修改 公告删除 图4-1系统总体功能设计图 4.2数据库设计 4.2.1概念设计 在数据库设计过程中概念设计阶段是逻辑设计阶段得以实现的基础也是根据用户参与情况确定对数据的处理要求从而使得数据库设计成功的关键。概念设计的主要任务是将现实世界的所收集到的使用需求转化为抽象的信息世界结构的过程能够真实的反映现实生活中实体与实体之间的联系数据库的相关语法和代码比较容易理解和修改方便相关人员将相关的数据信息存储到数据库中并对其进行修改和使用[18]。 通过将现实世界中的实体、属性、联系等内容进行概念设计建立比较抽象的概念数据模型即E-R图。通过E-R图可将现实世界抽象到的概念设计转变成数据库的实体设计并且能够明显的看见各个实体之间数据的流动情况具体较强的表达能力更加方便于开发人员寻找与发现用户具体的需求[19]。因此E-R的建立在整个数据库的设计过程中起着至关重要的作用。本系统主要的实体有管理员、用户、留言等。在E-R图中矩形表示实体集椭圆形表示属性菱形表示联系。其中联系的类型包括1:1一对一、1:n一对多、n:m多对多关系。 4.2.2逻辑设计 本系统使用MySQL数据库管理与系统相关的数据信息。逻辑设计阶段是将上一个阶段中的概念数据模型转换为方便数据库进行存储的关系模型即基本表的形式方便开发人员后期对数据模型进行优化和管理[20]。逻辑设计阶段是整个数据库设计设计的关键与系统有关的信息将会在这一阶段中被存储在数据库中当用户使用本系统进行相关的功能操作时与之有关的数据信息所在的基本表会发生相应的更新变化。数据库的逻辑设计阶段主要任务是将与系统相关的数据信息设计成为方便数据库存储和管理的基本表格的形式具体内容如下。 表4.1打卡表 序号列名数据类型说明允许空1IdIntid否2yonghu_idInteger用户是3daka_timeDate打卡时间是4insert_timeDate打卡日期是5didian_addressString打卡地点是6daka_contentString打卡备注是7create_timeDate创建时间是 表4.2字典表 序号列名数据类型说明允许空1IdIntid否2dic_codeString字段是3dic_nameString字段名是4code_indexInteger编码是5index_nameString编码名字是6super_idInteger父字段id是7beizhuString备注是8create_timeDate创建时间是 表4.3地区表 序号列名数据类型说明允许空1IdIntid否2diqu_uuid_numberString地区编号是3diqu_nameString地区名称是4diqu_addressString地区位置是5fengxian_typesInteger地区风险等级是6diqu_contentString地区详情是7create_timeDate创建时间是 表4.4公告表 序号列名数据类型说明允许空1IdIntid否2gonggao_nameString公告名称是3gonggao_typesInteger公告类型是4gonggao_contentString公告内容是5insert_timeDate公告发布时间是6create_timeDate创建时间是 表4.5核酸预约表 序号列名数据类型说明允许空1IdIntid否2yonghu_idInteger用户是3hesuanyuyue_uuid_numberString预约编号是4yuyue_timeDate预约检测时间是5jiancedian_typesInteger检测点是6yuyue_contentString预约备注是7hesuanyuyue_typesInteger核酸预约状态是8shiji_timeDate实际检测时间是9jiancejieguo_typesInteger检测结果是10hesuanyuyue_fileString检测文件是11beizhu_contentString备注是12insert_timeDate申请时间是13create_timeDate创建时间是 表4.6社区管控表 序号列名数据类型说明允许空1IdIntid否2shequ_typesInteger社区是3kaishi_timeDate管控开始时间是4jieshu_timeDate管控结束时间是5yuanyou_contentString管控原因是6fengxian_typesInteger管控等级是7beizhu_contentString管控备注是8insert_timeDate添加时间是9create_timeDate创建时间是 表4.7疫苗预约表 序号列名数据类型说明允许空1IdIntid否2yonghu_idInteger用户是3yimiaoyuyue_uuid_numberString预约编号是4zhen_typesInteger第几针是5yuyue_contentString预约备注是6yimiaoyuyue_typesInteger疫苗预约状态是7yuyue_timeDate预约打针时间是8shiji_timeDate实际打针时间是9yimiao_bianhaoString疫苗编号是10yimiaoshengchan_timeDate疫苗生产日期是11yimiaogongsi_typesInteger疫苗公司是12beizhu_contentString备注是13insert_timeDate申请时间是14create_timeDate创建时间是 表4.8疫情信息表 序号列名数据类型说明允许空1IdIntid否2yiqingxinxi_nameString疫情信息名称是3yiqingxinxi_typesInteger疫情信息类型是4yiqingxinxi_contentString疫情信息内容是5insert_timeDate疫情信息发布时间是6create_timeDate创建时间是 表4.9用户表 序号列名数据类型说明允许空1IdIntid否2yonghu_uuid_numberString用户编号是3yonghu_nameString用户姓名是4yonghu_phoneString用户手机号是5yonghu_id_numberString用户身份证号是6yonghu_photoString用户头像是7yonghu_emailString电子邮箱是8create_timeDate创建时间是 表4.10用户行程表 序号列名数据类型说明允许空1IdIntid否2yonghu_idInteger用户是3diqu_idInteger地区是4qu_timeDate去的时间是5hui_timeDate回的时间是6yuanyou_contentString去的缘由是7insert_timeDate添加时间是8create_timeDate创建时间是 表4.11社区管理员表 序号列名数据类型说明允许空1IdIntid否2shequguanliyuan_uuid_numberString社区管理员编号是3shequguanliyuan_nameString社区管理员姓名是4shequguanliyuan_phoneString社区管理员手机号是5shequguanliyuan_id_numberString社区管理员身份证号是6shequguanliyuan_photoString社区管理员头像是7zhiwei_typesInteger职位是8shequ_typesInteger所属社区是9shequguanliyuan_emailString电子邮箱是10create_timeDate创建时间是 表4.12管理员表 序号列名数据类型说明允许空1IdIntid否2usernameString用户名是3passwordString密码是4roleString角色是5addtimeDate新增时间是 4.3本章小结 本章主要介绍了系统功能设计、数据库设计等内容。通过设计系统的总体功能框架确定系统的功能设计主要包括疫情信息等模块。数据库设计主要分为概念设计阶段和逻辑设计阶段其中概念设计是将现实世界中的数据转变为信息世界中的概念模型逻辑设计是将概念设计中的概念模型转变成可以被数据库存储的数据表格。系统功能设计好坏是系统得以被编码实现的重要依据。数据库设计是否符合规范是系统能够成功运行的基本保障也是用户和系统实现交互处理的重要前提。 5系统实现 5.1管理员功能模块实现 5.1.1管理员登录 管理员可以选择任一浏览器打开网址输入信息无误后以管理员的身份行使相关的管理权限管理员登录界面设计如图5-1所示。 图5-1管理员登录界面 5.1.2疫情信息管理 管理员可以通过选择疫情信息管理管理相关的疫情信息信息记录比如进行查看疫情信息信息标题修改疫情信息信息来源等操作疫情信息管理界面设计如图5-2所示。 图5-2疫情信息管理界面 5.1.3公告管理 管理员可以通过选择公告管理管理相关的公告信息记录比如进行查看公告详情,删除错误的公告信息,发布公告等操作公告管理界面如图5-3所示。 图5-3 公告管理界面 5.1.4公告类型管理 管理员可以通过选择公告类型管理管理相关的公告类型信息比如查看所有公告类型,删除无用公告类型,修改公告类型,添加公告类型等操作公告类型管理界面设计如图5-4所示。 图5-4公告类型管理界面 系 ShequguankongController.java package com.controller;import java.io.File; import java.math.BigDecimal; import java.net.URL; import java.text.SimpleDateFormat; import com.alibaba.fastjson.JSONObject; import java.util.; import org.springframework.beans.BeanUtils; import javax.servlet.http.HttpServletRequest; import org.springframework.web.context.ContextLoader; import javax.servlet.ServletContext; import com.service.TokenService; import com.utils.; import java.lang.reflect.InvocationTargetException;import com.service.DictionaryService; import org.apache.commons.lang3.StringUtils; import com.annotation.IgnoreAuth; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.; import com.baomidou.mybatisplus.mapper.EntityWrapper; import com.baomidou.mybatisplus.mapper.Wrapper; import com.entity.; import com.entity.view.; import com.service.; import com.utils.PageUtils; import com.utils.R; import com.alibaba.fastjson.;/** 社区管控* 后端接口* author* email / RestController Controller RequestMapping(/shequguankong) public class ShequguankongController {private static final Logger logger LoggerFactory.getLogger(ShequguankongController.class);Autowiredprivate ShequguankongService shequguankongService;Autowiredprivate TokenService tokenService;Autowiredprivate DictionaryService dictionaryService;//级联表serviceAutowiredprivate YonghuService yonghuService;Autowiredprivate ShequguanliyuanService shequguanliyuanService;/** 后端列表/RequestMapping(/page)public R page(RequestParam MapString, Object params, HttpServletRequest request){logger.debug(page方法:,,Controller:{},,params:{},this.getClass().getName(),JSONObject.toJSONString(params));String role String.valueOf(request.getSession().getAttribute(role));if(false)return R.error(511,永不会进入);else if(用户.equals(role))params.put(yonghuId,request.getSession().getAttribute(userId));else if(社区管理员.equals(role))params.put(shequguanliyuanId,request.getSession().getAttribute(userId));if(params.get(orderBy)null || params.get(orderBy)){params.put(orderBy,id);}PageUtils page shequguankongService.queryPage(params);//字典表数据转换ListShequguankongView list (ListShequguankongView)page.getList();for(ShequguankongView c:list){//修改对应字典表字段dictionaryService.dictionaryConvert(c, request);}return R.ok().put(data, page);}/** 后端详情/RequestMapping(/info/{id})public R info(PathVariable(id) Long id, HttpServletRequest request){logger.debug(info方法:,,Controller:{},,id:{},this.getClass().getName(),id);ShequguankongEntity shequguankong shequguankongService.selectById(id);if(shequguankong !null){//entity转viewShequguankongView view new ShequguankongView();BeanUtils.copyProperties( shequguankong , view );//把实体数据重构到view中//修改对应字典表字段dictionaryService.dictionaryConvert(view, request);return R.ok().put(data, view);}else {return R.error(511,查不到数据);}}/** 后端保存/RequestMapping(/save)public R save(RequestBody ShequguankongEntity shequguankong, HttpServletRequest request){logger.debug(save方法:,,Controller:{},,shequguankong:{},this.getClass().getName(),shequguankong.toString());shequguankong.setInsertTime(new Date());shequguankong.setCreateTime(new Date());shequguankongService.insert(shequguankong);return R.ok();}/** 后端修改/RequestMapping(/update)public R update(RequestBody ShequguankongEntity shequguankong, HttpServletRequest request){logger.debug(update方法:,,Controller:{},,shequguankong:{},this.getClass().getName(),shequguankong.toString());shequguankongService.updateById(shequguankong);//根据id更新return R.ok();}/** 删除/RequestMapping(/delete)public R delete(RequestBody Integer[] ids){logger.debug(delete:,,Controller:{},,ids:{},this.getClass().getName(),ids.toString());shequguankongService.deleteBatchIds(Arrays.asList(ids));return R.ok();}/** 批量上传/RequestMapping(/batchInsert)public R save( String fileName, HttpServletRequest request){logger.debug(batchInsert方法:,,Controller:{},,fileName:{},this.getClass().getName(),fileName);Integer yonghuId Integer.valueOf(String.valueOf(request.getSession().getAttribute(userId)));SimpleDateFormat sdf new SimpleDateFormat(yyyy-MM-dd HH:mm:ss);try {ListShequguankongEntity shequguankongList new ArrayList();//上传的东西MapString, ListString seachFields new HashMap();//要查询的字段Date date new Date();int lastIndexOf fileName.lastIndexOf(.);if(lastIndexOf -1){return R.error(511,该文件没有后缀);}else{String suffix fileName.substring(lastIndexOf);if(!.xls.equals(suffix)){return R.error(511,只支持后缀为xls的excel文件);}else{URL resource this.getClass().getClassLoader().getResource(static/upload/ fileName);//获取文件路径File file new File(resource.getFile());if(!file.exists()){return R.error(511,找不到上传文件请联系管理员);}else{ListListString dataList PoiUtil.poiImport(file.getPath());//读取xls文件dataList.remove(0);//删除第一行因为第一行是提示for(ListString data:dataList){//循环ShequguankongEntity shequguankongEntity new ShequguankongEntity(); // shequguankongEntity.setShequTypes(Integer.valueOf(data.get(0))); //社区 要改的 // shequguankongEntity.setKaishiTime(sdf.parse(data.get(0))); //管控开始时间 要改的 // shequguankongEntity.setJieshuTime(sdf.parse(data.get(0))); //管控结束时间 要改的 // shequguankongEntity.setYuanyouContent();//详情和图片 // shequguankongEntity.setFengxianTypes(Integer.valueOf(data.get(0))); //管控等级 要改的 // shequguankongEntity.setBeizhuContent();//详情和图片 // shequguankongEntity.setInsertTime(date);//时间 // shequguankongEntity.setCreateTime(date);//时间shequguankongList.add(shequguankongEntity);//把要查询是否重复的字段放入map中}//查询是否重复shequguankongService.insertBatch(shequguankongList);return R.ok();}}}}catch (Exception e){e.printStackTrace();return R.error(511,批量插入数据异常请联系管理员);}}} PoiUtil.java package com.utils;import org.apache.commons.io.FileUtils; import org.apache.poi.hssf.usermodel.HSSFCell; import org.apache.poi.hssf.usermodel.HSSFRow; import org.apache.poi.hssf.usermodel.HSSFSheet; import org.apache.poi.hssf.usermodel.HSSFWorkbook; import org.apache.poi.ss.usermodel.Cell;import java.io.File; import java.io.FileOutputStream; import java.util.ArrayList; import java.util.List;/** 文件导入到处/ public class PoiUtil {/** 导入** param url* return* throws Exception/public static ListListString poiImport(String url) throws Exception {ListListString list new ArrayList();// 创建Excel 读取文件内容HSSFWorkbook workbook new HSSFWorkbook(FileUtils.openInputStream(new File(url)));/** 第一种方式读取Sheet页/ // HSSFSheet sheet workbook.getSheet(Sheet0);/** 第二种方式读取Sheet页/HSSFSheet sheet workbook.getSheetAt(0);//获取工作表for (int i 0; i sheet.getLastRowNum()1; i) {HSSFRow row sheet.getRow(i);//获取行ListString rowlist new ArrayList();//行数据for (int j 0; j row.getLastCellNum(); j) {HSSFCell cell row.getCell(j);cell.setCellType(Cell.CELL_TYPE_STRING);String value cell.getStringCellValue();rowlist.add(value);//行中数据添加到行中}list.add(rowlist);//将行数据添加到list中}return list;}// 导出public static void poiExport(ListListString list, String url) throws Exception {//创建Excel工作薄HSSFWorkbook workbook new HSSFWorkbook();//创建一个工作表shheetHSSFSheet sheet workbook.createSheet();for (int i 0; i list.size(); i) {HSSFRow row sheet.createRow(i);ListString dataList list.get(i);for (int j 0; j dataList.size(); j) {HSSFCell cell row.createCell(j);cell.setCellValue(dataList.get(j));}}FileOutputStream stream FileUtils.openOutputStream(new File(url));workbook.write(stream);stream.close();}public static void main(String[] args) {try {//导入ListListString lists PoiUtil.poiImport(C:/Users/Administrator/Desktop/工作1.xls);System.out.println();//导出PoiUtil.poiExport(lists, C:/Users/Administrator/Desktop/工作1.xls);// // ListListString list new ArrayList(); // ArrayListString dataList new ArrayList(); // dataList.add(标题1); // dataList.add(标题2); // dataList.add(标题3); // list.add(dataList); // // 追加数据 // for (int i 1; i 10; i) {// 这里的int 起始是1 也就是第二行开始 // ArrayListString dataList111 new ArrayList(); // dataList111.add(内容 i); // dataList111.add(内容1111111121222222222333333333377777777411111111477777777 i); // dataList111.add(内容 i); // list.add(dataList111); // } // PoiUtil.poiExport(list, C:/Users/Administrator/Desktop/工作1.xls);} catch (Exception e) {e.printStackTrace();}} } DakaController.java package com.controller;import java.io.File; import java.math.BigDecimal; import java.net.URL; import java.text.SimpleDateFormat; import com.alibaba.fastjson.JSONObject; import java.util.; import org.springframework.beans.BeanUtils; import javax.servlet.http.HttpServletRequest; import org.springframework.web.context.ContextLoader; import javax.servlet.ServletContext; import com.service.TokenService; import com.utils.; import java.lang.reflect.InvocationTargetException;import com.service.DictionaryService; import org.apache.commons.lang3.StringUtils; import com.annotation.IgnoreAuth; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.; import com.baomidou.mybatisplus.mapper.EntityWrapper; import com.baomidou.mybatisplus.mapper.Wrapper; import com.entity.; import com.entity.view.; import com.service.; import com.utils.PageUtils; import com.utils.R; import com.alibaba.fastjson.;/*** 打卡* 后端接口* author* email / RestController Controller RequestMapping(/daka) public class DakaController {private static final Logger logger LoggerFactory.getLogger(DakaController.class);Autowiredprivate DakaService dakaService;Autowiredprivate TokenService tokenService;Autowiredprivate DictionaryService dictionaryService;//级联表serviceAutowiredprivate YonghuService yonghuService;Autowiredprivate ShequguanliyuanService shequguanliyuanService;/** 后端列表/RequestMapping(/page)public R page(RequestParam MapString, Object params, HttpServletRequest request){logger.debug(page方法:,,Controller:{},,params:{},this.getClass().getName(),JSONObject.toJSONString(params));String role String.valueOf(request.getSession().getAttribute(role));if(false)return R.error(511,永不会进入);else if(用户.equals(role))params.put(yonghuId,request.getSession().getAttribute(userId));else if(社区管理员.equals(role))params.put(shequguanliyuanId,request.getSession().getAttribute(userId));if(params.get(orderBy)null || params.get(orderBy)){params.put(orderBy,id);}PageUtils page dakaService.queryPage(params);//字典表数据转换ListDakaView list (ListDakaView)page.getList();for(DakaView c:list){//修改对应字典表字段dictionaryService.dictionaryConvert(c, request);}return R.ok().put(data, page);}/** 后端详情/RequestMapping(/info/{id})public R info(PathVariable(id) Long id, HttpServletRequest request){logger.debug(info方法:,,Controller:{},,id:{},this.getClass().getName(),id);DakaEntity daka dakaService.selectById(id);if(daka !null){//entity转viewDakaView view new DakaView();BeanUtils.copyProperties( daka , view );//把实体数据重构到view中//级联表YonghuEntity yonghu yonghuService.selectById(daka.getYonghuId());if(yonghu ! null){BeanUtils.copyProperties( yonghu , view ,new String[]{ id, createTime, insertTime, updateTime});//把级联的数据添加到view中,并排除id和创建时间字段view.setYonghuId(yonghu.getId());}//修改对应字典表字段dictionaryService.dictionaryConvert(view, request);return R.ok().put(data, view);}else {return R.error(511,查不到数据);}}/** 后端保存/RequestMapping(/save)public R save(RequestBody DakaEntity daka, HttpServletRequest request){logger.debug(save方法:,,Controller:{},,daka:{},this.getClass().getName(),daka.toString());String role String.valueOf(request.getSession().getAttribute(role));if(false)return R.error(511,永远不会进入);else if(用户.equals(role))daka.setYonghuId(Integer.valueOf(String.valueOf(request.getSession().getAttribute(userId))));WrapperDakaEntity queryWrapper new EntityWrapperDakaEntity().eq(yonghu_id, daka.getYonghuId()).eq(insert_time, new SimpleDateFormat(yyyy-MM-dd).format(new Date()));logger.info(sql语句:queryWrapper.getSqlSegment());DakaEntity dakaEntity dakaService.selectOne(queryWrapper);if(dakaEntitynull){daka.setDakaTime(new Date());daka.setInsertTime(new Date());daka.setCreateTime(new Date());dakaService.insert(daka);return R.ok();}else {return R.error(511,今日已经打过卡);}}/** 后端修改/RequestMapping(/update)public R update(RequestBody DakaEntity daka, HttpServletRequest request){logger.debug(update方法:,,Controller:{},,daka:{},this.getClass().getName(),daka.toString());String role String.valueOf(request.getSession().getAttribute(role)); // if(false) // return R.error(511,永远不会进入); // else if(用户.equals(role)) // daka.setYonghuId(Integer.valueOf(String.valueOf(request.getSession().getAttribute(userId))));//根据字段查询是否有相同数据WrapperDakaEntity queryWrapper new EntityWrapperDakaEntity().notIn(id,daka.getId()).andNew().eq(yonghu_id, daka.getYonghuId()).eq(insert_time, new SimpleDateFormat(yyyy-MM-dd).format(daka.getInsertTime()));logger.info(sql语句:queryWrapper.getSqlSegment());DakaEntity dakaEntity dakaService.selectOne(queryWrapper);if(dakaEntitynull){dakaService.updateById(daka);//根据id更新return R.ok();}else {return R.error(511,当天已有打卡记录);}}/** 删除/RequestMapping(/delete)public R delete(RequestBody Integer[] ids){logger.debug(delete:,,Controller:{},,ids:{},this.getClass().getName(),ids.toString());dakaService.deleteBatchIds(Arrays.asList(ids));return R.ok();}/** 批量上传/RequestMapping(/batchInsert)public R save( String fileName, HttpServletRequest request){logger.debug(batchInsert方法:,,Controller:{},,fileName:{},this.getClass().getName(),fileName);Integer yonghuId Integer.valueOf(String.valueOf(request.getSession().getAttribute(userId)));SimpleDateFormat sdf new SimpleDateFormat(yyyy-MM-dd HH:mm:ss);try {ListDakaEntity dakaList new ArrayList();//上传的东西MapString, ListString seachFields new HashMap();//要查询的字段Date date new Date();int lastIndexOf fileName.lastIndexOf(.);if(lastIndexOf -1){return R.error(511,该文件没有后缀);}else{String suffix fileName.substring(lastIndexOf);if(!.xls.equals(suffix)){return R.error(511,只支持后缀为xls的excel文件);}else{URL resource this.getClass().getClassLoader().getResource(static/upload/ fileName);//获取文件路径File file new File(resource.getFile());if(!file.exists()){return R.error(511,找不到上传文件请联系管理员);}else{ListListString dataList PoiUtil.poiImport(file.getPath());//读取xls文件dataList.remove(0);//删除第一行因为第一行是提示for(ListString data:dataList){//循环DakaEntity dakaEntity new DakaEntity(); // dakaEntity.setYonghuId(Integer.valueOf(data.get(0))); //用户 要改的 // dakaEntity.setDakaTime(sdf.parse(data.get(0))); //打卡时间 要改的 // dakaEntity.setInsertTime(date);//时间 // dakaEntity.setDidianAddress(data.get(0)); //打卡地点 要改的 // dakaEntity.setDakaContent();//详情和图片 // dakaEntity.setCreateTime(date);//时间dakaList.add(dakaEntity);//把要查询是否重复的字段放入map中}//查询是否重复dakaService.insertBatch(dakaList);return R.ok();}}}}catch (Exception e){e.printStackTrace();return R.error(511,批量插入数据异常请联系管理员);}}} list.vue templatediv classmain-content!– 列表页 –div v-ifshowFlagel-form :inlinetrue :modelsearchForm classform-contentel-row :gutter20 classslt :style{justifyContent:contents.searchBoxPosition1?flex-start:contents.searchBoxPosition2?center:flex-end}el-form-item label检测点el-input prefix-iconel-icon-search v-modelsearchForm.indexNameSearch placeholder检测点 clearable/el-input/el-form-itemel-form-itemel-button iconel-icon-search typesuccess clicksearch()查询/el-button/el-form-item/el-rowel-row classad :style{justifyContent:contents.btnAdAllBoxPosition1?flex-start:contents.btnAdAllBoxPosition2?center:flex-end}el-form-itemel-buttonv-ifisAuth(dictionaryJiancedian,新增)typesuccessiconel-icon-plusclickaddOrUpdateHandler()新增/el-buttonel-buttonv-ifisAuth(dictionaryJiancedian,删除):disableddataListSelections.length 0typedangericonel-icon-deleteclickdeleteHandler()删除/el-button/el-form-item/el-row/el-formdiv classtable-contentel-table classtables :sizecontents.tableSize :show-headercontents.tableShowHeader:header-row-styleheaderRowStyle :header-cell-styleheaderCellStyle:bordercontents.tableBorder:fitcontents.tableFit:stripecontents.tableStripe:row-stylerowStyle:cell-stylecellStyle:style{width: 100%,fontSize:contents.tableContentFontSize,color:contents.tableContentFontColor}v-ifisAuth(dictionaryJiancedian,查看):datadataListv-loadingdataListLoadingselection-changeselectionChangeHandlerel-table-column v-ifcontents.tableSelectiontypeselectionheader-aligncenteraligncenterwidth50/el-table-columnel-table-column label索引 v-ifcontents.tableIndex typeindex width50 /el-table-column :sortablecontents.tableSortable :aligncontents.tableAlignpropcodeIndexheader-aligncenterlabel检测点编码template slot-scopescope{{scope.row.codeIndex}}/template/el-table-columnel-table-column :sortablecontents.tableSortable :aligncontents.tableAlignpropindexNameheader-aligncenterlabel检测点名称template slot-scopescope{{scope.row.indexName}}/template/el-table-column!–el-table-column :sortablecontents.tableSortable :aligncontents.tableAlignpropbeizhuheader-aligncenterlabel备注template slot-scopescope{{scope.row.beizhu}}/template/el-table-column–el-table-column width300 :aligncontents.tableAlignheader-aligncenterlabel操作template slot-scopescopeel-button v-ifisAuth(dictionaryJiancedian,查看) typesuccess iconel-icon-tickets sizemini clickaddOrUpdateHandler(scope.row.id,info)详情/el-buttonel-button v-ifisAuth(dictionaryJiancedian,修改) typeprimary iconel-icon-edit sizemini clickaddOrUpdateHandler(scope.row.id)修改/el-buttonel-button v-ifisAuth(dictionaryJiancedian,删除) typedanger iconel-icon-delete sizemini clickdeleteHandler(scope.row.id)删除/el-button/template/el-table-column/el-tableel-paginationclssspages:layoutlayoutssize-changesizeChangeHandlecurrent-changecurrentChangeHandle:current-pagepageIndex:page-sizes[10, 20, 50, 100]:page-sizeNumber(contents.pageEachNum):totaltotalPage:smallcontents.pageStyleclasspagination-content:backgroundcontents.pageBtnBG:style{textAlign:contents.pagePosition1?left:contents.pagePosition2?center:right}/el-pagination/div/div!– 添加/修改页面 将父组件的search方法传递给子组件–add-or-update v-ifaddOrUpdateFlag :parentthis refaddOrUpdate/add-or-update/div /template scriptimport AddOrUpdate from ./add-or-update;import styleJs from ../../../utils/style.js;export default {data() {return {searchForm: {key: },form:{},dataList: [],pageIndex: 1,pageSize: 10,totalPage: 0,dataListLoading: false,dataListSelections: [],showFlag: true,sfshVisiable: false,shForm: {},chartVisiable: false,addOrUpdateFlag:false,contents:null,layouts: ,};},created() {this.contents styleJs.listStyle();this.init();this.getDataList();this.contentStyleChange()},mounted() {},filters: {htmlfilter: function (val) {return val.replace(/[^]/g).replace(/undefined/g,);}},components: {AddOrUpdate,},methods: {contentStyleChange() {this.contentSearchStyleChange()this.contentBtnAdAllStyleChange()this.contentSearchBtnStyleChange()this.contentTableBtnStyleChange()this.contentPageStyleChange()},contentSearchStyleChange() {this.\(nextTick((){document.querySelectorAll(.form-content .slt .el-input__inner).forEach(el{let textAlign leftif(this.contents.inputFontPosition 2) textAlign centerif(this.contents.inputFontPosition 3) textAlign rightel.style.textAlign textAlignel.style.height this.contents.inputHeightel.style.lineHeight this.contents.inputHeightel.style.color this.contents.inputFontColorel.style.fontSize this.contents.inputFontSizeel.style.borderWidth this.contents.inputBorderWidthel.style.borderStyle this.contents.inputBorderStyleel.style.borderColor this.contents.inputBorderColorel.style.borderRadius this.contents.inputBorderRadiusel.style.backgroundColor this.contents.inputBgColor})if(this.contents.inputTitle) {document.querySelectorAll(.form-content .slt .el-form-item__label).forEach(el{el.style.color this.contents.inputTitleColorel.style.fontSize this.contents.inputTitleSizeel.style.lineHeight this.contents.inputHeight})}setTimeout((){document.querySelectorAll(.form-content .slt .el-input__prefix).forEach(el{el.style.color this.contents.inputIconColorel.style.lineHeight this.contents.inputHeight})document.querySelectorAll(.form-content .slt .el-input__suffix).forEach(el{el.style.color this.contents.inputIconColorel.style.lineHeight this.contents.inputHeight})document.querySelectorAll(.form-content .slt .el-input__icon).forEach(el{el.style.lineHeight this.contents.inputHeight})},10)})},// 搜索按钮contentSearchBtnStyleChange() {this.\)nextTick((){document.querySelectorAll(.form-content .slt .el-button–success).forEach(el{el.style.height this.contents.searchBtnHeightel.style.color this.contents.searchBtnFontColorel.style.fontSize this.contents.searchBtnFontSizeel.style.borderWidth this.contents.searchBtnBorderWidthel.style.borderStyle this.contents.searchBtnBorderStyleel.style.borderColor this.contents.searchBtnBorderColorel.style.borderRadius this.contents.searchBtnBorderRadiusel.style.backgroundColor this.contents.searchBtnBgColor})})},// 新增、批量删除contentBtnAdAllStyleChange() {this.\(nextTick((){document.querySelectorAll(.form-content .ad .el-button--success).forEach(el{el.style.height this.contents.btnAdAllHeightel.style.color this.contents.btnAdAllAddFontColorel.style.fontSize this.contents.btnAdAllFontSizeel.style.borderWidth this.contents.btnAdAllBorderWidthel.style.borderStyle this.contents.btnAdAllBorderStyleel.style.borderColor this.contents.btnAdAllBorderColorel.style.borderRadius this.contents.btnAdAllBorderRadiusel.style.backgroundColor this.contents.btnAdAllAddBgColor})document.querySelectorAll(.form-content .ad .el-button--danger).forEach(el{el.style.height this.contents.btnAdAllHeightel.style.color this.contents.btnAdAllDelFontColorel.style.fontSize this.contents.btnAdAllFontSizeel.style.borderWidth this.contents.btnAdAllBorderWidthel.style.borderStyle this.contents.btnAdAllBorderStyleel.style.borderColor this.contents.btnAdAllBorderColorel.style.borderRadius this.contents.btnAdAllBorderRadiusel.style.backgroundColor this.contents.btnAdAllDelBgColor})document.querySelectorAll(.form-content .ad .el-button--warning).forEach(el{el.style.height this.contents.btnAdAllHeightel.style.color this.contents.btnAdAllWarnFontColorel.style.fontSize this.contents.btnAdAllFontSizeel.style.borderWidth this.contents.btnAdAllBorderWidthel.style.borderStyle this.contents.btnAdAllBorderStyleel.style.borderColor this.contents.btnAdAllBorderColorel.style.borderRadius this.contents.btnAdAllBorderRadiusel.style.backgroundColor this.contents.btnAdAllWarnBgColor})})},// 表格rowStyle({ row, rowIndex}) {if (rowIndex % 2 1) {if(this.contents.tableStripe) {return {color:this.contents.tableStripeFontColor}}} else {return }},cellStyle({ row, rowIndex}){if (rowIndex % 2 1) {if(this.contents.tableStripe) {return {backgroundColor:this.contents.tableStripeBgColor}}} else {return }},headerRowStyle({ row, rowIndex}){return {color: this.contents.tableHeaderFontColor}},headerCellStyle({ row, rowIndex}){return {backgroundColor: this.contents.tableHeaderBgColor}},// 表格按钮contentTableBtnStyleChange(){},// 分页contentPageStyleChange(){let arr []if(this.contents.pageTotal) arr.push(total)if(this.contents.pageSizes) arr.push(sizes)if(this.contents.pagePrevNext){arr.push(prev)if(this.contents.pagePager) arr.push(pager)arr.push(next)}if(this.contents.pageJumper) arr.push(jumper)this.layouts arr.join()this.contents.pageEachNum 10},init () {},search() {this.pageIndex 1;this.getDataList();},// 获取数据列表getDataList() {this.dataListLoading true;let params {page: this.pageIndex,limit: this.pageSize,sort: id,}if(this.searchForm.indexNameSearch! this.searchForm.indexNameSearch!undefined){params[indexName] this.searchForm.indexNameSearch}//本表的params[dicCode] jiancedian_types//编码名字params[dicName] 检测点,//汉字名字this.\)http({url: dictionary/page,method: get,params: params}).then(({ data }) {if (data data.code 0) {this.dataList data.data.list;this.totalPage data.data.total;} else {this.dataList [];this.totalPage 0;}this.dataListLoading false;});},// 每页数sizeChangeHandle(val) {this.pageSize val;this.pageIndex 1;this.getDataList();},// 当前页currentChangeHandle(val) {this.pageIndex val;this.getDataList();},// 多选selectionChangeHandler(val) {this.dataListSelections val;},// 添加/修改addOrUpdateHandler(id,type) {this.showFlag false;this.addOrUpdateFlag true;this.crossAddOrUpdateFlag false;if(type!info){type else;}this.\(nextTick(() {this.\)refs.addOrUpdate.init(id,type);});},// 删除deleteHandler(id) {var ids id? [Number(id)]: this.dataListSelections.map(item {return Number(item.id);});this.\(confirm(确定进行[\){id ? 删除 : 批量删除}]操作?, 提示, {confirmButtonText: 确定,cancelButtonText: 取消,type: warning}).then(() {this.\(http({url: dictionary/delete,method: post,data: ids}).then(({ data }) {if (data data.code 0) {this.\)message({message: 操作成功,type: success,duration: 1500,onClose: () {this.search();}});} else {this.$message.error(data.msg);}});});},}}; /script style langscss scoped .slt {margin: 0 !important;display: flex;}.ad {margin: 0 !important;display: flex;}.pages { /deep/ el-paginationsizes{ /deep/ el-inputinner {height: 22px;line-height: 22px;}}}.el-button.el-button {margin:0;} .tables { /deep/ .el-button–success {height: 40px;color: #333;font-size: 14px;border-width: 1px;border-style: solid;border-color: #DCDFE6;border-radius: 4px;background-color: rgba(117, 113, 249, 1);} /deep/ .el-button–primary {height: 40px;color: #333;font-size: 14px;border-width: 1px;border-style: solid;border-color: #DCDFE6;border-radius: 4px;background-color: rgba(102, 204, 255, 1);} /deep/ .el-button–danger {height: 40px;color: #333;font-size: 14px;border-width: 1px;border-style: solid;border-color: #DCDFE6;border-radius: 4px;background-color: rgba(204, 255, 102, 1);} /deep/ .el-button {margin: 4px;}} /style