@TOC
ssm470驾校收支管理可视化平台的设计与实现+jsp
绪论
1.1 研究背景
当前社会各行业领域竞争压力非常大,随着当前时代的信息化,科学化发展,让社会各行业领域都争相使用新的信息技术,对行业内的各种相关数据进行科学化,规范化管理。这样的大环境让那些止步不前,不接受信息改革带来的信息技术的企业随时面临被淘汰,被取代的风险。所以当今,各个行业领域,不管是传统的教育行业,餐饮行业,还是旅游行业,医疗行业等领域都将使用新的信息技术进行信息革命,改变传统的纸质化,需要人手工处理工作事务的办公环境。软件信息技术能够覆盖社会各行业领域是时代的发展要求,各种数据以及文件真正实现电子化是信息社会发展的不可逆转的必然趋势。本驾校收支管理可视化平台也是紧跟科学技术的发展,运用当今一流的软件技术实现软件系统的开发,让家具销售库存管理信息完全通过管理系统实现科学化,规范化,程序化管理。从而帮助信息使用者节省事务处理的时间,降低数据处理的错误率,对于基础数据的管理水平可以起到促进作用,也从一定程度上对随意的业务管理工作进行了避免,同时,驾校收支管理可视化平台的数据库里面存储的各种动态信息,也为上层管理人员作出重大决策提供了大量的事实依据。总之,驾校收支管理可视化平台是一款可以真正提升使用者的使用效率的软件系统。
1.2 目的和意义
信息数据的处理完全依赖人工进行操作,会耗费大量的人工成本,特别是面对大量的数据信息时,传统人工操作不仅不能对数据的出错率进行保证,还容易出现各种信息资源的低利用率与低安全性问题。更有甚者,耽误大量的宝贵时间,尤其是对信息的更新,归纳与统计更是耗财耗力的过程。所以电子化信息管理的出现就能缓解以及改变传统人工方式面临的处境,一方面可以确保信息数据在短时间被高效处理,还能节省人力成本,另一方面可以确保信息数据的安全性,可靠性,并可以实现信息数据的快速检索与修改操作,这些优点是之前的旧操作模式无法比拟的。因此驾校收支管理可视化平台为数据信息的管理模式的升级与改革提供了重要的窗口。
1.3 论文结构安排
为了帮助用户更好的了解和理解程序的开发流程与相关内容,本文将通过六个章节进行内容阐述。
第一章:描述了程序的开发背景,程序运用于现实生活的目的与意义,以及程序文档的结构安排信息;
第二章:描述了程序的开发环境,包括程序开发涉及到的技术,程序开发使用的数据存储工具等信息;
第三章:描述了程序着手进行开发时,会面临的可行性问题,并对程序功能以及性能要求进行描述;
第四章:描述了程序大功能模块下的功能细分信息,以及存储程序数据的数据库表文件结构的设计信息等;
第五章:描述了程序的功能实现界面的内容,也对程序操作人员操作的部分功能进行了描述;
第六章:描述了程序功能的测试内容,并介绍了系统测试的概念与方法。
2 相关技术
2.1 B/S结构介绍
在早期,一些使用HTML语言编写的文件,再集合一些其它资源文件就可以组成一个最简单的Web程序,了解了Web程序也需要了解Web站点,它们之间的关系就是一个或者多个Web程序可以放在Internet上的一个Web站点(Web服务器)中进行使用。可以说Web应用程序的开发也带动了B/S这种网络结构模式的兴起。B是Brower(浏览器)的首字母,S是Server(服务器)的首字母,两个首字母进行组合就成了网络结构模式的简称B/S。由于这种结构模式通过安装在客户端的浏览器进行服务器的访问,可以把程序的核心功能安排在服务器中进行处理,给程序的开发,后期使用和维护省去了许多工作。图2.2展示的就是使用这种架构开发的程序的工作原理。
图2.2 B/S架构的工作原理图
2.2 MySQL数据库介绍
开发的程序面向用户的只是程序的功能界面,让用户操作程序界面的各个功能,那么很多人就会问,用户使用程序功能生成的数据信息放在哪里的?这个就需要涉及到数据库的知识了,一般来说,程序开发通常就会对常用数据存储工具的特点进行分析比对,比如MySQL数据库的特点与优势,Access数据库的特点与优势,Sqlserver数据库的特点与优势等,最终看哪个数据库与需要开发的程序比较匹配,也符合程序功能运行需要的数据存储要求,比如,需要开发商业级别的程序,存储的数据对数据库要求较高,可以选用Oracle,如果只是比较简单的程序,对数据存储没有过多要求,可以选用微软旗下的Access,当开发程序要求数据库占用空间小,并能满足程序数据存储要求时,就可以考虑Oracle公司从瑞典MySQL AB公司在很早之前就收购过一个关系型数据库,它是现在的MySQL数据库。在数据库工具里面它是最受认可的其中一个应用软件。需要说明的信息就是,本程序的开发就运用到了此数据库。它将程序数据通过使用不同的数据表格进行保存,在增加了程序数据的存储速度的时候,也提高了数据库的灵活性。 图2.3展示的就是MySQL的架构图。
图2.3 MySQL数据库架构图
2.3 SSM框架介绍
SSM框架,是Spring+Spring MVC+MyBatis的缩写,这个是继SSH之后,目前比较主流的Java EE企业级框架,适用于搭建各种大型的企业级应用系统。
1.Spring简介
Spring是一个开源框架,Spring是于2003年兴起的一个轻量级的Java开发框架,由Rod Johnson在其著作Expert One-On-One J2EE Development and Design中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。然而,Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言,任何Java应用都可以从Spring中受益。简单来说,Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架。
2.Spring MVC简介
Spring MVC属于Spring Framework的后续产品,已经融合在Spring Web Flow里面,它原生支持的Spring特性,让开发变得非常简单规范。Spring MVC分离了控制器、模型对象、分派器以及处理程序对象的角色,这种分离让它们更容易进行定制。
3.MyBatis简介
MyBatis本是apache的一个开源项目iBatis,2010年这个项目由apache software foundation迁移到了google code,并且改名为MyBatis。MyBatis是一个基于Java的持久层框架。iBATIS提供的持久层框架包括SQL Maps和Data Access Objects(DAO)MyBatis消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索。MyBatis使用简单的XML或注解用于配置和原始映射,将接口和Java的POJOs(Plain Old Java Objects,普通的Java对象)映射成数据库中的记录。可以这么理解,MyBatis是一个用来帮你管理数据增删改查的框架。
2.4 JSP介绍
JSP全称Java Server Pages,是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。
JSP是一种Java servlet,主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。
JSP通过网页表单获取用户输入数据、访问数据库及其他数据源,然后动态地创建网页。
JSP标签有多种功能,比如访问数据库、记录用户选择信息、访问JavaBeans组件等,还可以在不同的网页中传递控制信息和共享信息。
3 系统分析
当用户确定开发一款程序时,是需要遵循下面的顺序进行工作,概括为:系统分析-->系统设计-->系统开发-->系统测试,无论这个过程是否有变更或者迭代,都是按照这样的顺序开展工作的。系统分析就是分析系统需要做什么的问题,主要目的就是确定系统的功能,这也为接下来的工作做了一个好的开端。
3.1 系统可行性分析
开发一款程序软件不仅需要时间,也需要人力,物力资源。而进行可行性分析这个环节就是解决用户这方面的疑问,看看程序在当前的条件下是否可以进行开发。
3.1.1 技术可行性分析
此程序选用的开发语言是Java,这种编程语言有着丰富的数据类型,在指令控制语句上也比较完善,更重要的就是对类与对象的大力支持,这些优点为程序开发者提供了技术保障,尤其是现在代码都逐渐模块化,有关系统功能开发的源码在网络上都公开展示了,所以让具备一定计算机开发基础的开发人员独立开发系统在技术上也逐渐容易。
3.1.2 经济可行性分析
开发此程序最关键的设备就是一台电脑,无论是学校计算机室配备的电脑,还是自己入学以来购置的笔记本,都是可以符合开发要求的设备,另外在网络上,学校本已完全覆盖了校园网,所以在设备以及网络上无须考虑经济问题。
3.1.3 运行可行性分析
随着电脑软件以及配套硬件的完善升级,当下的计算机环境是一片大好,尤其是计算机已经广泛普及到家家户户,所以计算机设备现在是随处可见,由于本次开发的程序占有的资源耗费较小,在一般的电脑或笔记本上都能轻松运转起来。
通过上面的可行性描述,可以从经济,技术,运行方面解决程序开发是否可行的问题。因此可以认为该程序软件是可以进行开发的。
3.2 系统性能分析
系统性能分析也是比较重要的内容,进行系统性能分析就是为了确保系统的功能要能够在生活中运行使用时,达到规定的指标,因此一个完整的系统软件,是需要进行系统的性能分析这个步骤的。本次进行性能分析主要从易用性指标,可扩展性指标,系统健壮性指标,系统安全性指标这几个方面进行分析。
3.2.1 易用性指标
本次程序软件的开发的目的就是让使用者可以通过使用该软件提高信息数据的管理效率,同时该程序软件也需要针对不同的操作用户设置对应的功能,因此,此程序的操作流程应该尽量与用户日常操作软件的行为习惯相贴合,另外,程序软件的设计与开发也应考虑非计算机专业用户的计算机操作水平,要让大部分使用者都可以轻松操作程序提供的各个功能。
3.2.2 可扩展性指标
当前需要开发的程序软件是根据当下的用户需求进行设计开发的,但是随着时间的推移,社会大环境的改变,开发出的程序也是需要与时俱进的,需要根据用户不断变换的需求进行相应的功能内容的扩展,需要注意的就是,当对成型的程序进行功能模块新增时,仍然需要保证程序原有架构以及功能不能受到影响,新增的功能模块在系统中也能够运行正常,该指标达标也就可以保证此程序是可以在满足信息管理要求下,从容应对市场环境的变化。
3.2.3 健壮性指标
程序软件的开发就是为了投入使用时,可以一直稳定的处理各种数据信息,程序软件一旦不稳定,也会给使用者带来干扰。因此从性能分析的角度,就要要求程序软件在应对使用者的误操作,或者是使用者因为各种原因,填写有误的数据等情况时,程序要一直保持稳定,并能够正常让使用者进行使用。当程序的某个功能模块出现异常时,程序的其它功能模块也要能够确保正常使用。程序的健壮性指标达标可以让使用者产生良好的用户体验。
3.2.4 安全性指标
程序软件的安全问题是首要问题,毕竟程序对应数据库里面存放的数据信息是庞大的,里面也包括了许多重要的个人信息,这就对程序要具备一个完善的安全机制提出了要求。因此程序必须要设置登录功能用以进行用户身份的检查,以及身份和权限的匹配,通过对不同用户身份进行功能约束,绝不容忍用户越权操作程序。另外,也需要时刻防范计算机病毒,还有黑客,通过采取针对性的办法进行安全应对,确保程序时刻处于安全的环境,让使用者放心使用。
3.3 系统流程分析
3.3.1 操作流程分析
程序上交给用户进行使用时,需要提供程序的操作流程图(如图3.1所示),这样便于用户容易理解程序的具体工作步骤,现如今程序的操作流程都有一个大致的标准,即先通过登录页面提交登录数据,通过程序验证正确之后,用户才能在程序功能操作区页面操作对应的功能。
图3.1 程序操作流程图
3.3.2 登录流程分析
在这个部分,需要对程序的登录功能模块的运行流程(如图3.2所示),进行单独说明。程序设置登录模块也是为了安全起见,让用户使用放心,登录模块主要就是让用户提交登录信息,程序进行数据验证,验证通过的用户才能够成功登录程序。
图3.2 程序登录流程图
3.3.3 信息添加流程分析
程序的添加功能就是提供给操作者录入信息的功能,不管是涉及到用户信息添加,还是其它功能模块涉及到的信息添加,程序的信息添加流程(如图3.3所示)都是一致的。程序都是先对操作者录入的数据进行判定,这个判定规则是一段提前编写完成的程序代码,当程序判定数据符合要求时,才会把操作者录入的数据登记在数据表里面,比如添加的用户信息,就会把新添加的用户信息写入用户信息的数据表文件里面。
图3.3 信息添加流程图
3.3.4 信息删除流程分析
当从程序里面删除某种无效数据时,遵循程序的信息删除流程(如图3.4所示),先要选中操作者需要删除的数据,程序为了预防操作者误删信息,也会进行提示,当操作者真正确定要删选中的信息时,该信息就会从数据库中被永久删除。
图3.4 信息删除流程图
4 系统设计
驾校收支管理可视化平台的设计方案比如功能框架的设计,比如数据库的设计的好坏也就决定了该系统在开发层面是否高效,以及在系统维护层面是否容易维护和升级,因为在系统实现阶段是需要考虑用户的所有需求,要是在设计阶段没有经过全方位考虑,那么系统实现的部分也就无从下手,所以系统设计部分也是至关重要的一个环节,只有根据用户需求进行细致全面的考虑,才有希望开发出功能健全稳定的程序软件。
4.1 系统概要设计
本次拟开发的系统为了节约开发成本,也为了后期在维护和升级上的便利性,打算通过浏览器来实现系统功能界面的展示,让程序软件的主要事务集中在后台的服务器端处理,前端部分只用处理少量的事务逻辑。下面使用一张图(如图4.1所示)来说明程序的工作原理。
图4.1 程序工作的原理图
4.2 系统功能结构设计
在分析并得出使用者对程序的功能要求时,就可以进行程序设计了。如图4.2展示的就是管理员功能结构图。
图4.2 功能结构图
4.3 数据库设计
程序功能操作不管是添加,修改,还是删除等功能产生的数据都是经由数据库进行数据保存和更新的,所以一个数据库设计的好坏也是程序是否好坏的判定标准,因为程序的成功,有一半的功劳都是靠数据库的优秀设计。数据库一旦设计得良好是可以减轻开发人员的开发负担的。
4.3.1 数据库E-R图设计
这个部分的设计需要使用到E-R图绘制工具,常用的工具就是Visio工具来绘制E-R模型图,这款工具不仅可以快速创建需要的E-R模型图,而且该工具提供的操作界面很简单,可以短时间内修改绘图界面的图形或者是文字的属性。在绘制E-R模型图时,要分清楚各个图形代表的含义,以免绘制出错,E-R模型图由长方形(实体),椭圆形(属性),菱形(关系)这三部分图形符号组成,绘制期间要区分开来,用准确的图形符号代表相应的数据元素。
(1)管理员实体属性图见图4.4。
图4.4 管理员实体属性图
(2)财务实体属性图见图4.5。
图4.5 财务实体属性图
(3)教练实体属性图见图4.6。
图4.6 教练实体属性图
4.3.2 数据库表结构设计
数据库系统一旦选定之后,需要根据程序要求在数据库中建立数据库文件,并在已经完成创建的数据库文件里面,为程序运行中产生的数据建立对应的数据表格,数据表结构设计就是对创建的数据表格进行字段设计,字段长度设计,字段类型设计等,当数据表格合理设计完成之后,才能正常存储相关程序运行产生的数据信息。
1招生宣传表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | biaoti | String | 标题 | 是 |
4 | jianjie | String | 简介 | 是 |
5 | neirong | String | 内容 | 是 |
6 | fabushijian | date | 发布时间 | 是 |
2教练表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | jiaolianzhanghao | String | 教练账号 | 是 |
4 | mima | String | 密码 | 是 |
5 | jiaolianxingming | String | 教练姓名 | 是 |
6 | xingbie | String | 性别 | 是 |
7 | nianling | Integer | 年龄 | 是 |
8 | lianxidianhua | String | 联系电话 | 是 |
9 | shenfenzheng | String | 身份证 | 是 |
3财务表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | caiwuzhanghao | String | 财务账号 | 是 |
4 | mima | String | 密码 | 是 |
5 | caiwuxingming | String | 财务姓名 | 是 |
6 | xingbie | String | 性别 | 是 |
7 | shouji | String | 手机 | 是 |
8 | shenfenzheng | String | 身份证 | 是 |
4学员表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | xueyuanzhanghao | String | 学员账号 | 是 |
4 | mima | String | 密码 | 是 |
5 | xueyuanxingming | String | 学员姓名 | 是 |
6 | xingbie | String | 性别 | 是 |
7 | shouji | String | 手机 | 是 |
8 | shenfenzheng | String | 身份证 | 是 |
5考试安排表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | xueyuanzhanghao | String | 学员账号 | 是 |
4 | xueyuanxingming | String | 学员姓名 | 是 |
5 | kaoshixiangmu | String | 考试项目 | 是 |
6 | kaoshishijian | datetime | 考试时间 | 是 |
7 | kaoshididian | String | 考试地点 | 是 |
8 | zhuyishixiang | String | 注意事项 | 是 |
6学习进度表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | xueyuanzhanghao | String | 学员账号 | 是 |
4 | xueyuanxingming | String | 学员姓名 | 是 |
5 | xuexineirong | String | 学习内容 | 是 |
6 | xuexishizhang | String | 学习时长 | 是 |
7 | xuexijindu | String | 学习进度 | 是 |
8 | tianjiariqi | date | 添加日期 | 是 |
9 | jiaolianzhanghao | String | 教练账号 | 是 |
10 | jiaolianxingming | String | 教练姓名 | 是 |
7用户表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | username | String | 用户名 | 是 |
3 | password | String | 密码 | 是 |
4 | role | String | 角色 | 是 |
5 | addtime | Date | 新增时间 | 是 |
8token表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | userid | Integer | 用户id | 是 |
3 | username | String | 用户名 | 是 |
4 | tablename | String | 表名 | 是 |
5 | role | String | 角色 | 是 |
6 | token | String | 密码 | 是 |
7 | addtime | Date | 新增时间 | 是 |
8 | expiratedtime | Date | 过期时间 | 是 |
9缴费信息表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | feiyongmingcheng | String | 费用名称 | 是 |
4 | feiyongleixing | String | 费用类型 | 是 |
5 | feiyongjine | float | 费用金额 | 是 |
6 | feiyongmiaoshu | String | 费用描述 | 是 |
7 | fasongshijian | date | 发送时间 | 是 |
8 | xueyuanzhanghao | String | 学员账号 | 是 |
9 | xueyuanxingming | String | 学员姓名 | 是 |
10 | caiwuzhanghao | String | 财务账号 | 是 |
11 | caiwuxingming | String | 财务姓名 | 是 |
12 | sfsh | String | 是否审核 | 是 |
13 | shhf | String | 审核回复 | 是 |
14 | ispay | String | 是否支付 | 是 |
10车辆维护表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | cheliangbianhao | String | 车辆编号 | 是 |
4 | cheliangpinpai | String | 车辆品牌 | 是 |
5 | weihuleixing | String | 维护类型 | 是 |
6 | weihujine | float | 维护金额 | 是 |
7 | weihushijian | date | 维护时间 | 是 |
8 | weihuneirong | String | 维护内容 | 是 |
9 | jiaolianzhanghao | String | 教练账号 | 是 |
10 | jiaolianxingming | String | 教练姓名 | 是 |
11 | sfsh | String | 是否审核 | 是 |
12 | shhf | String | 审核回复 | 是 |
13 | ispay | String | 是否支付 | 是 |
11教练分配表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | jiaolianzhanghao | String | 教练账号 | 是 |
4 | jiaolianxingming | String | 教练姓名 | 是 |
5 | xingbie | String | 性别 | 是 |
6 | nianling | Integer | 年龄 | 是 |
7 | lianxidianhua | String | 联系电话 | 是 |
8 | jiaolianjieshao | String | 教练介绍 | 是 |
9 | xueyuanzhanghao | String | 学员账号 | 是 |
10 | xueyuanxingming | String | 学员姓名 | 是 |
12学习计划表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | xueyuanzhanghao | String | 学员账号 | 是 |
4 | xueyuanxingming | String | 学员姓名 | 是 |
5 | lianxishijian | datetime | 练习时间 | 是 |
6 | lianxishizhang | String | 练习时长 | 是 |
7 | lianxididian | String | 练习地点 | 是 |
8 | lianxineirong | String | 练习内容 | 是 |
9 | jiaolianzhanghao | String | 教练账号 | 是 |
10 | jiaolianxingming | String | 教练姓名 | 是 |
13考试成绩表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | xueyuanzhanghao | String | 学员账号 | 是 |
4 | xueyuanxingming | String | 学员姓名 | 是 |
5 | kaoshixiangmu | String | 考试项目 | 是 |
6 | kaoshishijian | date | 考试时间 | 是 |
7 | kaoshichengji | float | 考试成绩 | 是 |
8 | kaoshijieguo | String | 考试结果 | 是 |
14车辆信息表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | addtime | Date | 创建时间 | 是 |
3 | cheliangbianhao | String | 车辆编号 | 是 |
4 | cheliangpinpai | String | 车辆品牌 | 是 |
5 | chejiahao | String | 车架号 | 是 |
6 | huandangfangshi | String | 换挡方式 | 是 |
7 | cheliangnianxian | String | 车辆年限 | 是 |
8 | tianjiashijian | date | 添加时间 | 是 |
9 | jiaolianzhanghao | String | 教练账号 | 是 |
10 | jiaolianxingming | String | 教练姓名 | 是 |
15配置文件表
序号 | 列名 | 数据类型 | 说明 | 允许空 |
---|---|---|---|---|
1 | Id | Int | id | 否 |
2 | name | String | 配置参数名称 | 是 |
3 | value | String | 配置参数值 | 是 |
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.2 财务模块功能
5.2.1 车辆维护管理
如图5.4显示的就是车辆维护管理页面,财务可以对车辆维护信息进行支付,审核,查看,统计操作。
图5.4 车辆维护管理页面
5.2.2 缴费信息管理
如图5.5显示的就是缴费信息管理页面,财务对学员的缴费信息进行审核,查看,统计,查询操作。
图5.5 缴费信息管理页面
5.3 教练管理
5.3.1 学习计划
如图5.6显示的就是学习计划页面,教练可以在教练分配里面发布学习计划。
图5.6 学习计划页面
5.3.2 学习进度
如图5.7显示的就是学习进度页面,教练可以在学习计划里面发布学习进度。
图5.7 学习进度页面
5.3.3 车辆信息
如图5.8显示的就是车辆信息页面,教练可以在车辆信息里面发布维护信息。
图5.8 车辆信息页面
5.4 学员管理
5.4.1 教练分配
如图5.9显示的就是教练分配页面,学员可以查看教练分配。
图5.9 教练分配页面
5.4.2 考试成绩
如图5.10显示的就是考试成绩页面,学员可以查看自己的考试成绩。
图5.10 考试成绩页面
5.4.3 缴费信息
如图5.11显示的就是缴费信息页面,学员可以查看自己的缴费信息,也可以支付操作。
图5.11 缴费信息页面
系统
KaoshianpaiServiceImpl.java
package com.service.impl;
import org.springframework.stereotype.Service;
import java.util.Map;
import java.util.List;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import com.utils.PageUtils;
import com.utils.Query;
import com.dao.KaoshianpaiDao;
import com.entity.KaoshianpaiEntity;
import com.service.KaoshianpaiService;
import com.entity.vo.KaoshianpaiVO;
import com.entity.view.KaoshianpaiView;
@Service("kaoshianpaiService")
public class KaoshianpaiServiceImpl extends ServiceImpl<KaoshianpaiDao, KaoshianpaiEntity> implements KaoshianpaiService {
@Override
public PageUtils queryPage(Map<String, Object> params) {
Page<KaoshianpaiEntity> page = this.selectPage(
new Query<KaoshianpaiEntity>(params).getPage(),
new EntityWrapper<KaoshianpaiEntity>()
);
return new PageUtils(page);
}
@Override
public PageUtils queryPage(Map<String, Object> params, Wrapper<KaoshianpaiEntity> wrapper) {
Page<KaoshianpaiView> page =new Query<KaoshianpaiView>(params).getPage();
page.setRecords(baseMapper.selectListView(page,wrapper));
PageUtils pageUtil = new PageUtils(page);
return pageUtil;
}
@Override
public List<KaoshianpaiVO> selectListVO(Wrapper<KaoshianpaiEntity> wrapper) {
return baseMapper.selectListVO(wrapper);
}
@Override
public KaoshianpaiVO selectVO(Wrapper<KaoshianpaiEntity> wrapper) {
return baseMapper.selectVO(wrapper);
}
@Override
public List<KaoshianpaiView> selectListView(Wrapper<KaoshianpaiEntity> wrapper) {
return baseMapper.selectListView(wrapper);
}
@Override
public KaoshianpaiView selectView(Wrapper<KaoshianpaiEntity> wrapper) {
return baseMapper.selectView(wrapper);
}
}
MD5Util.java
package com.utils;
import cn.hutool.crypto.digest.DigestUtil;
public class MD5Util {
/**
* @param text明文
* @param key密钥
* @return 密文
*/
// 带秘钥加密
public static String md5(String text) {
// 加密后的字符串
String md5str = DigestUtil.md5Hex(text);
return md5str;
}
}
XuexijinduController.java
package com.controller;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;
import com.entity.XuexijinduEntity;
import com.entity.view.XuexijinduView;
import com.service.XuexijinduService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.CommonUtil;
import java.io.IOException;
/**
* 学习进度
* 后端接口
* @author
* @email
* @date 2022-04-28 12:09:05
*/
@RestController
@RequestMapping("/xuexijindu")
public class XuexijinduController {
@Autowired
private XuexijinduService xuexijinduService;
/**
* 后端列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,XuexijinduEntity xuexijindu,
HttpServletRequest request){
String tableName = request.getSession().getAttribute("tableName").toString();
if(tableName.equals("xueyuan")) {
xuexijindu.setXueyuanzhanghao((String)request.getSession().getAttribute("username"));
}
if(tableName.equals("jiaolian")) {
xuexijindu.setJiaolianzhanghao((String)request.getSession().getAttribute("username"));
}
EntityWrapper<XuexijinduEntity> ew = new EntityWrapper<XuexijinduEntity>();
PageUtils page = xuexijinduService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, xuexijindu), params), params));
request.setAttribute("data", page);
return R.ok().put("data", page);
}
/**
* 前端列表
*/
@IgnoreAuth
@RequestMapping("/list")
public R list(@RequestParam Map<String, Object> params,XuexijinduEntity xuexijindu,
HttpServletRequest request){
EntityWrapper<XuexijinduEntity> ew = new EntityWrapper<XuexijinduEntity>();
PageUtils page = xuexijinduService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, xuexijindu), params), params));
request.setAttribute("data", page);
return R.ok().put("data", page);
}
/**
* 列表
*/
@RequestMapping("/lists")
public R list( XuexijinduEntity xuexijindu){
EntityWrapper<XuexijinduEntity> ew = new EntityWrapper<XuexijinduEntity>();
ew.allEq(MPUtil.allEQMapPre( xuexijindu, "xuexijindu"));
return R.ok().put("data", xuexijinduService.selectListView(ew));
}
/**
* 查询
*/
@RequestMapping("/query")
public R query(XuexijinduEntity xuexijindu){
EntityWrapper< XuexijinduEntity> ew = new EntityWrapper< XuexijinduEntity>();
ew.allEq(MPUtil.allEQMapPre( xuexijindu, "xuexijindu"));
XuexijinduView xuexijinduView = xuexijinduService.selectView(ew);
return R.ok("查询学习进度成功").put("data", xuexijinduView);
}
/**
* 后端详情
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") Long id){
XuexijinduEntity xuexijindu = xuexijinduService.selectById(id);
return R.ok().put("data", xuexijindu);
}
/**
* 前端详情
*/
@IgnoreAuth
@RequestMapping("/detail/{id}")
public R detail(@PathVariable("id") Long id){
XuexijinduEntity xuexijindu = xuexijinduService.selectById(id);
return R.ok().put("data", xuexijindu);
}
/**
* 后端保存
*/
@RequestMapping("/save")
public R save(@RequestBody XuexijinduEntity xuexijindu, HttpServletRequest request){
xuexijindu.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(xuexijindu);
xuexijinduService.insert(xuexijindu);
return R.ok();
}
/**
* 前端保存
*/
@RequestMapping("/add")
public R add(@RequestBody XuexijinduEntity xuexijindu, HttpServletRequest request){
xuexijindu.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(xuexijindu);
xuexijinduService.insert(xuexijindu);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
@Transactional
public R update(@RequestBody XuexijinduEntity xuexijindu, HttpServletRequest request){
//ValidatorUtils.validateEntity(xuexijindu);
xuexijinduService.updateById(xuexijindu);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
xuexijinduService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
/**
* 提醒接口
*/
@RequestMapping("/remind/{columnName}/{type}")
public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request,
@PathVariable("type") String type,@RequestParam Map<String, Object> map) {
map.put("column", columnName);
map.put("type", type);
if(type.equals("2")) {
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
Calendar c = Calendar.getInstance();
Date remindStartDate = null;
Date remindEndDate = null;
if(map.get("remindstart")!=null) {
Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
c.setTime(new Date());
c.add(Calendar.DAY_OF_MONTH,remindStart);
remindStartDate = c.getTime();
map.put("remindstart", sdf.format(remindStartDate));
}
if(map.get("remindend")!=null) {
Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
c.setTime(new Date());
c.add(Calendar.DAY_OF_MONTH,remindEnd);
remindEndDate = c.getTime();
map.put("remindend", sdf.format(remindEndDate));
}
}
Wrapper<XuexijinduEntity> wrapper = new EntityWrapper<XuexijinduEntity>();
if(map.get("remindstart")!=null) {
wrapper.ge(columnName, map.get("remindstart"));
}
if(map.get("remindend")!=null) {
wrapper.le(columnName, map.get("remindend"));
}
String tableName = request.getSession().getAttribute("tableName").toString();
if(tableName.equals("xueyuan")) {
wrapper.eq("xueyuanzhanghao", (String)request.getSession().getAttribute("username"));
}
if(tableName.equals("jiaolian")) {
wrapper.eq("jiaolianzhanghao", (String)request.getSession().getAttribute("username"));
}
int count = xuexijinduService.selectCount(wrapper);
return R.ok().put("count", count);
}
}
list.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<%@ include file="../../static/head.jsp"%>
<!-- font-awesome -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/font-awesome.min.css">
</head>
<style>
</style>
<body>
<!-- Pre Loader -->
<div class="loading">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<!--/Pre Loader -->
<div class="wrapper">
<!-- Page Content -->
<div id="content">
<!-- Top Navigation -->
<%@ include file="../../static/topNav.jsp"%>
<!-- Menu -->
<div class="container menu-nav">
<nav class="navbar navbar-expand-lg lochana-bg text-white">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="ti-menu text-white"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- <div class="z-navbar-nav-title">$template2.back.menu.title.text</div> -->
<ul id="navUl" class="navbar-nav mr-auto">
</ul>
</div>
</nav>
</div>
<!-- /Menu -->
<!-- Breadcrumb -->
<!-- Page Title -->
<div class="container mt-0">
<div class="row breadcrumb-bar">
<div class="col-md-6">
<h3 class="block-title">考试安排管理</h3>
</div>
<div class="col-md-6">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="${pageContext.request.contextPath}/index.jsp">
<span class="ti-home"></span>
</a>
</li>
<li class="breadcrumb-item"><span>考试安排管理</span></li>
<li class="breadcrumb-item active"><span>考试安排列表</span></li>
</ol>
</div>
</div>
</div>
<!-- /Page Title -->
<!-- /Breadcrumb -->
<!-- Main Content -->
<div class="container">
<div class="row">
<!-- Widget Item -->
<div class="col-md-12">
<div class="widget-area-2 lochana-box-shadow">
<h3 class="widget-title">考试安排列表</h3>
<div class="table-responsive mb-3" id="tableDiv">
<div class="col-sm-12">
<label>
学员姓名
</label>
<input type="text" id="xueyuanxingmingSearch" class="form-control form-control-sm" placeholder="请输入学员姓名" aria-controls="tableId">
<button onclick="search()" type="button" class="btn btn-primary">查询</button>
<button onclick="add()" type="button" class="btn btn-success 新增">添加</button>
<button onclick="deleteMore()" type="button" class="btn btn-danger 删除">批量删除</button>
</div>
<table id="tableId" class="table table-bordered table-striped">
<thead>
<tr>
<th class="no-sort" style="min-width: 35px;">
<div class="custom-control custom-checkbox">
<input class="custom-control-input" type="checkbox" id="select-all" onclick="chooseAll()">
<label class="custom-control-label" for="select-all"></label>
</div>
</th>
<th onclick="sort('xueyuanzhanghao')">学员账号<i id="xueyuanzhanghaoIcon" class="fa fa-sort"></i></th>
<th onclick="sort('xueyuanxingming')">学员姓名<i id="xueyuanxingmingIcon" class="fa fa-sort"></i></th>
<th onclick="sort('kaoshixiangmu')">考试项目<i id="kaoshixiangmuIcon" class="fa fa-sort"></i></th>
<th onclick="sort('kaoshishijian')">考试时间<i id="kaoshishijianIcon" class="fa fa-sort"></i></th>
<th onclick="sort('kaoshididian')">考试地点<i id="kaoshididianIcon" class="fa fa-sort"></i></th>
<th>注意事项</th>
<th>操作</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div class="col-md-6 col-sm-3 z-pages" style="flex:none;max-width:inherit;display:flex;">
<div class="dataTables_length" id="tableId_length">
<select name="tableId_length" aria-controls="tableId" id="selectPageSize" onchange="changePageSize()">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span class="text">条每页</span>
</div>
<nav aria-label="Page navigation example">
<ul class="pagination justify-content-end">
<li class="page-item" id="tableId_previous" onclick="pageNumChange('pre')">
<a class="page-link" href="#" tabindex="-1">上一页</a>
</li>
<li class="page-item" id="tableId_next" onclick="pageNumChange('next')">
<a class="page-link" href="#">下一页</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- /Widget Item -->
</div>
</div>
<!-- /Main Content -->
</div>
<!-- /Page Content -->
</div>
<!-- Back to Top -->
<a id="back-to-top" href="#" class="back-to-top">
<span class="ti-angle-up"></span>
</a>
<!-- /Back to Top -->
<%@ include file="../../static/foot.jsp"%>
<script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/resources/My97DatePicker/WdatePicker.js"></script>
<script>
<%@ include file="../../utils/menu.jsp"%>
<%@ include file="../../static/setMenu.js"%>
<%@ include file="../../utils/baseUrl.jsp"%>
<%@ include file="../../static/getRoleButtons.js"%>
<%@ include file="../../static/crossBtnControl.js"%>
var tableName = "kaoshianpai";
var pageType = "list";
var searchForm = { key: ""};
var pageIndex = 1;
var pageSize = 10;
var totalPage = 0;
var dataList = [];
var sortColumn = '';
var sortOrder= '';
var ids = [];
var checkAll = false;
function init() {
// 满足条件渲染提醒接口
}
// 改变每页记录条数
function changePageSize() {
var selection = document.getElementById('selectPageSize');
var index = selection.selectedIndex;
pageSize = selection.options[index].value;
getDataList();
}
//排序
function sort(columnName){
var iconId = '#'+columnName+'Icon'
$('th i').attr('class','fa fa-sort');
if(sortColumn == '' || sortColumn != columnName){
sortColumn = columnName;
sortOrder = 'asc';
$(iconId).attr('class','fa fa-sort-asc');
}
if(sortColumn == columnName){
if(sortOrder == 'asc'){
sortOrder = 'desc';
$(iconId).attr('class','fa fa-sort-desc');
}else{
sortOrder = 'asc';
$(iconId).attr('class','fa fa-sort-asc');
}
}
pageIndex = 1;
getDataList();
}
// 查询
function search(){
searchForm = { key: ""};
if($('#xueyuanxingmingSearch').val() != null && $('#xueyuanxingmingSearch').val() != ''){
searchForm.xueyuanxingming ="%" + $('#xueyuanxingmingSearch').val() + "%";
}
getDataList();
}
// 获取数据列表
function getDataList() {
http("kaoshianpai/page","GET",{
page: pageIndex,
limit: pageSize,
sort: sortColumn,
order: sortOrder,
xueyuanxingming : searchForm.xueyuanxingming,
},(res)=>{
if(res.code == 0){
clear();
dataList = res.data.list;
totalPage = res.data.totalPage;
//var tbody = document.getElementById('tbMain');
for(var i = 0;i < dataList.length; i++){ //遍历一下表格数据
var trow = setDataRow(dataList[i],i); //定义一个方法,返回tr数据
$('tbody').append(trow);
}
pagination(); //渲染翻页组件
getRoleButtons();// 权限按钮控制
}
});
}
// 渲染表格数据
function setDataRow(item,number){
//创建行
var row = document.createElement('tr');
row.setAttribute('class','useOnce');
//创建勾选框
var checkbox = document.createElement('td');
var checkboxDiv = document.createElement('div');
checkboxDiv.setAttribute("class","custom-control custom-checkbox");
var checkboxInput = document.createElement('input');
checkboxInput.setAttribute("class","custom-control-input");
checkboxInput.setAttribute("type","checkbox");
checkboxInput.setAttribute('name','chk');
checkboxInput.setAttribute('value',item.id);
checkboxInput.setAttribute("id",number);
checkboxDiv.appendChild(checkboxInput);
var checkboxLabel = document.createElement('label');
checkboxLabel.setAttribute("class","custom-control-label");
checkboxLabel.setAttribute("for",number);
checkboxDiv.appendChild(checkboxLabel);
checkbox.appendChild(checkboxDiv);
row.appendChild(checkbox)
var xueyuanzhanghaoCell = document.createElement('td');
xueyuanzhanghaoCell.innerHTML = item.xueyuanzhanghao;
row.appendChild(xueyuanzhanghaoCell);
var xueyuanxingmingCell = document.createElement('td');
xueyuanxingmingCell.innerHTML = item.xueyuanxingming;
row.appendChild(xueyuanxingmingCell);
var kaoshixiangmuCell = document.createElement('td');
kaoshixiangmuCell.innerHTML = item.kaoshixiangmu;
row.appendChild(kaoshixiangmuCell);
var kaoshishijianCell = document.createElement('td');
kaoshishijianCell.innerHTML = item.kaoshishijian;
row.appendChild(kaoshishijianCell);
var kaoshididianCell = document.createElement('td');
kaoshididianCell.innerHTML = item.kaoshididian;
row.appendChild(kaoshididianCell);
var zhuyishixiangCell = document.createElement('td');
if(item.zhuyishixiang != null && item.zhuyishixiang != "" && item.zhuyishixiang.length >= 11){
zhuyishixiangCell.innerHTML = item.zhuyishixiang.substring(0, 10) + "...";
}else{
zhuyishixiangCell.innerHTML = item.zhuyishixiang;
}
row.appendChild(zhuyishixiangCell);
//每行按钮
var btnGroup = document.createElement('td');
var crossBtn0 = document.createElement('button');
crossBtn0.innerHTML = "发布成绩"
crossBtn0.setAttribute("type","button");
crossBtn0.setAttribute("class","btn btn-primary btn-sm");
crossBtn0.setAttribute("onclick","crossTable(" + JSON.stringify(item) + ",'kaoshichengji','','','')");
if(crossBtnControl('发布成绩') == true){
btnGroup.appendChild(crossBtn0);
}
//详情按钮
var detailBtn = document.createElement('button');
var detailAttr = "detail(" + item.id + ')';
detailBtn.setAttribute("type","button");
detailBtn.setAttribute("class","btn btn-info btn-sm 查看");
detailBtn.setAttribute("onclick",detailAttr);
detailBtn.innerHTML = "查看"
btnGroup.appendChild(detailBtn)
//修改按钮
var editBtn = document.createElement('button');
var editAttr = 'edit(' + item.id + ')';
editBtn.setAttribute("type","button");
editBtn.setAttribute("class","btn btn-warning btn-sm 修改");
editBtn.setAttribute("onclick",editAttr);
editBtn.innerHTML = "修改"
btnGroup.appendChild(editBtn)
//删除按钮
var deleteBtn = document.createElement('button');
var deleteAttr = 'remove(' + item.id + ')';
deleteBtn.setAttribute("type","button");
deleteBtn.setAttribute("class","btn btn-danger btn-sm 删除");
deleteBtn.setAttribute("onclick",deleteAttr);
deleteBtn.innerHTML = "删除"
btnGroup.appendChild(deleteBtn)
row.appendChild(btnGroup)
return row;
}
// 翻页
function pageNumChange(val) {
if(val == 'pre') {
pageIndex--;
}else if(val == 'next'){
pageIndex++;
}else{
pageIndex = val;
}
getDataList();
}
// 下载
function download(url){
window.open(url);
}
// 打开新窗口播放媒体
function mediaPlay(url){
window.open(url);
}
// 渲染翻页组件
function pagination() {
var beginIndex = pageIndex;
var endIndex = pageIndex;
var point = 4;
//计算页码
for(var i=0;i<3;i++){
if(endIndex==totalPage){ break;}
endIndex++;
point--;
}
for(var i=0;i<3;i++){
if(beginIndex==1){break;}
beginIndex--;
point--;
}
if(point>0){
while (point>0){
if(endIndex==totalPage){ break;}
endIndex++;
point--;
}
while (point>0){
if(beginIndex==1){ break;}
beginIndex--;
point--
}
}
// 是否显示 前一页 按钮
if(pageIndex>1){
$('#tableId_previous').show();
}else{
$('#tableId_previous').hide();
}
// 渲染页码按钮
for(var i=beginIndex;i<=endIndex;i++){
var pageNum = document.createElement('li');
pageNum.setAttribute('onclick',"pageNumChange("+i+")");
if(pageIndex == i){
pageNum.setAttribute('class','paginate_button page-item active useOnce');
}else{
pageNum.setAttribute('class','paginate_button page-item useOnce');
}
var pageHref = document.createElement('a');
pageHref.setAttribute('class','page-link');
pageHref.setAttribute('href','#');
pageHref.setAttribute('aria-controls','tableId');
pageHref.setAttribute('data-dt-idx',i);
pageHref.setAttribute('tabindex',0);
pageHref.innerHTML = i;
pageNum.appendChild(pageHref);
$('#tableId_next').before(pageNum);
}
// 是否显示 下一页 按钮
if(pageIndex < totalPage){
$('#tableId_next').show();
$('#tableId_next a').attr('data-dt-idx',endIndex+1);
}else{
$('#tableId_next').hide();
}
var pageNumInfo = "当前第 "+ pageIndex + " 页,共 "+ totalPage + " 页";
$('#tableId_info').html(pageNumInfo);
}
// 跳转到指定页
function toThatPage(){
//var index = document.getElementById('pageIndexInput').value;
if(index<0 || index>totalPage){
alert('请输入正确的页码');
}else {
pageNumChange(index);
}
}
// 全选/全不选
function chooseAll(){
checkAll = !checkAll;
var boxs = document.getElementsByName("chk");
for(var i=0;i<boxs.length;i++){
boxs[i].checked= checkAll;
}
}
// 批量删除
function deleteMore(){
ids = []
var boxs = document.getElementsByName("chk");
for(var i=0;i<boxs.length;i++){
if(boxs[i].checked){
ids.push(boxs[i].value)
}
}
if(ids.length == 0){
alert('请勾选要删除的记录');
}else{
remove(ids);
}
}
// 删除
function remove(id) {
var mymessage = confirm("真的要删除吗?");
if (mymessage == true) {
var paramArray = [];
if (id == ids){
paramArray = id;
}else{
paramArray.push(id);
}
httpJson("kaoshianpai/delete","POST",paramArray,(res)=>{
if(res.code == 0){
getDataList();
alert('删除成功');
}
});
}
else {
alert("已取消操作");
}
}
// 用户登出
<%@ include file="../../static/logout.jsp"%>
//修改
function edit(id) {
window.sessionStorage.setItem('id', id)
window.location.href = "add-or-update.jsp"
}
//清除会重复渲染的节点
function clear(){
var elements = document.getElementsByClassName('useOnce');
for(var i = elements.length - 1; i >= 0; i--) {
elements[i].parentNode.removeChild(elements[i]);
}
}
//添加
function add(){
window.location.href = "add-or-update.jsp"
}
//单列求和
function getSum(colName){
http("kaoshianpai"+colName,"GET",{
tableName: "kaoshianpai",
columnName: colName
},(res)=>{
if(res.code == 0){
return res.data.sum;
}
});
}
// 查看详情
function detail(id){
window.sessionStorage.setItem("id", id);
//window.sessionStorage.setItem("ifView", true);
window.location.href = "info.jsp";
}
//跨表
function crossTable(obj,crossTableName,crossOptAudit,statusColumnName,tips,statusColumnValue){
window.sessionStorage.setItem('crossTableId',obj.id);
window.sessionStorage.setItem('crossObj', JSON.stringify(obj));
window.sessionStorage.setItem('crossTableName',"kaoshianpai");
window.sessionStorage.setItem('statusColumnName',statusColumnName);
window.sessionStorage.setItem('statusColumnValue',statusColumnValue);
window.sessionStorage.setItem('tips',tips);
if(statusColumnName!=''&&!statusColumnName.startsWith("[")) {
for (var o in obj){
if(o==statusColumnName && obj[o]==statusColumnValue){
alert(tips);
return
}
}
}
var url = "../"+crossTableName+"/add-or-update.jsp?cross=true";
window.location.href = url;
}
$(document).ready(function() {
//激活翻页按钮
$('#tableId_previous').attr('class','paginate_button page-item previous')
$('#tableId_next').attr('class','paginate_button page-item next')
//隐藏原生搜索框
$('#tableId_filter').hide()
//设置右上角用户名
$('.dropdown-menu h5').html(window.sessionStorage.getItem('username')+'('+window.sessionStorage.getItem('role')+')')
//设置项目名
$('.sidebar-header h3 a').html(projectName)
setMenu();
init();
getDataList();
<%@ include file="../../static/myInfo.js"%>
});
</script>
</body>
</html>
声明
本博客适用于广泛的学术和教育用途,包括但不限于个人学习、开发设计,产品设计。仅供学习参考,旨在为读者提供深入理解和学术研究的材料。