基于JAVA的企业信息管理系统.doc

1、摘要： 随着信息社会的不断发展，企业规模进一步扩大，企业信息的管理也变得越来越复杂，越来越重要。因此，如何切实有效管理企业信息，对于促进企业管理和提高企业质量有着很重要的意义。Internet的发展使我们的企业越来越现代化，员工跟公司的之间的信息传播只在一指之间。企业信息管理软件应充分依托企业自身信息，实现企业信息的集中管理、信息共享，使传统的管理朝数字化无纸化、智能化的方向发展，并为进一步实现完善的信息系统打下良好的基础。论文以企业管理信息系统为例,以实现信息的及时传递，提高企业的管理效率为主要目的。本系统基于JAVA的Struts2,Spring,Hibernate主流三层框架上进行开发，

2、前台使用JSP网页开发技术，后台则应用MySQL数据库进行存储数据,整个系统设计方面采用MVC模式。本系统可以为企业者提供客户管理、合同管理、商品管理、售后管理、员工管理等功能。关键词：企业信息管理信息系统 SSH JSP MVC MySQL BootstrapThe enterprise information management system based on JAVAAbstract: With the continuous development of information society, the further expansion of enterprise scale, en

3、terprise information management is also becoming more and more complex, more and more important. Therefore, how to manage enterprise information effective is very significant to promote enterprise management and improve the quality of the enterprise. The development of the Internet makes our company

4、 more and more modern, so the information communication between employees and the company are only between a finger. Enterprise information management software should be fully rely on their own information, realize the centralized management and information sharing of the enterprise information, mak

5、e traditional management in digital paperless, intelligent direction development, and to further achieve the perfect information system to lay a good foundation. This thesis is taking enterprise information management system for instance, and devoting to achieving the timely delivery of information

6、and improving the management efficiency of enterprises. The system is based on Struts2, Spring, Hibernate, the mainstream of three layers framework of JAVA. The front page uses the JSP web development and stores data in the MySQL database. This system can provide entrepreneurs with customer manageme

7、nt、contract management、 goods management、service management and staff management functions.Keywords: the enterprise information management system SSH JSP MVC MySQL Bootstrap目录引言11.1 研究背景11.2 发展趋势11.3 研究意义21.4 研究内容21.5 论文组织3第2章 相关技术简介42.1 开发工具简介42.1.1 系统开发工具MyEclipse简介42.1.2 Web应用服务器Tomcat42.1.3 MySQ

8、L数据库52.2 开发使用技术介绍62.2.1 JSP的简介62.2.2 Javascript脚本语言62.2.3 JQuery的简介72.2.4 Struts2+Hibernate+Spring开源框架72.2.5 MVC的简介82.2.6 Bootstrap简介8第3章 系统分析与设计93.1 可行性分析93.1.1 技术可行性93.1.2 操作可行性93.2 系统需求分析93.3 系统总体结构103.4 数据库设计103.4.1 关系图103.4.2 数据库表113.5本章小结13第4章 系统的实现144.1 登入功能144.1.1 登入功能展现144.1.2 登入功能实现154.2 客

9、户信息管理功能154.3 合同信息管理功能174.4 售后信息管理功能184.5 商品信息管理功能194.6 员工信息管理功能214.6.1 员工信息管理功能的实现214.6.2 角色管理功能的实现234.7 本章小结23致谢语25【参考文献】26附录1引言1.1研究背景管理信息系统(MIS) 的概念起源很早。早在20 世纪30 年代, 柏德就写书强调了决策在组织管理中的作用。50年代, 西蒙提出了管理依赖于信息和决策的概念。同一时代维纳发表了控制论与管理, 他把管理过程当成一个控制过程。50年代计算机已用于会计工作,1958年盖尔写道:“管理将以较低的成本得到及时准确的信息, 做到较好的控制

