毕业设计（论文）-天天超市员工工资管理系统.doc

“ 河北经贸大学经济管理学院毕业论文天天超市员工工资管理系统专业名称： 计算机科学与技术 班 级： 学生姓名： 指导老师： 完成时间： 2015年5月 河北经贸大学经济管理学院毕业论文摘 要本毕业设计的内容是实现一个基于Web技术的天天超市员工工资管理系统，该系统主要以J2EE为开发基础，以Eclipse为开发工具，主要运用了Strusts2,Spring+Mybatis等多种框架的综合，数据库为Mysql。此系统大大减轻了管理员的工作负担，方便了管理员的管理，该系统操作简单方便，界面干净整洁，系统易于维护。本文主要从以下几个方面对该系统进行论述：首先，本文介绍了工资管理系统的市场背景，全面的阐述了工资管理系统的市场需求。从客观因素上分析员工工资管理系统的可行性。该系统主要有系统管理员和员工两个角色，管理员可以登录系统进行机构管理，人员管理，考勤管理，工资管理和修改密码，超市员工可以登录系统对自己的工资和考勤进行查看。其次，本文将介绍系统的所用技术和框架设计，详细的描述系统所使用的技术背景和框架之间是如何搭配工作的。最后，本文将详细的描述系统的设计过程并附上主要代码及界面截图。关键词 员工工资管理系统； Struts2； Spring； Mybatis； JAVA； I全套设计加扣 3012250582ABSTRACTThe graduation project is to implement a content-based Web technology every day supermarket employee salary management system, which was developed mainly to J2EE-based, Eclipse as a development tool, the main use of the comprehensive Strusts2, Spring + Mybatis other frameworks, database to Mysql. This system greatly reduces the workload of the administrator to facilitate the management of the administrator, the system is easy and simple, the interface is clean and easy to maintain system.In this paper, the following aspects of the system are discussed: First, this paper introduces the background of the market wage management system, a comprehensive exposition of the market demand for wage management system. Salary Management System feasibility staff from the objective factors. The system has two system administrators and staff roles, administrators can log in institutional management, personnel management, attendance management, payroll management and change your password, supermarket employees can log into the system on their own salaries and attendance to view. Secondly, this article describes the system with the technology and frame design, between technical background and framework detailed description of how to use the system to work with. Finally, the design process will be described in detail along with the main system code and the interface screenshot.Keywords employee payroll system; Struts2; Spring; Mybatis; JAVA; 36目 录1 绪论11.1 课题背景11.2 课题目的11.3 课题意义11.4 主要开发技术22 系统的开发环境及技术简介32.1 系统开发环境32.1.1 Eclipse32.1.2 数据库简介32.1.3 Tomcat42.2 系统开发的思想与技术42.2.1 JSP技术与MVC模式42.2.2 框架的优点43 系统分析63.1 系统的可行性分析63.1.1 系统市场定位可行性分析63.1.2 系统经济可行性分析63.1.3 系统技术可行性分析63.1.4 系统操作可行性分析73.2 系统需求分析73.2.1 员工信息管理模块83.2.2 用户登录模块83.2.3 工资管理模块83.2.4 考勤信息管理模块93.2.5 机构管理模块103.3 业务流程图103.3.1 用户注册流程图103.3.2 用户登录流程图104 系统概要设计124.1 系统功能结构设计124.2 数据库设计124.2.1 E-R图124.2.2 数据库表结构155 系统功能实现175.1 系统功能实现的主要框架的配置文件175.1.1 Spring配置文件175.1.2 Strusts配置文件205.1.3 Mybatis配置文件215.2 系统功能实现的主要模块225.2.1 用户登录后的页面225.2.2 登录页面235.2.3 管理员登录后的页面245.2.4 员工工资查询页面255.2.5 员工考勤查询页面255.2.6 管理员增加新员工页面265.2.7 管理员修改员工工资页面265.2.8 管理员修改员工考勤页面276 系统测试286.1 软件测试的目的286.2 软件测试的任务286.3 测试内容286.4 测试环境296.5 配置测试环境296.5.1 配置Tomcat296.5.2 添加Tomcat部署306.5.3 运行Tomcat306.6 测试结果316.6.1 管理员对用户注册的测试316.6.2 员工工资信息管理的测试326.6.3 员工考勤信息管理的测试326.6.4 集成测试33结束语34致 谢35参考文献36天天超市员工工资管理系统1 绪论1.1 课题背景员工的工资管理是一项特别繁杂但又十分细致的工作，当然不能容忍出现任何任何差错，不然会给员工及超市等造成损害。最开始人们都是通过人工方式来进行工资统计和发放，工作量可想而知，于是出错率也随着工作量的增加而增加，这不但花费了会计人员大量的时间和精力，劳动量也是增加，由于手抄原因很容易导致出错或者工资计算出错导致员工工资发放错误。而且超市员工工资管理系统有很强的时间观念，他必须在超市规定的时间之内完成对员工工资的计算及发放，这种工资管理的时间性，规律性使得超市员工工资管理使用计算机管理成为可能。超市员工工资管理系统就是使用电脑代替人工完成大量的统计和计算，对超市的各种信息进行处理并能安全完整的保存超市员工的大量信息记录。随着互联网技术的发展，很多公司开始使用网上办公系统，通过互联网来对员工信息进行管理。这种先进的管理方式极大的节省了公司管理员工信息的成本和时间，同时也提高了信息的准确性。1.2 课题目的本系统是一套相对完整的员工信息管理系统。在本系统中，管理员可以科学的管理员工的工资情况、考勤情况等信息，员工自己也可以登录系统来查看个人信息。通过使用本系统，公司在员工信息管理方面的工作效率将极大的提高。1.3 课题意义随着人们经济水平和网络技术的发展，人们的生活逐渐变得效率化。所以，越来越多的产业服务和互联网相结合，并创造出了可以极大的提高工作效率的服务系统。本系统既是一套将传统办公与互联网相结合的产物。公司通过使用此系统，可以直接在网上对员工的信息进行管理，可以管理员工每天的考勤状况，可以很好的管理员工工资。本系统提供的这些服务都是极大的提高了公司的效率，为公司处理庞大的人员信息提供了便捷。1.4 主要的开发技术本系统主要运用了Strusts2，Spring,Mybatis框架，建立了一套完整的超市员工工资管理系统，此系统采用了JSP技术开发，JSP开发的系统有可靠可扩展可重用等优点，满足了超市管理者的基本功能。2 系统的开发环境及技术简介2.1 系统开发环境2.1.1 Eclipse在员工工资管理系统所用到的开发工具是Java集成开发工具Eclipse。Eclipse是一种通用的工具平台普遍适用的开放式扩展IDE。普遍适用意味着它不仅可以用来开发JAVA程序，还可以开发C+,PHP;开放式扩展就是说无论谁都可以扩展Eclipse的功能。Eclipse的一切都是插件，插件包括Eclipse的图形API，称为SWT/JFace、JAVA开发环境插件简称JDT、插件开发环境简称PDE；Eclipse为这些插件协同工作做了支持，使其安装简便，完美结合。Eclipse是动态调入这些插件的，启动Eclipse后用刀哪个插件时这个插件就会被调入内存，当不用这个插件时，这个插件就会在适当的时候被清楚掉了。所以即便是Eclipse装了一大推的插件在其中，那也不用担心那些不常用的插件会消耗内存。Eclipse有强大的集成开发环境，他集成了CVS,JUnit,Ant,而且有很好的代码重构功能。2.1.2 数据库简介数据库运用的是MySQL开源数据库。Mysql数据库目前属于Oracle公司，MySQL是使用C和C+编写的，它运用了多种编译器进行测试从而保证了源代码的可移植性 。Mysql支持AIX、FreeBSD、HP-UX、Mac OS、OpenBSD、Solaris、Windows等多种操作系统 。它为C、C+、Eiffel、Java、Perl、PHP、Python和Ruby等多种编程语言提供API。Mysql的原理是把数据保存到多个不同的表中，这样大大提高了数据库的灵活性，但是与一些大型数据库如Oracle、DB2、SQL Server等相比，MySQL也有它的不足之处，比如它规模小、功能较少，MySQL Cluster的功能效率都对会比较差，但是他的受欢迎程度并没有因为这些不足之处收到影响。对于一般的中小型网站或企业来说，MySQL提供的功能已经足够了，再者是因为MySQL是开放源码软件，因此他的整体成本大大降低。因此一些中小型网站都会选择Mysql来作为他们的网络数据库。数据库管理软件运用的是Navicat.Navicat是一种比较快速可靠的数据库管理工具，Navicat支持的数据库有Mysql,Oracle,SQLite等。他可以通过简化资料库的管理来降低数据库的管理成本，一般中小型企业会选择Navicat，Navicat的图形界面比较简洁直观，使使用者易于接受，让人能安全简单的去创建，组织，存取和访问数据。2.1.3 TomcatTomcat是一个轻量级的应用服务器，由于它占用资源小且扩展性好，所以深受程序员们的喜欢，他一般被一些并发访问用户不多的中小型系统使用。Tomcat的部分实际上是由Apache服务器扩展来的，但是他是独立运行的，当Tomcat被运行时，它是作为一个与Apache独立的进程单独运行的。2.2 系统开发的思想与技术2.2.1 JSP技术与MVC模式本超市员工工资管理系统采用的是JSP技术，基于MVC模式开发，使用的框架是struts2、spring、mybatis。其中MVC为Model-View-Controller的缩写，意思是模式-视图-控制器三个层面。系统是用struts2和mybatis这两个框架来实现模型层和控制器两层，jsp实现视图层。程序在数据库和页面之间是起桥梁作用的，jsp页面请求先到action，再到dao，再回到action，回到jsp页面。action主要处理来自页面的请求，dao主要是和数据库的交互，struts2主要用在action，处理来自页面的请求，处理完请求后跳转回页面。Mybatis主要用在dao，包括对数据库的增、删、改、查的操作，spring控制程序的流程。2.2.2 框架的优点本系统是运用strusts2,spring,mybatis这三大免费开源框架的结合运用, 他们可以提高开发效率，提高软件的可维护性，扩展性和敏捷性。他们的设计理念和模式应用比较优秀。Struts2框架Struts2是Apache组织的一个开源项目。他提供了对开发MVC系统的底层支持，是一个比较好的MVC框架。它主要运用了Servlet，JSP和Custom tag library技术。Spring框架Spring 的核心是个轻量级（Lightweight）的容器（Container），主要是实现非侵入性的框架，并提供AOP（Aspect-oriented programming）概念的实现方式和对持久层、事务的支持以及MVC Web 框架的实现。Strusts2是一个比较全方位的应用程序框架。mybatis框架Mybatis是一个基于JAVA的，支持普通的SQL查询，存储过程及高级映射的优秀持久层框架。作为优秀的持久层框架实现，mybatis 框架几乎消除了所有的JDBC代码和参数的手工设置及结果集的检索。他是运用简单的XML或注解用于配置和原始映射，把接口与JAVA的POJOs映射成数据库中的记录。用户可用面向对象的方法操作此持久化类实例，即可完成对数据库表数据的插入、删除、修改、读取等操作。3 系统分析3.1 系统的可行性分析3.1.1 系统市场定位可行性分析超市员工工资管理系统是一个面向超市员工的系统。超市相对于一般的公司来说，员工数量往往比较多，因而员工的庞大数量会使得员工信息管理变得十分麻烦。所以，我针对超市的这一特点，开发了这个超市员工管理系统。将员工信息录入系统中，超市的管理员便可以很方便的对员工的工资、考勤信息和员工个人信息进行修改，十分的方便快捷。同时，员工也可以登录到系统中，对自己的个人信息进行修改，并查看自己的考勤状况和工资安排。所以，超市员工管理系统十分顺应市场需求。3.1.2 系统经济可行性分析超市员工的信息管理是一件繁琐的事情，由于信息量的庞大，超市经常要动用很大的人力和物力来完成这项工作。而超市员工管理系统则不需要这样，首先，超市员工管理系统操作方便，超市不需要投入很多人力来完成这项工作，只需要一至两名管理员便可以完成全部的信息管理工作；其次，超市员工管理系统只需要登录网页便可以对信息进行管理，信息的查询也十分方便，这样可以完全取代纸张记录，也很大的节约了空间。所以超市员工管理系统相对于传统的员工信息管理无论是从人力上还是从物力上都很好的节约了成本。3.1.3 系统的技术可行性分析本系统主要使用的是JSP技术，JSP技术相对于ASP技术更加的可靠安全。JSP开发的系统具有可靠性、可扩展性和可重用性三大特点，这三个特点意味着JSP更加的实用，且其对数据有着很好的保护。员工信息对于一个超市来说是很重要的数据，一旦丢失或泄露汇兑超市的运营产生巨大的影响。所以为了更好的保护员工的数据信息，我选用JSP来作为自己的开发技术。本系统使用的数据库技术是Oracle公司的MySQL数据库。MySQL是一种中小型企业使用较多的数据库。MySQL相对于一般大型的数据库来说可能缺少一定的安全性和稳定性，但是它却有着轻便、简单等优势。权衡之下，我选择MySQL来作为自己的数据库。重要框架没有使用的较为常见的S2SH框架，而使用的是Struts+Spring+Mybatis。不同与一般的S2SH框架，使用Struts+Spring+Mybatis可以更好的保护数据，因为Mybatis和Hibernate在数据库连接方面的保护机制不同，所以数据的安全性可以得到更好的保障。通过上述的分析和研究，我的超市员工管理系统使用的是Windows为操作系统，操作简单，却有着较好的数据保护能力的基于JSP的系统。3.1.4 系统的操作可行性分析传统的工资管理系统使用的是纸质作为信息传递的媒介，这种操作方式相当的浪费时间，而且数据的准确性安全性也不能很好的保障。我们选用的基于JSP技术的网上超市员工工资管理系统，使用的是数据库作为信息存储的工具，相对于纸质来说，他由着操作简单，管理方便，减少空间，保护性强等优势。我在设计系统的时候采用了尽可能精简用户操作步骤这种设计思路。因为考虑到员工信息管理员可能不是计算机专业的人员，所以我们的系统的操作必须具有简单，快捷等特性。管理员想对用户的信息进行修改时，一般只需要一两步即可完成操作。操作简单是本系统的一大特点，低操作难度不仅可以给用户带来良好的用户体验，同时也可以为超市减少软件的学习成本。3.2 系统需求分析本系统参考传统的员工工资管理模式和现在的网上办公的模式，将天天超市员工工资系统分为两个角色，即系统管理员和用户。其中系统管理员的主要功能是对超市进行机构管理，人员管理，考勤管理，工资管理，修改密码等操作；用户的主要功能是可以根据自己的账号登录后进行查看自己的工资和考勤也可以进行修改密码操作。用户不可以对工资，考勤进行修改。 系统用例图3-1：管理员用户用户注册机构信息考勤信息个人信息工资信息修改密码登录图3-1 系统用例图3.2.1 员工信息管理模块员工信息管理模块主要是管理员工信息使用。这个模块主要分为两部分：用户和管理员。在用户登录系统以后，可以查看自己的信息，也可以对自己的一些信息进行修改。在管理员用管理员账号登录系统以后，可以对普通用户的信息进行添加、修改和删除，同时管理员在这个功能模块中也可以合理的对管理员的信息进行修改。3.2.2 用户登录模块用户登录均属于这一模块。超市员工管理系统中用户的登录是一项必不可少的操作，这个操作是其他一切操作的前提。系统也将通过用户的登录信息来区分这个用户是普通用户还是超市的管理员。普通用户完成登录以后，可以在页面中查看自己的个人信息、考勤状况和工资状况。而管理员登录后，便可以对用户信息进行修改，同时对系统进行一些基本的维护。3.2.3 工资管理模块工资管理模块是本系统非常重要的模块之一。工资管理模块主要分为两个部分：用户和管理员。在用户模块中，用户在登录系统以后可以产看自己的工资信息，但不能对信息进行修改。在管理员模块中，管理员在使用管理员账号登录系统以后，便可以对员工的工资信息进行添加、修改、删除等操作。3.2.4 考勤信息管理模块考勤信息管理模块是展现员工考勤率的模块。这个模块主要分为两个部分：用户和管理员。用户在登录系统以后，可以通过点击相应功能来查看自己的考勤信息，但不能对信息进行修改。管理员在通过使用管理员帐号登录系统以后，可以对员工的考勤信息进行修改、添加和删除等操作。3.2.5 机构管理模块机构管理模块可以方便管理员更好的通过机构分类来对用户信息进行修改。在管理员通过管理员账号登录系统以后，在机构管理功能下便可以对机构的信息进行修改、添加和删除等操作。3.3 业务流程图3.3.1 用户注册流程图用户注册流程图（由管理员完成）如下图3-2：开始添加完成添加失败成功输入信息结束图3-2 用户注册流程图3.3.2 用户登录流程图用户登录流程图如下图3-3： 开始成功登录系统界面进行操作结束输入信息验证是否正确FT图3-3 用户登录流程图4 系统概要设计4.1 系统功能结构设计此系统简化了员工工资的管理，提高了管理的效率，建立了一个完善且操作简便的员工工资系统。 该超市员工工资管理系统分为两部分。其中管理员部分主要是对超市进行机构管理，人员管理，修改密码等操作；用户则是根据自己的账号登录系统查看自己的工资和考勤也可以进行修改密码操作。用户不可以对工资，考勤进行修改。总功能图如图4-1所示:机构管理考勤管理人员管理工资管理修改密码查看工资查看考勤修改密码系统管理员系统用户图4-1 系统功能模块图4.2 数据库设计4.2.1 E-R图E-R图模型是对现实世界的一种抽象，它是由实体、联系、属性三种成分组成，利用这三种成分我们可以创建多个E-R模型：（1）管理员实体：管理员实体包括用户名和密码，其实体属性图如下图4-2所示：登录名密 码管理员图4-2 管理员实体属性图（2）员工实体：员工实体包括昵称，登录名，密码，详情和部门五个属性，其实体属性图如下图4-3所示：昵称登录名xs 工密码登录名详情图4-3 员工实体属性图（3）机构实体：机构实体是由名称和备注两个属性组成，其实体属性图如下图4-4所示：名称备注机构图4-4 机构实体属性图（4）工资实体：工资实体是由姓名，月份，基本工资，奖金，福利组成，其实体属性图如下图4-5所示：姓名月份工资奖金福利基本工资图4-5 工资实体属性图（5）考勤实体：考勤实体是由姓名，月份，迟到次数，加班时长，迟到时长，请假时长，旷工次数七个属性组成，其实体属性图如下图4-6所示：姓名月份考勤奖金福利基本工资奖金奖金图4-6 考勤实体属性图（6）系统E-R图如下图4-7所示：员工查看查看查看机构工资考勤n111n1图4-7 系统E-R图4.2.2 数据库表结构整个系统共使用了五张表。分别为：用户表t_user、用户工资表t_userwage、机构表t_org、考勤表t_attend、工资信息表t_wageconfig。1. 用户表表4-1 用户表varchar 0255varcharvarchar 0255passwordtyperemark 0orgIdbasicWage名空 否小数点长度类型 否 11intusername 否nicknameid 否 0255 否 0 否int 11 0 否varchar 0255 是 11 0int 0float2 用户工资表表4-2 用户工资表userIdwelfarebonusbasicWagemonthidintfloatfloatfloatdate110否00000否否否0否0否空11小数点长度类型名int003. 机构表表4-3 机构表类型varcharintvarchar011id0255name0255remark0255parentId否空小数点长度否名varchar否否4. 考勤表表4-4 考勤表1111111111110intidintintintintintintintmonth否否否否否否attendleaveTimelateuserIdabsent小数点长度类型名空00000overtime00011否否5. 工资信息表表4-5 工资信息表11intattendMoneyabsentlateCountlateovertimeattendanceid0int011int011intintintint011011011名11否类型长度小数点空否0否否否否否5 系统功能实现5.1 系统功能实现的主要框架的配置文件系统主要框架的配置文件包括Spring配置文件，Strusts2配置文件和Mybatis配置文件。5.1.1 Spring配置文件?xml version=1.0 encoding=UTF-8?beans xmlns=/schema/beansxmlns:xsi=/2001/XMLSchema-instancexmlns:aop=/schema/aopxmlns:mvc=/schema/mvc xmlns:context=/schema/contextxmlns:tx=/schema/txxsi:schemaLocation=/schema/beans /schema/beans/spring-beans-3.0.xsd/schema/context /schema/context/spring-context-3.0.xsd/schema/aop /schema/aop/spring-aop-3.0.xsd/schema/tx /schema/tx/spring-tx-3.0.xsd/schema/mvc /schema/mvc/spring-mvc-3.0.xsdcontext:annotation-config /context:component-scan base-package=.bs.salary /mvc:annotation-driven /tx:annotation-driven /bean class=org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter /bean class=org.springframework.web.servlet.view.InternalResourceViewResolverproperty name=prefix value=/WEB-INF/jsp/ /property name=suffix value=.jsp /property name=viewClass value=org.springframework.web.servlet.view.JstlView /beanbean id=dataSource class=mons.dbcp.BasicDataSourcedestroy-method=closeproperty name=driverClassName value=com.mysql.jdbc.Driver /property name=url value=jdbc:mysql:/localhost:3306/datatransfer?characterEncoding=utf-8 /property name=username value=root /property name=password value=root /property name=initialSize value=10 /property name=minIdle value=1 /property name=maxActive value=40 /property name=maxIdle value=20 /property name=maxWait value=10 /beanbean id=sqlSessionFactory class=org.mybatis.spring.SqlSessionFactoryBeanproperty name=dataSource ref=dataSource /property name=configLocation value=classpath:mybatis.xml /beanbean id=transactionManager class=org.springframework.jdbc.datasource.DataSourceTransactionManagerproperty name=dataSource ref=dataSource /bean bean id=sqlSession class=org.mybatis.spring.SqlSessionTemplate constructor-arg index=0 ref=sqlSessionFactory /bean/beansSpring主要是降低层与层之间的耦合性。如果使用Struts框架的话，几乎全部的流程都是由Action来控制的。这样的话，层与层之间的耦合性过于紧密，会导致数据的访问效率底下，逻辑复杂。所以我使用Spring作为容器控制所有的Action的周期。这样做的好处就是会使层与层之间完全脱耦，程序运行起来效率更高。5.1.2 Strusts2配置文件strutsconstant name=struts.objectFactory value=spring /constant name=struts.i18n.encoding value=UTF-8 / package name=index namespace=/ extends=struts-default action name=index method=index class=indexAction result name=success index.jsp/result /action action name=indexmethod class=indexAction result type=dispatcher$url/result result name=redirect type=redirect$url/result /actionaction name=method class=manageActionresult type=dispatcher$url/resultresult name=redirect type=redirect$url/result/action /package/struts这是struts的配置文件。 通过配置Struts，使ActionFormBean在系统运行时接受的网页中数据库表提交的数据，然后通过配置文件中的Action对命令进行处理，然后再将处理完的数据Forward到对应的网页页面。5.1.3 Mybatis配置文件?xml version=1.0 encoding=UTF-8?!DOCTYPE configuration PUBLIC -//DTD Config 3.0/EN /dtd/mybatis-3-config.dtdconfigurationsettingssetting name=lazyLoadingEnabled value=false /settingstypeAliasestypeAlias alias=org type=.bs.salary.model.Org /typeAlias alias=user type=.bs.salary.model.User /typeAlias alias=attend type=.bs.salary.model.Attendance /typeAlias alias=wageConfig type=.bs.salary.model.WageConfig /typeAlias alias=userWage type=.bs.salary.model.UserWage /typeAliases mappers mapper resource=mappers/OrgMapper.xml/ mapper resource=mappers/UserMapper.xml/ mapper resource=mappers/AttendMapper.xml/ mapper resource=mappers/WageConfigMapper.xml/ mapper resource=mappers/UserWageMapper.xml/ /mappers/configuration这是Mybatis的配置文件。MyBatis作用与Hibernate类似，但是MyBatis能够屏蔽jdbc api的底层访问细节，他不用与jdba api打交道，jdba api编程的流程是固定的，还把sql语句与java的代码混杂在了一起，经常需要拼凑sql语句，细节会非常繁琐，Mybatis没有这些繁杂的特点，他不用与jdba api打交道就可以访问数据，能将sql语句与java代码分离，提供了将结果集自动封装称为实体对象和对象的集合的功能。5.2 系统功能实现的主要模块5.2.1 用户登录后的页面 用户登陆后的页面如下图5-1所示：图5-1 用户登录后的页面此页面为超市的普通员工（例如）张三登录后的页面，可以进行考勤信息，工资信息的查询和密码修改。整个页面使用的是Jquery的EasyUI技术来布局的，来对数据进行显示。JqueryEasyUI是一组基于Jquery的UI插件集合，不需要编写复杂的JavaScript代码，只需要写HTML标记定义用户界面。这样节省时间和资源，简单且作用强大。代码：ul id=ul %if(user.getType() = 1) % lia href=jsp/orgManager.jsp target=centerFrame机构管理/a/li lia href=jsp/userManager.jsp target=centerFrame人员管理/a/li lia href=jsp/attendManager.jsp target=centerFrame考勤管理/a/li lia href=jsp/wageManager.jsp target=centerFrame工资管理/a/li % else % lia href=jsp/myAttend.jsp target=centerFrame我的考勤/a/li lia href=jsp/myWage.jsp target=centerFrame我的工资/a/li % %lia href=jsp/changePwd.jsp target=centerFrame修改密码/a/li/ul这段代码主要实现的是系统的主页面。包括网页页面的布局和链接的跳转。5.2.2 登录页面登录页面如下图5-2所示：图5-2 登录页面/登陆代码：script type=text/javascriptfunction login() var username = $(#username).val(); var password = $(#password).val(); if(username = | password = ) return ; else $.post(login.do,username:username,password:password,function(msg) if(msg=success) window.location = index.jsp; else alert(用户名或密码错误); ); /script5.2.3 管理员登录后的页面管理员登录后的页面如下图5-3所示：图5-3 管理员登录后的页面此页面为系统管理员登录后的页面，他可以对超市进行机构，人员，考勤，工资和修改密码五个大的方面进行管理，能够对超市的部门进行添加，修改，删除以及每个部门内部人员的增加修改和删除，对每个员工的基本信息进行编辑等。整个页面使用JQuery的EasyUI提供的样式对页面中的操作进行展示。并且使用JavaScript的时间驱动访问后台，对数据进行维护。5.2.4 员工工资查看页面员工工作查看页面如下图5-4所示：图5-4 员工工资查看页面该页面是超市普通员工登陆后对自己工资查看的页面。页面展示的是自己的工资的基本组成，包括这个月的基本工资，奖金，福利以及总和。5.2.5 员工考勤查看页面员工考勤查看页面如下图5-5：