本课题研究和开拓企业人事管理系统,让安装在打算机上的该系统变成管理职员的小帮手,提高企业人事信息处理速率,规范企业人事信息处理流程,让管理职员的产出效益更高。 ## 1.2 课题意义 传统处理数据,必须是一张张纸,然后处理完毕又是统计在一张张纸上面,不断的重复处理,终极有个结果给最高层作为参考,这个模式在互联网没有涌现之前,是一种常见的事情,信息管理的效率提不上去,人多不一定力量大,由于人多肯定更加花费资源,并且由于人类须要安歇,须要管理,思想会分歧一,会偷
本课题研发的企业人事管理系统,便是供应企业人事信息处理的办理方案,它可以短韶光处理完信息,并且这些信息都有专门的存储设备,而且数据的备份和迁移都可以设定为无人值守,从人力角度和信息处理角度以及信息安全角度,企业人事管理系统是完胜传统纸质操作的。 ## 1.3 研究内容 本文对企业人事管理系统的设计与实现分成六个章节来解释。
第1章:研究企业人事管理系统的背景,以及开拓企业人事管理系统的意义。
第2章:对开拓企业人事管理系统的环境还有技能进行解释。

第3章:剖析企业人事管理系统的可行性,性能,流程以及功能。
第4章:设计企业人事管理系统的功能构造,设计数据库E-R图以及对数据表的存储构造进行设计。
第5章:实现企业人事管理系统的功能并进行功能界面展示。
第6章:对系统测试进行阐述,以及对本系统部分功能进行检测。 # 第2章 开拓环境与技能 本章节对开拓企业人事管理系统须要搭建的开拓环境,还有企业人事管理系统开拓中利用的编程技能等进行阐述。 ## 2.1 Java措辞Java措辞是当今为止依然在编程措辞行业具有生命力的常青树之一。Java措辞最原始的出身,不仅仅是创造者觉得C措辞在编程上面很麻烦,如果只是专注于业务逻辑的处理,会导致忽略了各种指针以及垃圾回收这些操作,导致涌现问题须要办理的韶光每每大于正常编程处理业务逻辑的韶光,这些是非常摧残浪费蹂躏韶光的。Java措辞的创造者就考虑到如何避免这个问题,把指针处理和垃圾处理全部自动化,虽然这会丢失一些性能,但是打算机硬件在性能上的发展速率是很快的,这些性能是可以忽略考虑的。并且C措辞是针对硬件开拓的措辞,虽然实行效率高,但是随着硬件的变革或者操作系统的变更,就须要重新编写程序,造成重复劳动,只有办理重复性劳动的措辞才算符合生存规律的措辞。Java措辞的创造者就针对C措辞的缺陷专门开拓了Java措辞。让Java措辞不管是在什么样的环境里都是可以运行,由于在Java措辞运行表面套了一个壳,也便是虚拟机,只假如Java虚拟性能安装的电脑都可以运行Java的程序。 ## 2.2 MYSQL数据库 MySQL数据库是一种数据存放方面的专业软件,也是传统的行式数据模式,获取一些数据是先一行一行的获取,然后一行一行的显示,与列式数据库不同。行式数据库紧张是处理最主要的数据逻辑部分,并且必须是有效数据,这样每一处的数据关联都是不可破坏,对数据安全哀求比较严格还是用MySQL数据库比较好。列式数据库的发明仅仅是由于读取效率高,但是也就仅仅如此罢了。MySQL虽然比起Oracle或者SQL Server来讲,安装包只是几十兆乃至几百兆,有点小,但是功能并不会弱到哪里,严格遵照SQL标准语法。MySQL的数据存放形式从大向小的说是数据库最大,然后是表,每个表里面存放数据是有一定的规则的,数据存放是表格形式的,也便是说有横也有竖,横着的为行,一样平常表示一条数据,表与表之间还可以进行关联,进行分表操作,如果一条数据干系项目属性太多,那么可以把有效的干系联系做成关联,可以设定是否唯一。 ## 2.3 IDEA开拓工具 IDEA是捷克共和国的Java程序员开拓职员创造的一个开拓软件,刚开始紧张是对付用Eclipse软件他们用得不顺手,以是直接开拓了这款软件。之以是不顺手缘故原由在于没有代码提升功能,缘故原由是Eclipse只是把代码提示作为一种插件形式的存在,如果有些程序开拓职员不清楚代码提示插件可能会出问题,并且代码提示只是用来作为插件,以是功能上有所欠缺。IDEA不仅仅代码提示做的很好,在代码重构上面更上为虎傅翼,程序开拓职员可以选择一段代码然后IDEA就会对代码进行分解重构,有效的把代码弄得更够层次感,复用性更高,用着更简洁和方便,大大的减少了代码事情量,提升了代码开拓效率。当然,IDEA对付利用者这么好,肯定也是有目的的,缘故原由在于插件越多越友好,就须要花费大量的金钱来利用,以是说IDEA利用紧张是看自己喜好。 ## 2.4 SSM框架 开拓一个业务逻辑比较大略的运用,采取这几年最广为流传的SSM框架是很得当的。SSM框架便是Spring MVC框架和Spring框架,以及持久层常用的MyBatis框架。
三个框架有三个不同的浸染。普通用户一样平常都是操作浏览器进行浏览自己喜好的内容,而显示或者提交,都会被Spring MVC框架进行拦截和处理,进入到更深的一个层次便是掌握层,它会智能的匹配提交的路径,对不同的来源匹配不同的处理逻辑,让不同的代码进行实行,如果只是判断用户输入信息格式的问题是不用传入到后台就可以被前端框架处理的,如果须要与数据库内容进行交互,就会从Java的POJO工具通过MyBatis自动转换数据库对应字段的数据类型,详细是该增编削查还是其他操作,都会通过MyBatis进行处理,处理结果是反馈给掌握层,然后通过掌握层再提交给视图层,反馈到用户希望看到的结果。
第3章 系统剖析本文作者在确定了研究的课题之后,从各大数字图书馆下载文献来阅读,并理解同类型的网站具备的大致功能,然后详细事务详细剖析,得出本系统要研究的详细功能与性能。虽然剖析系统这一阶段性事情紧张是确定功能,但它却影响着后面系统开拓环节的进展,系统剖析这个环节是不能少的。 ## 3.1 可行性剖析 从三个不同的角度来剖析,确保开拓成功的条件是有可行性剖析,只有进行提前剖析,符合程序开拓流程才不至于开拓过程的中断。 ### 3.1.1 技能可行性 在技能实现层次,剖析了好几种技能实现方法,并且都有对应的成功案例,也有很多开源模块可以进行参考,以是从技能可行性剖析来讲,实现企业人事管理系统是没有问题的。 ### 3.1.2 经济可行性 对付身为学生的开拓者而言,在经济资源上面可用者很少,为了开拓企业人事管理系统,通过开拓软件对硬件的哀求,创造自己的电脑是完备能用来开拓的,并且学校机房的配置也可以达到哀求。最主要的是选择的技能都可以在网上找到不费钱的教程以及资料,由于不费钱,以是经济方面是具有可行性的。 ### 3.1.3 操作可行性 企业人事管理系统的详细实现,本身参考人类的正常操作逻辑,把常用的操作习气当做紧张的导航实现,可以让利用者更快速的理解并且上手操作,实现符合逻辑的操作流程是操作可行性的详细表示。
以上便是从不同的角度来剖析,确保了企业人事管理系统的正常开展。 ## 3.2 系统流程 企业人事管理系统投入利用后,利用者如果能看到相应的流程操作图会提高程序的理解能力。 ### 3.2.1 操作流程 利用者在操作企业人事管理系统中,该当按照本系统供应的操作流程(图3.1即为本系统的操作流程图)进行操作,可以减少操作失落误,从而节省进入企业人事管理系统的韶光。
图3.1 系统操作流程 ### 3.2.2 登录流程 企业人事管理系统通过登录功能(图3.2即为其登录的流程)勾引利用者进入指定的功能操作区,也避免非本系统的用户享受本系统供应的做事以及查看本系统供应的信息,进而担保用户安全。
图3.2 登录流程 ### 3.2.3 删除信息流程 企业人事管理系统在经由长期利用后,会产生很多的数据信息。为了腾出存储空间存放更多的数据,本系统数据库中存储的数据,一些没有参考代价的数据须要进行删除(图3.3即为删除信息的流程),删除数据过程中,为避免误删,利用者要根据系统的提示来决定是否删除数据。
图3.3 删除信息流程 ### 3.2.4 添加信息流程 企业人事管理系统供应可视化的功能操作区,非常方便利用者进行数据操作,当利用者往系统中录入数据时(图3.4即为添加信息的流程),本系统也会进行数据合法性的判断,符合哀求的数据才能够在数据库指定表中进行登记。
图3.4 添加信息流程 ## 3.3 性能需求 需求剖析少不了对项目用到的硬件设备进行剖析,这样才符合正常的剖析流程。只谈功能需求不谈性能需求,是一件很严重的事情,可能会导致一些不可控的问题涌现。
以下从这几个角度来剖析系统性能。
(1)系统数据的容量:从数据角度来剖析,每个表和每个数据库,达到的数据量到一定的程度,是否须要分表或者是分库,超过了数据的设定限度,可能会导致数据反响迟缓,容错量增加。
(2)数据精度的哀求:须要对需求剖析里面数据设定环节,考虑相应的数据精度问题,须要创造数据是常用的精度还是非常用的精度,进而设定不同的数值。
(3)韶光相应哀求:从用户提交操作,到页面反响,中间有个数据处理的问题,须要考虑预测数据量的大小,提前预案分库分表的设计,数据量再大就要考虑增加列式数据库的问题,这些都不是一拍脑门就能决定的,都须要履历和同行业的数据剖析研判,才能符合用户的哀求,毕竟相应韶光太久操作起来也不舒畅。
(4)普适性问题:用户利用该当不须要感知做事真个数据量问题或者相应问题,只须要任意一台电脑,不须要更多的操作,打开浏览器就能用,太多的设置以及操作,不符合普适性操作。
(5)页面设计问题:功能符合哀求之后,肯定是要丰富页面的。页面设计才是用户永劫光面对的问题,首先考虑数据的整洁性,让页面看起来更加的清爽。颜色与数据方面,该不同颜色就不同颜色,降落用户永劫光利用涌现的视觉疲倦,让用户利用起来心情不至于太差。
(6)系统的稳定性:正常用户操作系统页面,必须是该提交提交,正常输入符合逻辑,不能随随便便的就出各种问题,导致用户操作怠倦,并且输入的数据和回显的数据符合用户的哀求。如果正常操作都会涌现问题,那设计便是不稳定的,这一点肯定弗成。只假如与数据进行交互的系统,都必须稳定。系统稳定从开拓支配角度上来剖析,可以考虑数据的冗余备份功能,自动值守功能,机房数据同步,机房分开的功能,这些都可以让系统的稳定性得到提升。
系统的性能需求须要对业务很闇练的情形下判断然后剖析,再从系统性能需求来逐条实现,可以让设计的系统有利用代价。 ## 3.4 功能需求 企业人事管理系统根据利用权限的角度进行功能剖析,并利用用例图来展示各个权限须要操作的功能。
图3.5即为管理员用例图,管理员权限操作的功能包括管理留言板,管理培训操持,管理任务,管理请假,管理薪资,招聘操持,奖金和打卡信息等。
图3.5 管理员用例图
图3.6即为职工用例图,职工权限操作的功能包括管理打卡,管理请假,查看网站先容,查看培训操持,查看任务,薪资,奖金等信息。
图3.6 职工用例图 # 第4章 系统设计 用户对着浏览器操作,肯定会涌现某些不可预见的问题,但是不代表着系统对付用户在浏览器上的操作不进行处理,以是说,要提前考虑可能会涌现的问题。 ## 4.1 系统设计思想 系统设计,肯定要把设计的思想进行统一,只有统一的思想才能辅导程序的开拓,并且可以让浩瀚的程序开拓职员更快速的进入状态,提高开拓速率。根据当前系统的既定需求,下面将进行本系统设计思想的阐述。
(1)扩展性:开拓任何一个别系的时候不可避免要考虑这个问题。软件版本的更迭是一种知识,任何一个软件都不会一次性开拓就成永恒,软件是一个不断发展的东西。以是考虑问题的时候须要对当前问题进行数据上的扩大化,然后进行归纳整理,终极形成具有一定扩展性的程序。程序的可扩展性一定会影响开拓进度,以是终极须要综合评估程序的可扩展程度,进而对症下药,循序开拓。
(2)实用性:程序设计是一个先居高临下式的设想,然后再详细化,实用性便是详细化的第一个步骤,要充分考虑利用者是不懂程序设计的这一点,利用者只是懂得常规性的上网操作步骤,并不须要对程序进行理解,以是一定要让利用者觉得到便利,觉得到实用性的存在,如果利用者利用程序过程中没创造利用程序的好处,那么程序设计的实用性将大大降落。
(3)安全性:当利用者利用的过程中,会产生大量的干系数据,这些数据必须有安全性的担保,否则当利用者创造数据涌现问题的缘故原由是程序设计问题的时候,将会对程序开拓者失落去信赖,乃至可能会产生大量的用度赔偿问题,这是一个不可避免的问题。以是安全性关系开拓与利用者双方的经济利益,程序的安全性是一定要担保的。
(4)前辈性:程序设计的前辈性是开拓者进行考虑的,必须要在知足系统功能的条件下,必须要选择好当下最得当的技能。最得当的技能要从开拓本钱,利用本钱以及掩护本钱里面综合剖析,经由综合剖析后要让技能实现最优解,保持前辈的技能生产力。
(5)掩护性:程序开拓之初就要考虑往后的掩护问题。掩护是在程序开拓完毕,已经上线可以运作,进入生产试用过程和利用过程中才会创造须要掩护的必要。要通过各方面降落掩护本钱,不是说掩护的越少就代表程序开拓的越完美,程序既然是人类进行设计制造的,肯定有很多不可避免的问题产生,那么如何掩护好程序的正常运作也是一门很主要的学问。 ## 4.2 功能构造设计 图4.1即为设计的管理员功能构造,管理员权限操作的功能包括管理留言板,管理培训操持,管理任务,管理请假,管理薪资,招聘操持,奖金和打卡信息等。
图4.1 管理员功能构造
图4.2即为设计的职工功能构造,职工权限操作的功能包括管理打卡,管理请假,查看网站先容,查看培训操持,查看任务,薪资,奖金等信息。
图4.2 职工功能构造 ## 4.3 数据库设计 企业人事管理系统运行中产生的数据须要按照提前设置的存储规则进行保存,设计出一个符合项目的最优数据存储格式,由于它能减少用户的等待韶光,还可以对系统的要求在最短韶光内进行相应。以是,对数据库设计时,须要对功能需求进行详细的拆分,以及对业务状态的细分,然后设计详细的存储规则,担保数据库能正常运作,缩短数据处理韶光,并在一定程度上降落数据冗余,节省存储空间。 ### 4.3.1 数据库观点设计 实体-联系图还有一个名称即E-R图,是Entity Relationship Diagram各英文单词首字母的缩写,它这种观点模型常日用于对现实天下进行描述。同时它还是一种能够直不雅观表达数据中实体,联系,属性的有效手段。绘制E-R图能够选择的工具也有很多,但是Office Visio 这款软件在E-R图的绘制上一样平常都是作为首选工具,由于它是基于可视化处理,利用它创建E-R图非常大略。利用基本的E-R图构成元素,比如椭圆,菱形,矩形,还有实线段来表达对应的信息,椭圆代表属性,即实体的特色,矩形代表实体,即数据库中的一个详细数据表,菱形代表实体中相互关系,实线段紧张是完成椭圆,矩形,菱形的连接。
(1)图4.4即为留言这个实体所拥有的属性值。
图4.4 留言实体属性图
(2)图4.5即为职工这个实体所拥有的属性值。
图4.5 职工实体属性图
(3)图4.6即为管理员这个实体所拥有的属性值。
图4.6 管理员实体属性图
图4.7即为请假这个实体所拥有的属性值。图4.7 请假实体属性图
图4.8即为上面先容的实体中存在的联系。图4.8 实体间关系E-R图 ### 4.3.2 数据库物理设计 本小节紧张任务即是根据上述内容进行数据存储构造的设计,实体的属性就用来表示字段名称,不同的字段表示的数据类型以及取值都不相同,以及该表各个字段是否能够保持空等进行解释,设计完成一张数据表的构造之后,在保存时同样要命名,只管即便选择英文名称进行命名并保存,还不随意马虎导致系统出错。接下来就对设计的表进行大略解释。
表4.1 打卡表
字段
注释
类型
空
id (主键)
主键
int(11)
否
zhigong_id
职工
int(11)
是
daka_photo
打卡照片
varchar(200)
是
daka_content
打卡备注
text
是
insert_time
打卡日期
date
是
create_time
创建韶光
timestamp
是
表4.2 公告表
字段
注释
类型
空
id (主键)
主键
int(11)
否
gonggao_name
公告名称
varchar(200)
是
gonggao_photo
公告图片
varchar(200)
是
gonggao_types
公告类型
int(11)
否
insert_time
公告发布韶光
timestamp
是
gonggao_content
公告详情
text
是
create_time
创建韶光
timestamp
是
表4.3 奖金表
字段
注释
类型
空
id (主键)
主键
int(11)
否
zhigong_id
职工
int(11)
是
jiangjin_uuid_name
唯一编号
varchar(200)
是
jiangjin_name
奖金名称
varchar(200)
是
jiangjin_types
奖金类型
int(11)
是
jiangjin_jine
奖金金额
decimal(10,2)
是
jiangjin_content
发放缘由
text
是
fafang_time
发放韶光
timestamp
是
insert_time
记录韶光
timestamp
是
create_time
创建韶光
timestamp
是
表4.4 留言板表
字段
注释
类型
空
id (主键)
主键
int(11)
否
zhigong_id
职工
int(11)
是
liuyan_name
留言标题
varchar(200)
是
liuyan_text
留言内容
text
是
insert_time
留言韶光
timestamp
是
reply_text
回答内容
text
是
update_time
回答韶光
timestamp
是
create_time
创建韶光
timestamp
是
表4.5 培训操持表
字段
注释
类型
空
id (主键)
主键
int(11)
否
zhigong_id
职工
int(11)
是
peixunjihua_uuid_number
培训操持编号
varchar(200)
是
peixunjihua_name
培训操持标题
varchar(200)
是
peixunjihua_types
培训操持类型
int(11)
否
kaishi_time
培训开始韶光
timestamp
是
jieshu_time
培训结束韶光
timestamp
是
peixunjihua_content
培训内容
text
是
insert_time
添加韶光
timestamp
是
create_time
创建韶光
timestamp
是
表4.6 请假表
字段
注释
类型
空
id (主键)
主键
int(11)
否
zhigong_id
职工
int(11)
是
qingjia_name
请假名称
varchar(200)
是
qingjia_types
请假类型
int(11)
否
kaishi_time
请假开始韶光
timestamp
是
jieshu_time
请假结束韶光
timestamp
是
qingjia_content
请假情由
text
是
insert_time
申请韶光
timestamp
是
qingjia_yesno_types
申请状态
int(11)
否
qingjia_yesno_text
审核情由
text
是
qingjia_shenhe_time
审核韶光
timestamp
是
create_time
创建韶光
timestamp
是
表4.7 任务表
字段
注释
类型
空
id (主键)
主键
int(11)
否
zhigong_id
职工
int(11)
是
renwu_uuid_number
任务编号
varchar(200)
是
renwu_name
任务标题
varchar(200)
是
renwu_types
任务类型
int(11)
否
kaishi_time
任务开始韶光
timestamp
是
jieshu_time
任务操持结束韶光
timestamp
是
renwu_content
安排内容
text
是
insert_time
安排韶光
timestamp
是
create_time
创建韶光
timestamp
是
表4.8 单页数据表
字段
注释
类型
空
id (主键)
主键
int(11)
否
single_seach_name
名字
varchar(200)
是
single_seach_types
数据类型
int(11)
是
single_seach_content
内容
text
是
create_time
创建韶光
timestamp
是
表4.9 管理员表
字段
注释
类型
空
id (主键)
主键
bigint(20)
否
username
用户名
varchar(100)
否
password
密码
varchar(100)
否
role
角色
varchar(100)
是
addtime
新增韶光
timestamp
否
表4.10 薪资表
字段
注释
类型
空
id (主键)
主键
int(11)
否
zhigong_id
职工
int(11)
是
xinzi_uuid_number
薪资编号
varchar(200)
是
xinzi_name
标题
varchar(200)
是
xinzi_month
月份
varchar(200)
是
jiben_jine
基本人为
decimal(10,2)
是
jiangjin_jine
奖金
decimal(10,2)
是
jixiao_jine
绩效
decimal(10,2)
是
butie_jine
补贴
decimal(10,2)
是
shifa_jine
实发
decimal(10,2)
是
xinzi_content
备注
text
是
insert_time
添加韶光
timestamp
是
create_time
创建韶光
timestamp
是
表4.11 交情链接表
字段
注释
类型
空
id (主键)
主键
int(11)
否
youqinglianjie_name
交情链接名称
varchar(200)
是
youqinglianjie_photo
交情链接图片
varchar(200)
是
youqinglianjie_address
链接地址
varchar(200)
是
youqinglianjie_types
交情链接类型
int(11)
否
youqinglianjie_content
交情链接详情
text
是
create_time
创建韶光
timestamp
是
表4.12 招聘操持表
字段
注释
类型
空
id (主键)
主键
int(11)
否
zhaopinjihua_uuid_name
招聘操持编号
varchar(200)
是
zhaopinjihua_name
招聘操持名称
varchar(200)
是
zhaopinjihua_types
招聘操持类型
int(11)
是
zhiwei_types
招聘职位
int(11)
是
zhaopin_renshu
招聘人数
int(11)
是
zhaopinjihua_content
招聘操持详情
text
是
insert_time
添加韶光
timestamp
是
create_time
创建韶光
timestamp
是
表4.13 职工表
字段
注释
类型
空
id (主键)
主键
int(11)
否
username
账户
varchar(200)
是
password
密码
varchar(200)
是
zhigong_name
职工姓名
varchar(200)
是
zhigong_phone
职工手机号
varchar(200)
是
zhigong_id_number
职工身份证号
varchar(200)
是
zhigong_photo
职工头像
varchar(200)
是
sex_types
性别
int(11)
是
zhigong_email
电子邮箱
varchar(200)
是
bumen_types
部门
int(11)
是
zhiwei_types
职位
int(11)
是
create_time
创建韶光
timestamp
是
第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 招聘操持管理界面 ### 5.1.5 奖金管理 图5.5 即为编码实现的奖金管理界面,奖金信息包括奖金金额,奖金名称,奖金类型,职工姓名,职工头像,发放韶光等信息,管理员卖力添加奖金信息,对奖金信息进行查询,修正,删除等。
图5.5 奖金管理界面 ## 5.2 职工功能实现 ### 5.2.1 留言板 图5.6 即为编码实现的留言板界面,职工在留言板界面的留言区域编辑留言内容然后提交,留言板界面下方区域紧张展示留言的内容和对应的回答的内容等。
图5.6 留言板界面 ### 5.2.2 公告信息 图5.7 即为编码实现的公告信息界面,职工查询公告,查询前须要在查询编辑框中登记公告标题才可以查询。
图5.7 公告信息界面 ### 5.2.3 请假管理 图5.8 即为编码实现的请假管理界面,职工须要请假时,须要在请假管理界面添加请假信息,提交的请假信息须要等待管理员审核。
图5.8 请假管理界面 ### 5.2.4 打卡管理 图5.9 即为编码实现的打卡管理界面,职工上班或者放工,都须要在打卡管理界面添加打卡信息,同时可以在打卡管理界面查看以往的打卡记录信息。
图5.9 打卡管理界面 ### 5.2.5 培训操持查看 图5.10 即为编码实现的培训操持查看界面,职工查询培训操持,查看培训操持的开始韶光,结束韶光以及培训操持标题,职工姓名等信息。
图5.10 培训操持查看界面
FileUtil.java
package com.utils;import java.io.ByteArrayOutputStream;import java.io.File;import java.io.FileInputStream;import java.io.IOException;import java.io.InputStream;/ 类解释 : /public class FileUtil { public static byte[] FileToByte(File file) throws IOException { // 将数据转为流 @SuppressWarnings("resource") InputStream content = new FileInputStream(file); ByteArrayOutputStream swapStream = new ByteArrayOutputStream(); byte[] buff = new byte[100]; int rc = 0; while ((rc = content.read(buff, 0, 100)) > 0) { swapStream.write(buff, 0, rc); } // 得到二进制数组 return swapStream.toByteArray(); }}
PeixunjihuaController.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("/peixunjihua")public class PeixunjihuaController { private static final Logger logger = LoggerFactory.getLogger(PeixunjihuaController.class); @Autowired private PeixunjihuaService peixunjihuaService; @Autowired private TokenService tokenService; @Autowired private DictionaryService dictionaryService; //级联表service @Autowired private ZhigongService zhigongService; / 后端列表 / @RequestMapping("/page") public R page(@RequestParam Map<String, 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("zhigongId",request.getSession().getAttribute("userId")); if(params.get("orderBy")==null || params.get("orderBy")==""){ params.put("orderBy","id"); } PageUtils page = peixunjihuaService.queryPage(params); //字典表数据转换 List<PeixunjihuaView> list =(List<PeixunjihuaView>)page.getList(); for(PeixunjihuaView 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); PeixunjihuaEntity peixunjihua = peixunjihuaService.selectById(id); if(peixunjihua !=null){ //entity转view PeixunjihuaView view = new PeixunjihuaView(); BeanUtils.copyProperties( peixunjihua , view );//把实体数据重构到view中 //级联表 ZhigongEntity zhigong = zhigongService.selectById(peixunjihua.getZhigongId()); if(zhigong != null){ BeanUtils.copyProperties( zhigong , view ,new String[]{ "id", "createTime", "insertTime", "updateTime"});//把级联的数据添加到view中,并打消id和创建韶光字段 view.setZhigongId(zhigong.getId()); } //修正对应字典表字段 dictionaryService.dictionaryConvert(view, request); return R.ok().put("data", view); }else { return R.error(511,"查不到数据"); } } / 后端保存 / @RequestMapping("/save") public R save(@RequestBody PeixunjihuaEntity peixunjihua, HttpServletRequest request){ logger.debug("save方法:,,Controller:{},,peixunjihua:{}",this.getClass().getName(),peixunjihua.toString()); String role = String.valueOf(request.getSession().getAttribute("role")); if(false) return R.error(511,"永久不会进入"); else if("职工".equals(role)) peixunjihua.setZhigongId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId")))); Wrapper<PeixunjihuaEntity> queryWrapper = new EntityWrapper<PeixunjihuaEntity>() .eq("zhigong_id", peixunjihua.getZhigongId()) .eq("peixunjihua_uuid_number", peixunjihua.getPeixunjihuaUuidNumber()) .eq("peixunjihua_name", peixunjihua.getPeixunjihuaName()) .eq("peixunjihua_types", peixunjihua.getPeixunjihuaTypes()) ; logger.info("sql语句:"+queryWrapper.getSqlSegment()); PeixunjihuaEntity peixunjihuaEntity = peixunjihuaService.selectOne(queryWrapper); if(peixunjihuaEntity==null){ peixunjihua.setInsertTime(new Date()); peixunjihua.setCreateTime(new Date()); peixunjihuaService.insert(peixunjihua); return R.ok(); }else { return R.error(511,"表中有相同数据"); } } / 后端修正 / @RequestMapping("/update") public R update(@RequestBody PeixunjihuaEntity peixunjihua, HttpServletRequest request){ logger.debug("update方法:,,Controller:{},,peixunjihua:{}",this.getClass().getName(),peixunjihua.toString()); String role = String.valueOf(request.getSession().getAttribute("role"));// if(false)// return R.error(511,"永久不会进入");// else if("职工".equals(role))// peixunjihua.setZhigongId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId")))); //根据字段查询是否有相同数据 Wrapper<PeixunjihuaEntity> queryWrapper = new EntityWrapper<PeixunjihuaEntity>() .notIn("id",peixunjihua.getId()) .andNew() .eq("zhigong_id", peixunjihua.getZhigongId()) .eq("peixunjihua_uuid_number", peixunjihua.getPeixunjihuaUuidNumber()) .eq("peixunjihua_name", peixunjihua.getPeixunjihuaName()) .eq("peixunjihua_types", peixunjihua.getPeixunjihuaTypes()) ; logger.info("sql语句:"+queryWrapper.getSqlSegment()); PeixunjihuaEntity peixunjihuaEntity = peixunjihuaService.selectOne(queryWrapper); if(peixunjihuaEntity==null){ peixunjihuaService.updateById(peixunjihua);//根据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()); peixunjihuaService.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 { List<PeixunjihuaEntity> peixunjihuaList = new ArrayList<>();//上传的东西 Map<String, List<String>> 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("../../upload/" + fileName);//获取文件路径 File file = new File(resource.getFile()); if(!file.exists()){ return R.error(511,"找不到上传文件,请联系管理员"); }else{ List<List<String>> dataList = PoiUtil.poiImport(file.getPath());//读取xls文件 dataList.remove(0);//删除第一行,由于第一行是提示 for(List<String> data:dataList){ //循环 PeixunjihuaEntity peixunjihuaEntity = new PeixunjihuaEntity();// peixunjihuaEntity.setZhigongId(Integer.valueOf(data.get(0))); //职工 要改的// peixunjihuaEntity.setPeixunjihuaUuidNumber(data.get(0)); //培训操持编号 要改的// peixunjihuaEntity.setPeixunjihuaName(data.get(0)); //培训操持标题 要改的// peixunjihuaEntity.setPeixunjihuaTypes(Integer.valueOf(data.get(0))); //培训操持类型 要改的// peixunjihuaEntity.setKaishiTime(sdf.parse(data.get(0))); //培训开始韶光 要改的// peixunjihuaEntity.setJieshuTime(sdf.parse(data.get(0))); //培训结束韶光 要改的// peixunjihuaEntity.setPeixunjihuaContent("");//详情和图片// peixunjihuaEntity.setInsertTime(date);//韶光// peixunjihuaEntity.setCreateTime(date);//韶光 peixunjihuaList.add(peixunjihuaEntity); //把要查询是否重复的字段放入map中 //培训操持编号 if(seachFields.containsKey("peixunjihuaUuidNumber")){ List<String> peixunjihuaUuidNumber = seachFields.get("peixunjihuaUuidNumber"); peixunjihuaUuidNumber.add(data.get(0));//要改的 }else{ List<String> peixunjihuaUuidNumber = new ArrayList<>(); peixunjihuaUuidNumber.add(data.get(0));//要改的 seachFields.put("peixunjihuaUuidNumber",peixunjihuaUuidNumber); } } //查询是否重复 //培训操持编号 List<PeixunjihuaEntity> peixunjihuaEntities_peixunjihuaUuidNumber = peixunjihuaService.selectList(new EntityWrapper<PeixunjihuaEntity>().in("peixunjihua_uuid_number", seachFields.get("peixunjihuaUuidNumber"))); if(peixunjihuaEntities_peixunjihuaUuidNumber.size() >0 ){ ArrayList<String> repeatFields = new ArrayList<>(); for(PeixunjihuaEntity s:peixunjihuaEntities_peixunjihuaUuidNumber){ repeatFields.add(s.getPeixunjihuaUuidNumber()); } return R.error(511,"数据库的该表中的 [培训操持编号] 字段已经存在 存在数据为:"+repeatFields.toString()); } peixunjihuaService.insertBatch(peixunjihuaList); return R.ok(); } } } }catch (Exception e){ e.printStackTrace(); return R.error(511,"批量插入数据非常,请联系管理员"); } } / 前端列表 / @IgnoreAuth @RequestMapping("/list") public R list(@RequestParam Map<String, Object> params, HttpServletRequest request){ logger.debug("list方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params)); // 没有指定排序字段就默认id倒序 if(StringUtil.isEmpty(String.valueOf(params.get("orderBy")))){ params.put("orderBy","id"); } PageUtils page = peixunjihuaService.queryPage(params); //字典表数据转换 List<PeixunjihuaView> list =(List<PeixunjihuaView>)page.getList(); for(PeixunjihuaView c:list) dictionaryService.dictionaryConvert(c, request); //修正对应字典表字段 return R.ok().put("data", page); } / 前端详情 / @RequestMapping("/detail/{id}") public R detail(@PathVariable("id") Long id, HttpServletRequest request){ logger.debug("detail方法:,,Controller:{},,id:{}",this.getClass().getName(),id); PeixunjihuaEntity peixunjihua = peixunjihuaService.selectById(id); if(peixunjihua !=null){ //entity转view PeixunjihuaView view = new PeixunjihuaView(); BeanUtils.copyProperties( peixunjihua , view );//把实体数据重构到view中 //级联表 ZhigongEntity zhigong = zhigongService.selectById(peixunjihua.getZhigongId()); if(zhigong != null){ BeanUtils.copyProperties( zhigong , view ,new String[]{ "id", "createDate"});//把级联的数据添加到view中,并打消id和创建韶光字段 view.setZhigongId(zhigong.getId()); } //修正对应字典表字段 dictionaryService.dictionaryConvert(view, request); return R.ok().put("data", view); }else { return R.error(511,"查不到数据"); } } / 前端保存 / @RequestMapping("/add") public R add(@RequestBody PeixunjihuaEntity peixunjihua, HttpServletRequest request){ logger.debug("add方法:,,Controller:{},,peixunjihua:{}",this.getClass().getName(),peixunjihua.toString()); Wrapper<PeixunjihuaEntity> queryWrapper = new EntityWrapper<PeixunjihuaEntity>() .eq("zhigong_id", peixunjihua.getZhigongId()) .eq("peixunjihua_uuid_number", peixunjihua.getPeixunjihuaUuidNumber()) .eq("peixunjihua_name", peixunjihua.getPeixunjihuaName()) .eq("peixunjihua_types", peixunjihua.getPeixunjihuaTypes()) ; logger.info("sql语句:"+queryWrapper.getSqlSegment()); PeixunjihuaEntity peixunjihuaEntity = peixunjihuaService.selectOne(queryWrapper); if(peixunjihuaEntity==null){ peixunjihua.setInsertTime(new Date()); peixunjihua.setCreateTime(new Date()); peixunjihuaService.insert(peixunjihua); return R.ok(); }else { return R.error(511,"表中有相同数据"); } }}
SingleSeachController.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("/singleSeach")public class SingleSeachController { private static final Logger logger = LoggerFactory.getLogger(SingleSeachController.class); @Autowired private SingleSeachService singleSeachService; @Autowired private TokenService tokenService; @Autowired private DictionaryService dictionaryService; //级联表service @Autowired private ZhigongService zhigongService; / 后端列表 / @RequestMapping("/page") public R page(@RequestParam Map<String, 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("zhigongId",request.getSession().getAttribute("userId")); if(params.get("orderBy")==null || params.get("orderBy")==""){ params.put("orderBy","id"); } PageUtils page = singleSeachService.queryPage(params); //字典表数据转换 List<SingleSeachView> list =(List<SingleSeachView>)page.getList(); for(SingleSeachView 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); SingleSeachEntity singleSeach = singleSeachService.selectById(id); if(singleSeach !=null){ //entity转view SingleSeachView view = new SingleSeachView(); BeanUtils.copyProperties( singleSeach , view );//把实体数据重构到view中 //修正对应字典表字段 dictionaryService.dictionaryConvert(view, request); return R.ok().put("data", view); }else { return R.error(511,"查不到数据"); } } / 后端保存 / @RequestMapping("/save") public R save(@RequestBody SingleSeachEntity singleSeach, HttpServletRequest request){ logger.debug("save方法:,,Controller:{},,singleSeach:{}",this.getClass().getName(),singleSeach.toString()); String role = String.valueOf(request.getSession().getAttribute("role")); if(false) return R.error(511,"永久不会进入"); Wrapper<SingleSeachEntity> queryWrapper = new EntityWrapper<SingleSeachEntity>() .eq("single_seach_types",singleSeach.getSingleSeachTypes()) ; logger.info("sql语句:"+queryWrapper.getSqlSegment()); SingleSeachEntity singleSeachEntity = singleSeachService.selectOne(queryWrapper); if(singleSeachEntity==null){ singleSeach.setCreateTime(new Date()); singleSeachService.insert(singleSeach); return R.ok(); }else { return R.error(511,"该类型已经有存在的,请删除后重新新增"); } } / 后端修正 / @RequestMapping("/update") public R update(@RequestBody SingleSeachEntity singleSeach, HttpServletRequest request){ logger.debug("update方法:,,Controller:{},,singleSeach:{}",this.getClass().getName(),singleSeach.toString()); String role = String.valueOf(request.getSession().getAttribute("role"));// if(false)// return R.error(511,"永久不会进入"); //根据字段查询是否有相同数据 Wrapper<SingleSeachEntity> queryWrapper = new EntityWrapper<SingleSeachEntity>() .notIn("id",singleSeach.getId()) .andNew() .eq("single_seach_types",singleSeach.getSingleSeachTypes()) ; logger.info("sql语句:"+queryWrapper.getSqlSegment()); SingleSeachEntity singleSeachEntity = singleSeachService.selectOne(queryWrapper); if(singleSeachEntity==null){ singleSeachService.updateById(singleSeach);//根据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()); singleSeachService.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 { List<SingleSeachEntity> singleSeachList = new ArrayList<>();//上传的东西 Map<String, List<String>> 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("../../upload/" + fileName);//获取文件路径 File file = new File(resource.getFile()); if(!file.exists()){ return R.error(511,"找不到上传文件,请联系管理员"); }else{ List<List<String>> dataList = PoiUtil.poiImport(file.getPath());//读取xls文件 dataList.remove(0);//删除第一行,由于第一行是提示 for(List<String> data:dataList){ //循环 SingleSeachEntity singleSeachEntity = new SingleSeachEntity();// singleSeachEntity.setSingleSeachName(data.get(0)); //名字 要改的// singleSeachEntity.setSingleSeachTypes(Integer.valueOf(data.get(0))); //数据类型 要改的// singleSeachEntity.setSingleSeachContent("");//详情和图片// singleSeachEntity.setCreateTime(date);//韶光 singleSeachList.add(singleSeachEntity); //把要查询是否重复的字段放入map中 } //查询是否重复 singleSeachService.insertBatch(singleSeachList); return R.ok(); } } } }catch (Exception e){ e.printStackTrace(); return R.error(511,"批量插入数据非常,请联系管理员"); } } / 前端列表 / @IgnoreAuth @RequestMapping("/list") public R list(@RequestParam Map<String, Object> params, HttpServletRequest request){ logger.debug("list方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params)); // 没有指定排序字段就默认id倒序 if(StringUtil.isEmpty(String.valueOf(params.get("orderBy")))){ params.put("orderBy","id"); } PageUtils page = singleSeachService.queryPage(params); //字典表数据转换 List<SingleSeachView> list =(List<SingleSeachView>)page.getList(); for(SingleSeachView c:list) dictionaryService.dictionaryConvert(c, request); //修正对应字典表字段 return R.ok().put("data", page); } / 前端详情 / @RequestMapping("/detail/{id}") public R detail(@PathVariable("id") Long id, HttpServletRequest request){ logger.debug("detail方法:,,Controller:{},,id:{}",this.getClass().getName(),id); SingleSeachEntity singleSeach = singleSeachService.selectOne(new EntityWrapper<SingleSeachEntity>().eq("single_seach_types", id)); if(singleSeach != null) return R.ok().put("data", singleSeach); else return R.error(511,"查不到数据"); } / 前端保存 / @RequestMapping("/add") public R add(@RequestBody SingleSeachEntity singleSeach, HttpServletRequest request){ logger.debug("add方法:,,Controller:{},,singleSeach:{}",this.getClass().getName(),singleSeach.toString()); Wrapper<SingleSeachEntity> queryWrapper = new EntityWrapper<SingleSeachEntity>() .eq("single_seach_types",singleSeach.getSingleSeachTypes()) ; logger.info("sql语句:"+queryWrapper.getSqlSegment()); SingleSeachEntity singleSeachEntity = singleSeachService.selectOne(queryWrapper); if(singleSeachEntity==null){ singleSeach.setCreateTime(new Date()); singleSeachService.insert(singleSeach); return R.ok(); }else { return R.error(511,"该类型已经有存在的,请删除后重新新增"); } }}
music.js
function Music() { this.init();}(function () { var pages = [], panels = [], selectedItem = null; Music.prototype = { total:70, pageSize:10, dataUrl:"http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.search.common", playerUrl:"http://box.baidu.com/widget/flash/bdspacesong.swf", init:function () { var me = this; domUtils.on($G("J_searchName"), "keyup", function (event) { var e = window.event || event; if (e.keyCode == 13) { me.dosearch(); } }); domUtils.on($G("J_searchBtn"), "click", function () { me.dosearch(); }); }, callback:function (data) { var me = this; me.data = data.song_list; setTimeout(function () { $G('J_resultBar').innerHTML = me._renderTemplate(data.song_list); }, 300); }, dosearch:function () { var me = this; selectedItem = null; var key = $G('J_searchName').value; if (utils.trim(key) == "")return false; key = encodeURIComponent(key); me._sent(key); }, doselect:function (i) { var me = this; if (typeof i == 'object') { selectedItem = i; } else if (typeof i == 'number') { selectedItem = me.data[i]; } }, onpageclick:function (id) { var me = this; for (var i = 0; i < pages.length; i++) { $G(pages[i]).className = 'pageoff'; $G(panels[i]).className = 'paneloff'; } $G('page' + id).className = 'pageon'; $G('panel' + id).className = 'panelon'; }, listenTest:function (elem) { var me = this, view = $G('J_preview'), is_play_action = (elem.className == 'm-try'), old_trying = me._getTryingElem(); if (old_trying) { old_trying.className = 'm-try'; view.innerHTML = ''; } if (is_play_action) { elem.className = 'm-trying'; view.innerHTML = me._buildMusicHtml(me._getUrl(true)); } }, _sent:function (param) { var me = this; $G('J_resultBar').innerHTML = '<div class="loading"></div>'; utils.loadFile(document, { src:me.dataUrl + '&query=' + param + '&page_size=' + me.total + '&callback=music.callback&.r=' + Math.random(), tag:"script", type:"text/javascript", defer:"defer" }); }, _removeHtml:function (str) { var reg = /<\s\/?\s[^>]\s>/gi; return str.replace(reg, ""); }, _getUrl:function (isTryListen) { var me = this; var param = 'from=tiebasongwidget&url=&name=' + encodeURIComponent(me._removeHtml(selectedItem.title)) + '&artist=' + encodeURIComponent(me._removeHtml(selectedItem.author)) + '&extra=' + encodeURIComponent(me._removeHtml(selectedItem.album_title)) + '&autoPlay='+isTryListen+'' + '&loop=true'; return me.playerUrl + "?" + param; }, _getTryingElem:function () { var s = $G('J_listPanel').getElementsByTagName('span'); for (var i = 0; i < s.length; i++) { if (s[i].className == 'm-trying') return s[i]; } return null; }, _buildMusicHtml:function (playerUrl) { var html = '<embed class="BDE_try_Music" allowfullscreen="false" pluginspage="http://www.macromedia.com/go/getflashplayer"'; html += ' src="' + playerUrl + '"'; html += ' width="1" height="1" style="position:absolute;left:-2000px;"'; html += ' type="application/x-shockwave-flash" wmode="transparent" play="true" loop="false"'; html += ' menu="false" allowscriptaccess="never" scale="noborder">'; return html; }, _byteLength:function (str) { return str.replace(/[^\u0000-\u007f]/g, "\u0061\u0061").length; }, _getMaxText:function (s) { var me = this; s = me._removeHtml(s); if (me._byteLength(s) > 12) return s.substring(0, 5) + '...'; if (!s) s = " "; return s; }, _rebuildData:function (data) { var me = this, newData = [], d = me.pageSize, itembox; for (var i = 0; i < data.length; i++) { if ((i + d) % d == 0) { itembox = []; newData.push(itembox) } itembox.push(data[i]); } return newData; }, _renderTemplate:function (data) { var me = this; if (data.length == 0)return '<div class="empty">' + lang.emptyTxt + '</div>'; data = me._rebuildData(data); var s = [], p = [], t = []; s.push('<div id="J_listPanel" class="listPanel">'); p.push('<div class="page">'); for (var i = 0, tmpList; tmpList = data[i++];) { panels.push('panel' + i); pages.push('page' + i); if (i == 1) { s.push('<div id="panel' + i + '" class="panelon">'); if (data.length != 1) { t.push('<div id="page' + i + '" onclick="music.onpageclick(' + i + ')" class="pageon">' + (i ) + '</div>'); } } else { s.push('<div id="panel' + i + '" class="paneloff">'); t.push('<div id="page' + i + '" onclick="music.onpageclick(' + i + ')" class="pageoff">' + (i ) + '</div>'); } s.push('<div class="m-box">'); s.push('<div class="m-h"><span class="m-t">' + lang.chapter + '</span><span class="m-s">' + lang.singer + '</span><span class="m-z">' + lang.special + '</span><span class="m-try-t">' + lang.listenTest + '</span></div>'); for (var j = 0, tmpObj; tmpObj = tmpList[j++];) { s.push('<label for="radio-' + i + '-' + j + '" class="m-m">'); s.push('<input type="radio" id="radio-' + i + '-' + j + '" name="musicId" class="m-l" onclick="music.doselect(' + (me.pageSize (i-1) + (j-1)) + ')"/>'); s.push('<span class="m-t">' + me._getMaxText(tmpObj.title) + '</span>'); s.push('<span class="m-s">' + me._getMaxText(tmpObj.author) + '</span>'); s.push('<span class="m-z">' + me._getMaxText(tmpObj.album_title) + '</span>'); s.push('<span class="m-try" onclick="music.doselect(' + (me.pageSize (i-1) + (j-1)) + ');music.listenTest(this)"></span>'); s.push('</label>'); } s.push('</div>'); s.push('</div>'); } t.reverse(); p.push(t.join('')); s.push('</div>'); p.push('</div>'); return s.join('') + p.join(''); }, exec:function () { var me = this; if (selectedItem == null) return; $G('J_preview').innerHTML = ""; editor.execCommand('music', { url:me._getUrl(false), width:400, height:95 }); } };})();
声明
本博客适用于广泛的学术和教诲用场,包括但不限于个人学习、开拓设计,产品设计。仅供学习参考,旨在为读者供应深入理解和学术研究的材料。
java系统设计,毕设辅导