10、。” 孟祥瑞.管理信息系统M.上海：华东理工大学，2005.管理信息系统经历了一个不断发展和完善的过程。随着信息社会的不断发展，企业规模进一步扩大，企业信息的管理也变得越来越复杂，越来越重要。因此，如何切实有效管理企业信息，对于促进企业管理和提高企业质量有着很重要的意义。Internet的发展使我们的企业越来越现代化，员工跟公司的之间的信息传播只在一指之间。企业信息管理软件应充分依托企业自身信息，实现企业信息的集中管理、分散操作、信息共享，使传统的管理朝数字化无纸化，智能化，综合化的方向发展，并为进一步实现完善的信息系统打下良好的基础。1.2发展趋势现在我们国家的企业信息数据的管理还停留在纸介

11、质的基础上，这种机制非常不适应时代的潮流，这是因为这样的话浪费了很多人力和物力。因此，进入信息时代，这种很传统的管理方法必会被以计算机为基础的计算机时代的信息管理方式所取代。数据库是数据管理的最新技术，是计算机科学的重要分支。今天，信息资源已成为各个部门的重要财富和资源。建立一个满足各级部门信息处理要求的行之有效的信息系统也成为一个企业或组织生存和发展的重要条件。 王姗，萨师煊.数据库系统概论（第四版）M.北京：高等教育出版社，2006.05.信息技术的初衷也是最基本的任务就是提高生产力。简而言之，由于信息技术具有准确存储及处理大量信息的高速度和能力，因而能够大量缩短时间，减少错误，减少各种与

12、处理信息相关的成本。 斯蒂芬哈格.信息时代的管理信息系统S.严建援译.北京：机械工业出版社，2004.基于信息技术而发展的信息系统功能不断完善中。虽然各种类型的信息系统在具体内容与侧重点上有很大差别，但是其基本功能均可以概括为五个基本方面：数据和信息的收集、存储、加工、传递和提供。 林顺玉，陈宇.管理信息系统M.中国人民大学出版社，1994.1.3研究意义在计算机时代，使用计算机参与企业管理，特别是企业资源管理有诸多优势：（1） 非常友好的用户操作界面，方便操作。（2） 通过电子计算机的辅助，可以大大减少工作量，特别是一些重复的工作，从而提高工作效率。（3） 通过计算机对各种数据资源进行统计，

13、计算，汇总，效率高，准确率高。（4） 可以通过设置权限，从而更好得做好保密工作。此次这个课题是依据我国信息资源的特点，将企业中的资源管理信息化，部门化，从而节省公司大量的人力物力，减少工作中出现的失误，以提高信息管理的效率。这在一定程度上帮助公司决策者适时的调整公司的运营方式，提高公司的运作效率以及协调各个部门之间的工作，并会从整体上增加了公司的竞争力。1.4研究内容本课题要求通过利用JSP、Servlet、Struts2、Hibernate、Spring、JQuery、Bootstrap等开发技术和框架来实现一个企业信息管理系统，为企业用户提供一个方便管理企业信息的平台。一个完整的管理系统由

14、六部分构成：客户信息管理模块、合同信息管理模块，售后信息管理模块，产品信息管理模块，员工信息管理模块。客户信息管理模块主要是对客户信息的管理，即查看，编辑，删除客户信息，添加新客户。合同信息管理模块的功能则实现了对合同信息的管理，即查看，编辑，删除合同，添加新合同。售后信息管理模块实现了对售后信息的管理，即查看，编辑，删除售后信息，添加新信息。产品信息管理模块则是维护产品的相关信息，即查看编辑，删除产品信息，添加新产品。最后，员工信息管理模块，主要实现对本公司员工的信息的管理，管理员可以通过此模块，查看本公司的所有员工的信息，还可以增加新员工，编辑员工信息，删除已经离职的员工。1.5 论文组织

15、第1章 引言：主要简单地介绍了课题的选题背景、发展趋势、研究的意义以及研究内容。第2章 相关技术简介：主要介绍了系统的开发环境MyEclipse，服务器环境Tomcat， MySQL数据库以及开发使用到的技术，如：JSP，SSH，MVC，Javascript，JQuery，Bootstrap。第3章 系统的分析与设计：主要介绍了该系统的可行性分析、需求分析，概要设计、系统数据库实现以及系统的整体部署。第4章 系统的实现：图文介绍登入功能，客户信息管理，合同信息管理，售后信息管理，商品信息管理和员工信息管理的功能。第2章 相关技术简介2.1 开发工具简介2.1.1 系统开发工具MyEclipse

