中国电信后台管理系统

经济与管理学院2015-2016第二学期《信息系统分析与设计》课程期末考查报告课题名称：中国电信后台管理系统分析与设计年级专业：13信息管理与信息系统指导教师：徐洪峰小组成员：学号：130403010071学生姓名：邓国辉学号：130403010064学生姓名：付明清学号：130403010046学生姓名：唐洪香目录第一章绪论 21.1研究背景 21.2论文的组织结构 2第二章系统相关技术 32.1开发语言 32.2开发技术 32.3数据库管理系统 62.4建模工具 6第三章系统分析 63.1系统可行性分析 63.2系统需求分析 73.2.1系统业务流程分析 73.2.2系统用例分析 73.2.3系统功能需求分析 83.3系统性能需求分析 93.3.1数据精确度 93.3.2时间特性 93.3.3适应性 93.3.4故障处理 93.4系统运行需求分析 93.4.1用户界面 93.4.2硬件接口 103.4.3软件接口 103.4.4其他需求 10第四章系统设计 104.1系统整体功能结构设计 104.2主要功能模块详细设计 134.2.1系统流程设计 134.3数据库设计 194.3.1概念模型设计 194.3.2数据逻辑模型设计 204.3.3接口设计 224.4系统测试设计 224.4.1测试方案 22第五章系统实现与运行演示 235.1进入登录界面 235.2进入主界面 235.2.1用户管理操作演示 235.2.2角色管理操作演示 255.2.3菜单管理操作演示 265.2.4权限管理操作演示 285.2.5部门管理操作演示 295.2.6退出系统 30第六章系统有关代码 306.1电信后台管理系统主界面代码 306.2登录界面代码 40第七章总结 45中国电信系统分析与设计作者（邓国辉、付明清、唐洪香）摘要：随着现代的技术发展以及网络技术的应用，日常管理工作应该从以前繁琐的事务中解放出来,从而提高了工作效率。中国电信后台管理是一个重要的管理部分，它可以提高管理员对系统管理的效率，也可以让高层管理人员对整个公司人员的工作情况得到更有效的管理，并且这个后台管理系统可以让公司高层人员根据公司人员的工作情况作出相应的决策战略，这就等同于提高资金利用率，这样就可以为企业带来更大的利益，这就是我们这个系统所想要达到的理想目标。关键字：中国电信；JAVA语言；后台管理；系统开发第一章绪论1.1研究背景伴随着中国经济的高速发展和通信网络技术的不断发展，中国电信产业也逐渐发展起来。而电信产业是国民经济的基础性产业,对国民经济的发展起着必不可少的支持。当前,世界国际服务电信运营已进入到全球竞争时代,电信运营业便捷化已成为发展趋势。本文论述了这个系统的主要功能模块，在开发过程中运用SSH框架，以及ODBC驱动等方式，通过对电信发展的研究进行开发与制作，争取做到有用化，开发过程以统一建模语言（UML）为辅助手段，为面向对象的需求分析建模，从而实现系统的所有功能，进行了一系列的面向设计过程，使系统开发过程更便捷，操作简便、界面友好、安全灵活。1.2论文的组织结构第一章：主要说研究的背景。第二章：主要介绍系统的相关技术，如开发的技术和开发的语言以及用到的数据库管理系统，用到的建模工具VISIO。第三章：主要介绍系统的可行性分析、系统需求分析、功能需求分析、系统性能分析以及系统运行需求分析。第四章：主要说系统功能的纤细设计和各个管理模块的操作流程，以及各个管理的界面设计。第五章：主要是对电信后台管理系统的运行演示。第六章：主要说该系统的有关代码。第七章：对该系统的总结。第二章系统相关技术2.1开发语言本系统我们采用Java编程语言来开发系统，Java是一种简单的，跨平台的，面向对象的，分布式的，健壮的安全的，性能很优异的多线程的动态语言。2.2开发技术1）ODBC驱动方式一种动态链接库(DLL)，支持ODBC的应用程序（如Excel）可以用它来访问ODBC数据源。每个ODBC驱动程序针对一个数据库管理系统(DBMS)，如SQLServer、Access等等。（1）简介ODBC(OpenDatabaseConnectivity，开放数据库互连)是微软公司开放服务结构中有关数据库的一个组成部分，它建立了一组规范，并提供了一组对数据库访问的标准API（应用程序编程接口）。这些API利用SQL来完成其大部分任务。ODBC本身也提供了对SQL语言的支持，用户可以直接将SQL语句送给ODBC。一个基于ODBC的应用程序对数据库的操作不依赖任何DBMS，不直接与DBMS打交道，所有的数据库操作由对应的DBMS的ODBC驱动程序完成。也就是说，不论是FoxPro、Access还是Oracle数据库，均可用ODBCAPI进行访问。由此可见，ODBC的最大优点是能以统一的方式处理所有的数据库。（2）组成一个完整的ODBC由下列几个部件组成：应用程序(Application)。ODBC管理器(Administrator)。该程序位于控制面板(ControlPanel)的管理工具内，其主要任务是管理安装的ODBC驱动程序和管理数据源。驱动程序管理器(DriverManager)。驱动程序管理器包含在ODBC32.DLL中，对用户是透明的。其任务是管理ODBC驱动程序，是ODBC中最重要的部件。2）ssh框架SSH为struts+spring+hibernate的一个集成框架，是目前较流行的一种Web应用程序开源框架。集成SSH框架的系统从职责上分为四层：表示层、业务逻辑层、数据持久层和域模块层，以帮助开发人员在短期内搭建结构清晰、可复用性好、维护方便的Web应用程序。其中使用Struts作为系统的整体基础架构，负责MVC的分离，在Struts框架的模型部分，控制业务跳转，利用Hibernate框架对持久层提供支持，Spring做管理，管理struts和hibernate。具体做法是：用面向对象的分析方法根据需求提出一些模型，将这些模型实现为基本的Java对象，然后编写基本的DAO(DataAccessObjects)接口，并给出Hibernate的DAO实现，采用Hibernate架构实现的DAO类来实现Java类与数据库之间的转换和访问，最后由Spring做管理，管理struts和hibernate。（1）业务流程系统的基本业务流程是：在表示层中，首先通过JSP页面实现交互界面，负责接收请求(Request)和传送响应(Response)，然后Struts根据配置文件(struts-config.xml)将ActionServlet接收到的Request委派给相应的Action处理。在业务层中，管理服务组件的SpringIoC容器负责向Action提供业务模型(Model)组件和该组件的协作对象数据处理(DAO)组件完成业务逻辑，并提供事务处理、缓冲池等容器组件以提升系统性能和保证数据的完整性。而在持久层中，则依赖于Hibernate的对象化映射和数据库交互，处理DAO组件请求的数据，并返回处理结果。（2）结构框架Struts1Struts对Model，View和Controller都提供了对应的组件。ActionServlet，这个类是Struts1的核心控制器，负责拦截来自用户的请求。Action，这个类通常由用户提供，该控制器负责接收来自ActionServlet的请求，并根据该请求调用模型的业务逻辑方法处理请求，并将处理结果返回给JSP页面显示。SpringSpring是一个开源框架，它由RodJohnson创建。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。然而，Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。HibernateHibernate是一个开放源代码的对象关系映射框架，它对JDBC进行了非常轻量级的对象封装，使得Java程序员可以随心所欲的使用对象编程思维来操纵数据库。Hibernate可以应用在任何使用JDBC的场合，既可以在Java的客户端程序使用，也可以在Servlet/JSP的Web应用中使用，最具革命意义的是，Hibernate可以在应用EJB的J2EE架构中取代CMP，完成数据持久化的重任。3）jQueryJQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。4）EXT（js类库）EXT是延伸文件系统（英语：Extendedfilesystem，缩写为ext或ext1），也译为扩展文件系统，一种文件系统，于1992年4月发表，是为linux核心所做的第一个文件系统。采用Unix文件系统（UFS）的元数据结构，以克服MINIX文件系统性能不佳的问题。它是在linux上，第一个利用虚拟文件系统实现出的文件系统，在linux核心0.96c版中首次加入支持，最大可支持2GB的文件系统。5）JSP（java服务器页面）JSP全名为JavaServerPages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。2.3数据库管理系统从数据库工具的发展来看，目前主流的主要有Oracle、Sybase、DB2以及SQLServer四种。在系统设计中，我们拟使用SQLServer数据库管理系统。SQLServer2008在Microsoft的数据平台上发布，可以组织管理任何数据。可以将结构化、半结构化和非结构化文档的数据直接存储到数据库中。可以对数据进行查询、搜索、同步、报告和分析之类的操作。数据可以存储在各种设备上，从数据中心最大的服务器一直到桌面计算机和移动设备，它都可以控制数据而不用管数据存储在哪里。2.4建模工具建模工具，该系统用到的工具是MicrosoftofficeVisio2010是微软公司出品的Microsoftoffice办公软件中的一款。它有助于IT和商务专业人员轻松地可视化、分析和交流复杂信息。它可以将难以理解的复杂文本和表格转换为一目了然的Visio图表。该工具我们用在画用例图、功能模块图、数据流程图以及业务流程图。第三章系统分析3.1系统可行性分析（1）经济可行性本系统基本上可以实现，因为开发成本不高，而且应用于后台管理中，它的功能基本上可以算得上完善了，而且因为成本的问题，在其经济上是可行的。本系统简单可行，采用所学知识进行开发研究，很经济实用，是经济耐用且好用的一个管理系统。而且本系统所采用的开发工具都是免费的。（2）技术可行性中国电信后台信息管理系统安全性和可靠性较强，通过分析，可以知道从技术上是可行的，对现有软件不会产生冲突，对使用的操作系统来说有很好的兼容性、稳定性。（3）其他可行性（如社会、法律、伦理道德可行性等）对于前台管理系统，开发商，开发者有很多，但对于后台管理系统的开发就显得没有那么多，在这个以提高时间使用效率的21世纪，只有利用好自己已有的资源才能在紧张的竞争中取得自己想要的额结果，所以我们系统就是基于这个环境进行开发的，本系统是一个后台管理系统，当然由于我们还处于起步阶段，所以就不能开发出大众化的系统，本系统是一个针对中国电信的后台管理系统，叫做天翼助手，它以后台管理为基础来提高使用者的利益。对于这个方面有需求的中国电信有很好的发展前景。3.2系统需求分析3.2.1系统业务流程分析系统业务流程图如下图3-1所示。图3-1系统业务流程图3.2.2系统用例分析用例分析在需求分析阶段有很重要的作用。它是作为参与者的外部用户所能观察到的系统功能的模型图。该系统所涉及到的用户角色主要有管理员。根据系统需求概述及中国电信后台管理系统的管理员的角色分析，管理员具有完成下列工作的权限。管理员的工作主要包括：系统登录、菜单管理、用户管理、角色管理、权限管理以及部门管理。管理员用例图如下图3-1所示。图3-2管理员用例图3.2.3系统功能需求分析1）功能划分如下图3-2所示。图3-2中国电信后台管理功能模块图3.3系统性能需求分析3.3.1数据精确度在向数据库文件提取数据时，要求数据记录定位准确，在往数据库文件数组中添加数据时，要求输入数据准确。3.3.2时间特性程序响应时间：在人的感觉和视觉事件范围内；信息交换时间：要求在程序调用前、调用后都与数据库保持同步更新，网络信息交换时间应该小于程序调用的时间。3.3.3适应性要求数据库具有很好地更新能力，由于本产品是实验性软件，故对磁盘和内存容量没有很高的要求，但是数据库应该能够对并发事件、脏的数据具有较强的识别处理能力。3.3.4故障处理软件应具备自动拼写错误检查等功能，在出现故障后应从整个系统数据库重新载入数据进行操作。3.4系统运行需求分析3.4.1用户界面屏幕格式：采用全屏格式，通过分窗口操作进行各个操作之间的转换；菜单格式：下拉菜单，应显示储户资料及账户资料的各个详细条目。3.4.2硬件接口网络硬件接口要求：现实中要求具有高速以太网组网以实现联网操作，但是从理论实验验证软件本身的目的来看，无需网络通讯接口。业务员键入储户的资料要全部一直显示在屏幕；储户从按键口键入密码到系统以核对；计算机与打印机有高速传输的连接接口，最后以纸张的形式打印出清单给储户。3.4.3软件接口Windows标准接口，要求与其他软件无冲突错误发生。3.4.4其他需求在安全方面系统具有较强的安全保密性，拒绝未被授权的人员登录。第四章系统设计4.1系统整体功能结构设计根据上述对系统功能性需求的分析，该系统可以大致分为五个模块，分别是用户管理、角色管理、菜单管理、权限管理、部门管理。中国电信后台管理系统功能模块设计如下图4-1所示。图4-1：中国电信后台管理系统模块图各功能模块具体结构设计如下。系统用户管理系统用户管理主要是管理员对用户的管理，可以进行添加用户、编辑用户、删除用户以及管理员重置密码的功能，同时也可以对自己的信息进行编辑，如下图4-2所示图4-2系统用户管理功能模块图角色管理角色管理是主要包括添加角色、编辑角色和删除角色，如下图4-3所示。图4-3系统角色管理功能模块图权限管理权限管理是管理员对角色的权限进行限制，由管理员来控制角色对系统的使用权限，权限管理主要包括可以显示角色和角色权限限制，如下图4-4所示。图4-4系统权限管理功能模块图菜单管理菜单管理是管理员对菜单的管理，主要包括菜单的添加、菜单的编辑和删除菜单的功能，如下图4-5所示。图4-5系统菜单管理功能模块图部门管理部门管理是管理员对部门的添加、编辑和删除功能，如下图4-6所示。图4-6系统部门管理功能模块图4.2主要功能模块详细设计4.2.1系统流程设计系统总流程设计图如下图4-7所示。图4-7系统总流程图1）系统登录模块为了保证系统及信息的安全，防止非法用户进入系统，程序启动后，首先进入系统登录模块验证操作员名称和操作员密码。用户需要在文本框中输入操作员名称和操作员密码，系统将输入的名称和密码与数据库中的信息进行匹配，若该操作员名称存在，且密码正确，则取得用户权限，进入系统主界面；若该操作员名称不存在或密码错误，则不可登录本系统，此时将提示错误，并返回登录界面，可选择重新登录或者退出登录界面。（1）登录模块流程图如下图4-8所示。图4-8系统登录模块流程图（2）用户登录界面设计用户登录模块结果运行如下图4-9所示。图4-9用户登录模块运行结果输入用户名和密码，经验证该用户存在且密码正确，则获得用户权限并进入系统。2）用户管理模块进入用户管理模块，管理员可以进行用户的添加、编辑、删除和修改自己的登录密码等操作。用户管理流程图如下图4-10所示。图4-10用户管理模块流程图用户管理界面设计用户管理模块结果运行如下图4-11所示。图4-11用户管理模块运行结果3）角色管理模块角色管理是管理员对角色的信息进行添加、编辑和删除的操作。角色管理流程图如下图4-12所示。图4-12角色管理模块流程图角色管理界面设计角色管理模块结果运行如下图4-13所示。图4-13角色管理模块运行结果4）菜单管理模块菜单管理是管理员对菜单的添加、编辑和删除操作。菜单流程图如下图4-14所示。图4-14菜单管理模块流程图菜单管理界面设计菜单管理模块结果运行如下图4-15所示。图4-15菜单管理运行结果5）部门管理模块部门管理是管理员对部门的基本信息进行添加、编辑和删除操作。部门管理流程图如下图4-16所示。图4-16部门管理模块流程图部门管理界面设计部门管理模块结果运行如图4-17所示。图4-17部门管理模块运行结果6）权限管理模块权限管理是管理员对角色授权的管理操作。权限管理流程图如下图4-18所示。图4-18权限管理模块流程图权限管理界面设计权限管理模块结果运行如图4-19所示。图4-19权限管理模块运行结果4.3数据库设计4.3.1概念模型设计数据库的设计首先从E-R图设计开始，E-R图(实体-联系图)表示实体类型、属性和联系的方法，用来有效描述现实的概念模型。对于本系统而言，显然存在多个E-R关系图，这里只给出了总体的E-R图。进一步分析电信后台过程和数据流程，根据前面对中国电信后台管理系统的分析，系统所涉及到的主要实体有管理员、角色、菜单、部门的实体。管理员实体：姓名、类型、所属区域等。菜单实体：编号、名称、类型、地址。角色实体：姓名、类型。部门实体：名称、类型。在分析了上述各个主要实体与属性之间的联系后，就比较容易给出电信后台系统的整体E-R图设计。整体E-R图如下图4-20所示。图4-20整体实体E-R图4.3.2数据逻辑模型设计根据数据库概念模型，结合数据库规范化理论，将概念结构涉及到的实体及实体之间的联系转化为数据库的逻辑结构。并结合系统管理需要，将数据库的逻辑结构设计如下。主要包含以下数据表。用户表用于记录用户信息，如下表4-1所示。表4-1用户表角色表用于对角色的一些信息进行记录，如下表4-2所示。表4-2角色表菜单表用于记录菜单基本信息，如下表4-3所示。表4-3菜单表部门表管理员用于对部门的信息进行记录，如下表4-4所示。表4-4部门表4.3.3接口设计（1）用户接口用来说明将向用户提供的命令和它们的语法结构，以及软件的回答信息。本系统的用户接口设计为统一登录界面，用户通过输入自己的用户号、用户密码和用户类型等信息登录系统，必须用户号、用户密码和用户类型相匹配且正确才能登录系统。各类用户登录系统后只能使用授权模块。未授权的模块不出现在用户视图中。用户进入功能模块后，通过输入规定的相关信息与系统进行交互，以获得系统提供的服务。（2）外部接口用来说明本系统同外界的所有接口的安排包括软件与硬件之间的接口、本系统与各支持软件之间的接口关系。本系统的外部接口除用户接口之外，主要是数据库的访问。4.4系统测试设计4.4.1测试方案该系统在本地服务器上进行运行和调试，鉴于对系统的内部结构和处理算法的完全了解以及对系统功能的全面掌握对系统进行白盒测试和黑盒测试。在开发软件系统的过程中，需要面对错综复杂的问题，因此，在软件生存周期的每个阶段都不可避免地会产生错误。测试目的在于：发现错误而执行一个程序的过程，测试的最重要目的是发现其中尚未发现的错误。为了设计出有效的测试方案按照下面准则进行测试：所有测试都应追溯到用户需求；在完成了需求模型就要着手制定测试计划，在编码之前对所有测试工作进行计划和设计；从小规模开始逐步进行大规模测试，通常先重点测试单个程序模块再转向集成的模块；精心设计测试方案，尽可能充分覆盖程序逻辑使之达到要求的可能性。第五章系统实现与运行演示5.1进入登录界面以管理员身份登录，输入管理员账号和登录界面。5.2进入主界面5.2.1用户管理操作演示（1）进入用户管理界面(2)添加用户（3）编辑用户（4）删除用户（5）重置密码5.2.2角色管理操作演示（1）进入角色管理界面进行相关操作（2）添加用户（3）编辑用户（4）删除用户5.2.3菜单管理操作演示（1）进入菜单管理界面进行相关操作（2）添加菜单（3）编辑菜单（需要选中一个菜单，没选中就会有一下提示框出现）（4）选中就可以进行修改（5）删除菜单也是需要选中5.2.4权限管理操作演示选择角色进行授权，这样这个用户就可以拥有权限来对其他功能的内容进行修改。5.2.5部门管理操作演示（1）进入部门管理界面进行相应操作（2）添加部门（3）编辑部门也比需要选择目标进行修改才可以进行修改，并且修改成功（4）删除部门同样这些操作需要选择目标进行操作的5.2.6退出系统第六章系统有关代码6.1电信后台管理系统主界面代码<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%@pageimport="com.kmvc.entity.User"%><% UseruserSession=(User)request.getSession().getAttribute("user"); if(userSession==null){ response.sendRedirect("Login.jsp"); } Stringuserlist=(String)request.getSession().getAttribute("userlist");%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html> <head> <title>云南天翼助手后台管理系统</title> <linkrel="Bookmark"href="images/favicon.ico"/> <linkhref="images/favicon.ico"rel="ShortcutIcon"/> <linkrel="stylesheet"href="ext-3.4.1/resources/css/ext-all.css"type="text/css"></link> <linkrel="stylesheet"href="css/index.css"type="text/css"></link> <linkhref="css/main.css"rel="stylesheet"type="text/css"/> <styletype="text/css"> #marquee,#N_Div_IDdiv { font-size:12px; } </style> </head> <scripttype="text/javascript"src="ext-3.4.1/adapter/ext/ext-base.js"></script> <scripttype="text/javascript"src="ext-3.4.1/ext-all.js"></script> <scripttype="text/javascript"src="ext-3.4.1/src/locale/ext-lang-zh_CN.js"></script> <scripttype="text/javascript"src="js/vtype.js"></script> <scripttype="text/javascript"src="js/jquery-1.4.4.min.js"></script> <scripttype="text/javascript"src="js/notice.js"></script> <scripttype="text/javascript"> Ext.QuickTips.init(); Ext.form.Ftotype.msgTarget='side';//显示的位置 varToolbar=newExt.Toolbar({ cls:'top-toolbar', border:false, items:[{ xtype:'tbtext', text:'<imgsrc="images/icon/gonggao.gif">' },{ xtype:'tbtext', id:'N_Div_ID', text:'<divid="marquee"><imgborder="0/"src="images/icon/tzgg_icon.gif">建议使用IE7.0或者以上版本浏览器,分辨率1024*768浏览系统</<div>'},'->','-', { text:'折叠菜单', iconCls:'collapse', handler:function() { varflag=menu.collapsed; menu.toggleCollapse(); this.setText(flag?'折叠菜单':'展开菜单'); this.setIconClass(flag?'collapse':'expand'); } },'-', { text:'系统首页', iconCls:'home', handler:function() { addTab('系统首页','SysInfo.jsp','home'); } }, { text:'修改密码', iconCls:'password', handler:function() { AlterLoginUserInfo(); } }, { text:'注销登录', iconCls:'exit', handler:function() {Ext.Msg.confirm('提示信息','确定要注销登录吗?',function(btn){ if(btn=='yes') Ext.Ajax.request({ url:'mainPage.action', params:{commandType:'LoginOut'}, success:function(msg){ if(msg.responseText=="0") { window.location.href="Login.jsp"; } else{ Ext.Msg.alert("错误",msg.responseText); } }, failure:function(){ Ext.Msg.alert("错误","连接出错"); } }); }); } } ] }); varhd=newExt.Panel({ renderTo:document.body, border:false, layout:'anchor', cls:'docs-header', region:'north', height:66, items:[{ xtype:'box', el:'header', border:false, anchor:'0-25' },Toolbar] }); vartree=newExt.tree.TreePanel({ title:'系统菜单', useArrows:true, autoScroll:true, animate:true, enableDD:true, containerScroll:true, border:false, //autocreateTreeLoader dataUrl:'get-nodes.action', rootVisible:false, listeners:{ click:function(a,b){ if(a.attributes.leaf) { varid=a.attributes.id; addTab(a.attributes.text,a.attributes.attr,id); } } }, root:{ nodeType:'async', text:'用户菜单', draggable:false, id:'0' } });varcenter=newExt.TabPanel({ region:'center', xtype:'tabpanel', activeTab:0, defaults:{closable:true}, items:{ title:'系统首页', id:'home',html:'<iframesrc="SysInfo.jsp"frameborder="0"scrolling="auto"width="100%"height="100%"></iframe>' }});varmenu=newExt.Panel({ width:200, split:true, region:'west', collapsible:true, collapsed:false, collapseMode:'mini', header:false, hideCollapseTool:true, activeTab:0, minWidth:150, maxWidth:250, margins:'0055', cmargins:'0050', items:[tree] }); Ext.onReady(function(){ varWindow=new Ext.Viewport({ layout:'border', items:[ hd, menu, center ] }); initMarquee(); }); vari=1; functionaddTab(title,src,id) { vartab=center.getItem(id); if(!tab) { tab=newExt.Panel({ id:id, title:title, layout:"fit", autoScroll:true, border:false, xtype:"panel", html:'<iframesrc="'+src+'"frameborder="0"scrolling="auto"width="100%"height="100%"></iframe>' }); i++; center.insert(i,tab); } center.setActiveTab(id); } varPasswordWin; varuserForm; functionAlterLoginUserInfo() { if(!userForm) { userForm=newExt.form.FormPanel({ labelAlign:'right', labelWidth:65, frame:true, plain:true, border:false, autoHeight:true, baseCls:"x-plain", defaultType:'textfield', defaults:{ allowBlank:false, anchor:'85%' }, items:[{ fieldLabel:'原始密码', name:'OldPwd', inputType:'password' }, { fieldLabel:'新密码', name:'newPwd', id:'newPassword', inputType:'password' }, { fieldLabel:'确认密码', name:'newPwd2', inputType:'password', vtype:'password', initialPassField:'newPassword' }] }); } if(!PasswordWin){PasswordWin=newExt.Window({ title:'修改密码', width:350, autoHeight:true, plain:true, resizable:false, modal:true, collapsible:true, constrainHeader:true, closeAction:'hide', shadow:false, bodyStyle:"padding:10px0023px", items:[userForm], buttons:[{ text:'提交',handler:function() {if(userForm.getForm().isValid()) {userForm.getForm().submit({ url:'mainPage.action', params:{commandType:'AlterPwd'}, success:function(response,action) { userForm.getForm().reset(); PasswordWin.hide(); Ext.Msg.alert("提示信息","密码修改成功！"); }, failure:function(form,action) { Ext.Msg.alert("错误",); } }); } } },{ text:'取消', handler:function() { PasswordWin.hide(); } }] }); } PasswordWin.show(); }</script> <body> <divid="header"style="height:41px;"> <divclass="hd_left"> </div> <divid="right"> <divclass="hd_right"> <%if(userlist!=null) { out.print(userlist); } %> </div> </div> </div> </body></html>6.2登录界面代码<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%@taglibprefix="s"uri="/struts-tags"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head> <title>后台管理系统</title> <linkrel="Bookmark"href="images/favicon.ico"/> <linkhref="images/favicon.ico"rel="ShortcutIcon"/> <linkhref="css/main.css"rel="stylesheet"type="text/css"/> <styletype="text/css">html,body{height:100%;}.bottom{background-color:#f1f1f1; width:100%; height:70px; position:fixed; bottom:0px;}.tabletd{ margin:0; border:0; padding:0; height:44px;}.tabletdinput{ margin-left:101px; height:20px; border:0;}.tabletda{ margin-left:101px; width:168px; border:0; font-size:24px; text-decoration:none;}.login_content{ width:351px; margin-top:64px;}.bttTabletd{ cursor:pointer; width:60px;}.bttTabletdinput{ background:nonerepeatscroll00transparent; cursor:pointer; margin-left:0; width:58px;}</style> <linkrel="stylesheet"href="ext-3.4.1/resources/css/ext-all.css" type="text/css"></link> <scripttype="text/javascript"src="ext-3.4.1/adapter/ext/ext-base.js"></script> <scripttype="text/javascript"src="ext-3.4.1/ext-all.js"></script> <scripttype="text/javascript"src="JQuery/jquery-1.4.4.min.js"></script> <scripttype="text/javascript">varactionErrors='';Ext.onReady(function(){ actionErrors=$('#LoginInfo').html().replaceAll("\n","").Trim(); if(actionErrors!="") {Ext.Msg.show({ title:'系统消息', msg:actionErrors, buttons:Ext.Msg.OK, icon:Ext.MessageBox.ERROR });}});Stotype.replaceAll=function(s1,s2){returnthis.replace(newRegExp(s1,"gm"),s2);}Stotype.Trim=function(){returnthis.replace(/(^\s*)|(\s*$)/g,"");}functionsubmitForm(){if(document.getElementsByName('USER_ID')[0].value=="") { Ext.Msg.alert("请输入用户名！"); } elseif(document.getElementsByName('UserPwd')[0].value=="") { Ext.Msg.alert("请输入密码！"); } else { document.getEle