JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。

Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。

JSP与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。

JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。Java Servlet 是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点

2.5 css和Js技术简介

2.5.1 Css层叠样式表简介

CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。

层叠样式表解决了一个普遍的问题：HTML 标签原本被设计为用于定义文档内容。通过使用

、

、 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。

由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档

6

内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。目前所有的主流浏览器均支持层叠样式表。

层叠样式表的特点有：便于页面的修改、便于页面风格的统一、减少网页的体积。层叠样式表极大地提高了工作效率，样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。

由于允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。 2.5.2 JS技术简介

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。[1] Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。

Netscape公司在最初将其脚本语言命名为LiveScript来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”[2]，因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme[3].JavaScript与Java名称上的近似，是当时网景为了营销考虑与Sun公司达成协议的结果。为了取得技术优势，微软推出了JScript来迎战JavaScript的脚本语言。为了互用性，Ecma国际（前身为欧洲计算机制造商协会）创建了ECMA-262标准（ECMAScript）。现在两者都属于ECMAScript的实现。尽管JavaScript作为给非程序人员的脚本语言，而非作为给程序人员的编程语

7

言来推广和宣传，但是JavaScript具有非常丰富的特性。

它的特点是：能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model（DOM，文档对象模型）、Layers和 Cascading Style Sheets（CSS，层叠样式表），这里主要讲Javascript。那么Javascript是什么？Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言（scripting language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。 运行用Javascript编写的程序需要能支持Javascript语言的浏览器。Netscape公司 Navigator 3．0以上版本的浏览器都能支持 Javascript程序，微软公司 Internet Explorer 3．0以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的Javascript，称为JScript。 Javascript和Jscript基本上是相同的，只是在一些细节上有出入。 Javascript短小精悍， 又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化，减少下载时间。JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的，只要你有创意。

8

3 需求分析

3.1 用户需求分析

电力行业是国民经济的基础产业，是人们日常生活的基础，保证持续、高效的电力供应是关系到国计民生的大事，而电费的收取则是电力部门日常工作中的重点之一，如何保证高效、准确是电力部门工作所关注的焦点。

针对电力行业的背景和收费的需求，本项目的设计思想是对每个用户的用户信息、用电信息等等进行统一管理与维护，利用本系统可以实现用电部门网上收取电费，既方便了广大的用户，同时也方便了对供电工作进行管理的工作人员。使电费之收取方式操作简便、对用户进行统一和整体化的管理。协助电费征收管理部门对用电客户基础信息（电费价格设置）；抄表（抄表读数输入）；收费管理（交费录入、收费查询、统计报表）等进行全面管理。 总结用户需求如下：

1）针对普通用户电价和工业用户电价的不同，实现普通用户和工业用户的

有区别收费，区别存储电费信息；

2）针对电力部门的日常工作，强化后台的管理功能，实现后台对不同用户统一管理和操作；

3）针对用电用户交费，提供便利，设计了用户网上缴费模块，实现了用户的网银功能；

4）针对用电部门的管理，本系统前台不设置用户注册模块，但是提供用户对初始密码进行修改。

3.2 功能需求分析

本系统是严格按照国家供电公司农电工作部制定的《农村用电管理办法》而开发设计的一个多功能的收费管理系统。根据用电部门的具体业务需求可以确定本系统需要实现的功能包括以下九项 ：普通用户收费、 工业用户收费、电度录入、条件查询汇总、查询数据、打印单据、用户户头管理、参数维护、系统管理。

9

根据用户特定的需求进行分析，特总结需要实现的功能如下： 1）前台针对用户要实现的功能： a、用户安全登录；

b、用户信息显示及初始密码修改； c、用户网银信息显示； d、用户交费； 2）后台要实现的功能: a、用户信息管理； b、用户电量录入及汇总； c、管理员信息管理； d、用户网银信息管理； e、管理员安全登录与退出；

3.3 系统可行性分析

1）硬件、软件上的可行性：目前市场上的计算机软硬件资源都可以满足系统开发的要求。其中运用的主要软件有MyEclipse、Tomcat服务器等，数据库采用MYSQL数据库。

2）JSP技术：该技术目前已经十分成熟，功能强大，扩展性好。JSP在网站开发上是个非常理想的技术工具。

3）维护操作：工作方便，后台操作方便明了，操作人员可以在短时间内完全掌握维护技术。

10