16、简介MyEclipse企业级工作平台（MyEclipseEnterprise Workbench ，简称MyEclipse）是对EclipseIDE的扩展，利用它我们可以在数据库和JavaEE的开发、发布以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的JavaEE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持HTML,Struts,JSP,CSS,Javascript,Spring,SQL,Hibernate。MyEclipse 是一个十分优秀的用于开发Java, J2EE的 Eclipse 插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种

17、开源产品的支持十分不错。MyEclipse目前支持Java Servlet,AJAX, JSP, JSF, Struts,Spring, Hibernate,EJB3,JDBC数据库链接工具等多项功能。可以说MyEclipse是几乎囊括了目前所有主流开源产品的专属eclipse开发工具。 百度百科.MyEclipse简介Z.在MyEclipse打开或新建项目，且保证数据库和tomcat服务器能够正常启动，项目才得以运行。本次项目使用MyEclipse 8.5进行系统的开发与测试。2.1.2 Web应用服务器TomcatTomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应

18、用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应对HTML（标准通用标记语言下的一个应用。）页面的访问请求。实际上Tomcat 部分是Apache 服务器的扩展，但它是独立运行的，所以当你运行tomcat 时，它实际上作为一个与Apache 独立的进程单独运行的。诀窍是，当配置正确时，Apache 为HTML页面服务，而Tomcat 实际上运行JSP 页面和Servlet。另外，Tomcat和IIS等Web服务器一样，具有处理HTML页面的功能，另外它还是一个

19、Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。不过，Tomcat处理静态HTML的能力不如Apache服务器。 百度百科.Tomcat简介Z.为何选择Tomcat？Tomcat的作者花了相当多的时间和精力，使Tomcat成为高性能的独立式Web服务器；因此您很容易假设及运行网站，而无需担忧如何将Tomcat与第三方的Web服务器连接。Tomcat内嵌的Web服务器是一个HTTP1.1服务器，当正确配置好后，可以相当快速地提供静态网页内容。除此之外，这些开发人员将全功能Web服务器所具有的功能追加到Tomcat中，如CGI脚本功能、主目录映射工具。 吴豪，刘运成，

20、杨前凤等.Tomcat权威指南M.中国电力出版社：2004.08.本项目是适合企业内部应用的中小型系统，采用Tomcat作为服务器，轻量，快捷，十分方便使用。这不仅对开发者的开发带来便捷，对于企业来说，也在一定程度上节约了成本。2.1.3 MySQL数据库MySQL是一个关系型数据库管理系统，由瑞典MySQL AB公司开发，目前属于Oracle公司。MySQL是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。MySQL是一种关联数据库管理系统，关联数据库将数

21、据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。MySQL软件采用了双授权政策（本词条“授权政策”），它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。 百度百科.MySQL数据库Z.MySQL已经存在很久了，它在世界范围内得到了广泛的安装和使用，为什么有那么多的公司和开发人员使用MySQL?以下列出其原因。成本MySQL是开放源代码的，一般可以免费使用（甚至可以免费修改）。性能MySQL执行很快（非常快）。

22、可以信赖某些非常重要和声望很高的公司、站点使用MsSQL,这些公司和站点都使用MySQL来处理自己的重要数据。简单MySQL很容易安装和使用。 刘晓霞，钟鸣.MySQL必知必会.M.人民邮电出版社，2009.MySQL正是由于它体积小和速度快以及成本低的特点，深受中小型网站开发者的喜爱，本系统所使用的是5.6的版本。2.2开发使用技术介绍2.2.1 JSP的简介JSP类似于HTML文件，它能在Web界面显示动态数据。JSP技术由Sun公司开发，它是为了将开发动态Web内容与静态HTML页面设计分开。这就意味着页面设计可以改变而不需要改变页面底层的动态内容。在开发生命周期，这很有用，因为Web界

23、面设计者不需要知道怎么创建动态内容，仅仅知道在哪里放置这个页面的动态内容。 International Technical Support Organization.Servlet and JSP Programmingwith IBM WebSphere Studio and VisualAge for Java M. May 2000.JSP是Java 平台上用于编写包含诸如HTML，DHTML，XHTML和XML等含有动态生成内容的Web页面的应用程序的技术。JSP技术功能强大，使用灵活，为创建显示动态Web内容的页面提供了一个简捷而快速的方法。JSP技术的设计目的是使构造基于Web 的

24、应用程序更加容易和快捷，而这些应用程序能够与各种Web服务器、Web应用服务器、浏览器和开发工具共同工作。 谷雨，阎英，高春蓉.JSP从入门到精通M.北京：电子工业出版社，2003，01.JSP2.0还有一个很大的特点，就是它支持表达式语言，例如jstl表达式。这种表达式可以使用标记格式非常方便地访问JSP的隐藏对象和JavaBean组件。因此，JSP技术很大程度上便利于JavaWeb开发。2.2.2 Javascript脚本语言JavaScript是由Nescape公司的LiveScript演变而来。在Sun公司推出Java语言后，Java 占据了服务器端脚本的编程地位，这时十分需要与之相对

25、应的客户端脚本程序。Nescape公司和Sun公司一起在1995年重新设计了LiveScript，并改名为JavaScript。JavaScript是Web页面中的一种脚本编程语言，它可以用于Web系统的在客户端和服务器端的编程。嵌入到HTML 文档中的JavaScript 脚本程序由客户端进行解释并执行，可以获得交互效果和其他的动态效果；而在服务器端的JavaScript脚本程序可以代替传统的CGI程序，完成相应的程序功能。 丁跃潮，张杰敏，吕俊音.Web编程技术M.科学出版社，2008.03.JavaScript这个名字经常被误解。除了语法看起来和Java类似之外，JavaScript和J

26、ava是完全不同的两种编程语言。JavaScript早已超出其脚本语言本身的范畴，而成为一种集健壮性、高效性和通用性为一身的编程语言。 David Flanagan.JavaScript：The Definitive GuideM.US：OReilly Media，Inc,2011.JavaScript赋予静态的html页面丰富的内容，使其“动起来”。使用JavaScript和CSS3可给页面增加很多特效，譬如弹出层，表单验证，图片轮播等等。本系统的前端展示部分更是离不开这个内容丰富的脚本语言。2.2.3 JQuery的简介JQuery是右美国人John Resig于2006年创建的一个开源项

27、目，随着被人们熟知，越来越多的程序员高手加入其中，完善并壮大其项目内容，如今已发展成为集JavaScript、CSS、DOM、Ajax于一体的强大框架体系。它的主旨是：以更少的代码，实现更多的功能（Wtrite less,do more）。 陶国荣.jQuery权威指南 M.北京：机械工业出版社，2011.01这个javascript插件，可以保存到本地或者服务器直接引用，它是继prototype之后又一个优秀的框架。它是免费开源的插件，简单移动，容易使用。它使得操作者很容易编写js代码，很大程度上减少了代码的编写量，从而提高了编程效率。JQuery是轻量级的JS库，兼容CSS3和各种主流浏览

28、器。2.2.4 Struts2+Hibernate+Spring开源框架SSH框架，即Struts,Spring,Hibernate框架，是时下JavaWeb开发比较流行的主流框架。Hibernate是一个ORM工具。它的工作原理是通过文件把值对象和数据库表之间建立起一个映射关系。Struts是一个基于Sun Java EE平台的MVC框架，主要是采用Servlet和JSP技术来实现的，其最初萌芽于Craig McClanaban的构思。Struts把Servlet、JSP、自定义标签和信息资源整合到一个统一的框架中，开发人员利用其进行开发时不再用自己编码实现全套MVC模式，极大节省了时间，所

29、以说Struts是一个非常不错的应用框架。Spring是一个轻量级的JavaEE应用程序框架。Spring的核心是个轻量级容器，实现了IoC模式的容器。Spring的目标是实现一个全方位的整合框架，在Spring框架下实现多个子框架的组合。这些子框架之间彼此可以独立，也可以使用其他的框架方案加以替代。 李芝兴，杨瑞龙.JavaEEWeb编程M.北京：机械工业出版社，2007.11这三个框架，很大程度上帮编程者提高的开发效率，因而伸手广大编程爱好者的喜爱。2.2.5 MVC的简介MVC是软件工程中的一种三层架构模式，全名是Model View Controller，是模型(model)视图(vi

30、ew)控制器(controller)的缩写，一种软件设计典范，其中Model层实现系统中的业务逻辑，通常可以用JavaBean或EJB来实现； View层用于与用户的交互，通常用JSP来实现；Controller层是Model与View之间沟通的桥梁，只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。所以一旦Model层发生改变，View就要跟着改变。MVC模型2是面向Web应用软件开发的MVC模型，它由三个主要组成元素：JSP,Servlet和JavaBean。其中，JSP对应MVC模型的View，Servlet对应于Controller,Bean对应于Mo

31、del。Model的Bean又分为逻辑Bean和数据Bean，逻辑Bean用于事物处理，数据Bean用于保存HTML FORM数据。 何成万，余秋惠. MVC模型2及软件框架Struts的研究J.计算机工程，2002.06：274-276.MVC作为一个设计模式，有很大优势，它降低了层与层之间的依赖，利于各层逻辑的复用，在后期维护的时候，很大程度降低了维护成本和时间。MVC实现了一种动态的程序设计，提高代码的利用率，使得程序易于修改和扩展简化，让系统的层次结构更加明白清楚，从而也让程序员更好的管理数据和代码。2.2.6 Bootstrap简介Bootstrap是一个前端的CSS框架，它是基于j

32、Query框架开发的，并在jQuery框架基础上进行更加人性化以及个性化的完善，并逐渐形成自己的风格，而且是兼容jQuery的大部分插件。在推特诞生初期，工程师们几乎尝试了他们所熟悉的框架去完成前端开发任务。应用之间的不一致性导致它们难以扩展与维护。Bootstrap最初就是为了解决这个问题而诞生的，而且在推特的第一次HackWeek迅速得到认可。在HackWeek结束后，我们已有一个稳定的版本，可以给公司内部使用。 Jake Spurlock. Bootstrap Responsive Web DevelopmentM.Packt Publishing， 2012,11.自从Bootstra

33、p推出后，它迅速走红，现在是GitHub上的热门开源项目，颇受欢迎。本系统也用到了此插件，如菜单页面的面包屑导航以及模态框等。第3章 系统分析与设计 3.1 可行性分析3.1.1技术可行性本系统实现采用Java作为编程语言，前台界面使用的是JSP技术以及基于Html,Css的框架Bootstrap，其脚本使用Javascript的优秀框架Jquery插件，后台使用时下比较热门的J2EE三大框架Spring + Struts2 +Hibernate，整体设计使用了MVC的设计模式（M：即model，指的是模型，V：即view，指的是视图，C：即controller，指的是控制器），这种设计模式很

34、好的解决了代码层次编写不规范，在Web系统的应用中性能差、复杂度高的问题。数据库使用MySQL，并且在MyEclipse上进行开发，运行在Tomcat服务器上。操作系统可以是Windows XP与Windows 7。在设备方面，在普通PC机上，WEB服务器、数据库服务器、计算机的内存容量、外存容量和输入输出设备等都可在现有的基础上得到需要。3.1.2操作可行性本系统以方便普通管理员使用为目的，这意味着管理员并不需要拥有专业的计算机知识，就能方便进行操作，方便用户在享受强大功能的同时不会因为烦杂的操作而苦恼。具有很好的实用性。3.2 系统需求分析通过对如今企业信息资源管理模式的分析，研究以及系统

35、的易操作性，要求本系统做到如下的功能：1、简单，友好的的用户操作界面，使得使用者容易操作。2、具有良好的信息设置与展现，方便信息的查看与搜索。3、可以知道客户，合同，商品的信息，并根据信息来进行管理。4、维护平台的所有数据信息，并且可以添加相关的信息。5、管理平台能根据不同角色，分配不同的权限功能。3.3系统总体结构本系统分为五大功能模块，分别是：客户管理，员工管理，商品管理、合同管理和售后管理。总框架概念如图3-1所示：客户管理模块商品管理模块合同管理模块员工管理模块售后信息管理模块图3-1 企业信息管理系统总框架概念图3.4 数据库设计3.4.1关系图图3-2 企业信息管理系统的E-R图3

36、.4.2 数据库表本系统的数据库表如下所示。其中，表3-1是客户表，记录本公司的客户信息，表3-2是合同表，记录本公司的合同信息，表3-3是售后表，记录本公司的售后信息，表3-4是商品表，记录本公司的商品信息，表3-5是员工表，记录本公司的员工信息。表3-1 客户表id员工编号client_name员工姓名client_phone客户手机号码client_address客户地址client_email客户邮箱表3-2 合同表id合同编号staff_id客户编号contact_name合同名称contact_content合同内容contact_start_time合同开始时间contact_v

37、alidity合同有效时间staff_id员工编号表3-3 售后表id售后信息编号cs_time反馈时间client_id客户编号client_opinion反馈意见staff_id员工编号表3-4 商品表id产品编号pro_name产品名称pro_model产品型号pro_num产品数量pro_price产品价格表3-5 员工表id员工编号staff_username用户名staff_pwd用户密码staff_name员工姓名staff_gender员工性别staff_age员工年龄staff_education员工学历staff_dept员工部门staff_join_date员工入职时间s

38、taff_position员工职位staff_wage员工薪水staff_email员工邮箱staff_phone员工电话staff_birth员工生日staff_nation员工民族staff_address员工住址staff_role用户角色3.5本章小结本章内容主要是对系统功能进行详细的规划与设计，通过MyEclipse 8.5的开发环境与MySQL5.6数据库的使用，来完成对企业信息资源管理的展现。由于本系统是基于Structs2,Spring,Hibernate框架与MVC设计模式，因此针对SSH框架、MVC与代码的规范编写也是研究的重点之一。第4章 系统的实现4.1 登入功能4.1

39、.1 登入功能展现要登入时，管理员需要输入正确的用户名、密码，才能够登入系统。登入页面运行效果如图4-1所示。图4-1 系统登入界面登入后主界面效果如图4-2所示。其中，左边是用就jQuery树插件展示菜单栏目，主要分三级菜单，根菜单为信息管理，其下有三个二级菜单，分别为客户管理，销售管理和员工管理，这三个二级菜单又分别有自己的子菜单。图4-2登入后主界面效果图4.1.2 登入功能实现用户只有通过输入合法的信息和分配该用户的权限，才能进入系统的菜单页面。当用户输入了错误的信息，如用户名和密码不输入就点击登录，则在帐号输入区或密码输入区的下一行用红色字提醒不能为空，而不是用传统的alert弹出窗

40、口提示用户。图4-3登入功能流程图4.2客户信息管理功能此模块的功能主要是实现对客户信息的管理（增加，编辑，查看，删除）。查看所有客户信息如图4-4所示。查看所有客户信息是这样实现的：当用户点击左边菜单栏的客户信息管理后，则前台向后台发送请求客户信息的数据，后台处理相关业务后，返回所有的客户信息，然后用jstl表达式将数据遍历到JSP页面中。图4-4 查看所有客户信息效果图当用户要编辑客户信息时，利用JS的插件jQuery插件将客户点击的这一行信息取出来，然后转向编辑客户信息的页面，此页面不是单独的页面，而是利用了Bootstrap插件的模态框，它的效果是在原来的界面增加一个弹出层，刚才读出来

41、的信息在读入这个模态框的相应位置，效果如图4-5所示。图4-5 编辑客户信息效果图当用户点击添加客户信息，页面转向添加客户信息的界面，这个界面也是用Bootstrap的模块框做的，效果如图4-6所示。图 4-6 添加客户信息的效果图4.3合同信息管理功能此模块的功能主要是实现对合同信息的管理（增加，编辑，查看，删除）。查看所有合同信息如图4-7所示。查看所有合同信息是这样实现的：当用户点击左边菜单栏的合同信息管理后，则前台向后台发送请求合同信息的数据，后台处理相关业务后，返回所有的合同信息，然后用jstl表达式将数据遍历到JSP页面中。图 4-7 查看合同信息的效果图当编辑合同信息时，前台用j

42、Query插件将用户点击的这一行信息取出来，然后转向编辑客户信息的页面，由于这个页面用到了jQuery UI的时间插件，它和Bootstrap的模块框不兼容，所以此页面的实现方式是一个用隐藏的div容器，用户点击编辑后，原来的查看信息的界面隐藏了，这个编辑界面显示出来，然后把相关信息读入，效果如图4-8所示。图 4-8 编辑合同信息的效果图当用户点击添加合同信息时，查看信息的页面隐藏了，添加合同信息的界面出现了（同样的，由于此页面用到时间插件和Bootstrap的模态框不兼容，所以实现方式同编辑合同信息页面一样），效果如图4-8所示。图 4-9 添加合同信息的效果图4.4售后信息管理功能此模块

43、的功能主要是实现对售后信息的管理（增加，编辑，查看，删除）。查看所有售后信息如图4-10所示。查看所有售后信息是这样实现的：当用户点击左边菜单栏的售后信息管理后，则前台向后台发送请求售后信息的数据，后台处理相关业务后，返回所有的售后信息，然后用jstl表达式将数据遍历到JSP页面中。图4-10 查看所有售后信息的效果图当用户点击添加售后信息时，则添加售后信息的模态框出现，用户可以在相应位置填入信息，点击确认后即可以提交相关信息，由于此页面所用到的时间是后台生成的，没用到时间插件，所以这里可以用模态框，效果如图4-11所示。图4-11 添加售后信息的效果图当用户点击编辑售后信息时，一用jQuer

44、y将用户点击的那一行的售后信息读入到编辑售后信息的模块框的相应位置，用户可以修改相应信息，然后点击确认按钮提交信息，效果如图4-12所示。图4-12 编辑售后信息的效果图4.5商品信息管理功能此模块的功能主要是实现对商品信息的管理（增加，编辑，查看，删除）。查看所有商品信息如图4-13所示。查看所有商品信息是这样实现的：当用户点击左边菜单栏的商品信息管理后，则前台向后台发送请求商品信息的数据，后台处理相关业务后，返回所有的商品信息，然后用jstl表达式将数据遍历到JSP页面中。图4-13 查看所有商品信息的效果图当用户点击添加商品信息时，添加商品信息的模态框出现，用户就在相关位置输入信息，点击

45、确认按钮即可添加，效果如图4-14所示。图4-14 添加商品信息的效果图当用户点击编辑商品信息时，用户点击的这一行的商品信息立即被取出来，读入到编辑商品信息的模态框，用户即可根据信息进行编辑，效果如图4-15所示。图4-15 编辑商品信息的效果图4.6员工信息管理功能4.6.1员工信息管理功能的实现员工信息管理模块的功能主要是实现对员工信息的管理（增加，编辑，查看，删除）。查看所有员工信息如图4-16所示。查看所有用户信息是这样实现的：当用户点击左边菜单栏的用户信息管理后，则前台向后台发送请求用户信息的数据，后台处理相关业务后，返回所有的用户信息，然后用jstl表达式将数据遍历到JSP页面中。

46、图4-16 查看员工信息的效果图当用户点击添加员工信息时，查看信息的界面隐藏了，添加员工信息的界面出现，用户可以输入相应的信息，点击提交即可，效果如图4-17所示。图4-17 添加员工信息的效果图当用户点击编辑员工信息时，此行的员工信息就被读入到了编辑员工信息的界面，然后查看信息的界面隐藏，编辑员工信息的界面显示，用户可以根据信息进行编辑，编辑后点击确认按钮即可，效果如图4-18所示。图4-18 编辑员工信息的效果图4.6.2角色管理功能的实现角色管理主要是分为管理员角色和员工角色。管理员角色登录系统可以对客户信息，合同信息，商品信息，售后信息，员工信息进行增删查改。员工角色只能查看以上的信息，不能进行增加，删除，修改。这个功能的实现首先是在员工表增加一个角色字段，值为0或1。0代表管理员，1代表员工。前后台会根据此字段来赋予不