【文章內容簡介】 Netscape 在與Sun合作之后將其改名為 JavaScript。 JavaScript 最初受 Java 啟發(fā)而開始設計的，目的之一就是“看上去像 Java” [2]，因此語法上有類似之處，一些名稱和命名規(guī)范也借自 Java。但 JavaScript 的主要設計原則源自 Self 和Scheme[3].JavaScript 與 Java 名稱上的近似，是當時網(wǎng)景為了營銷考慮與 Sun公司達成協(xié)議的結果。 為了取得技術優(yōu)勢，微軟推出了 JScript 來迎戰(zhàn)JavaScript 的腳本語言。為了互用性， Ecma 國際（前身為歐洲計算機制造商協(xié)會）創(chuàng)建了 ECMA262 標準（ ECMAScript）?，F(xiàn)在兩者都屬于 ECMAScript 的實現(xiàn)。盡管 JavaScript 作為給非程序人員的腳本語言，而非作為給程序人員的編程語 言來推廣和宣傳，但是 JavaScript 具有非常豐富的特性。 它的特點是：能夠具有交互性，能夠包含更多活躍的元素，就有必要在網(wǎng)頁中嵌入其它的技術。如： Javascript、 VBScript、 Document Object Model（ DOM，文檔對象模型）、 Layers 和 Cascading Style Sheets（ CSS，層疊樣式表），這里主要講 Javascript。那么 Javascript 是什么？ Javascript 就是適應動態(tài)網(wǎng)頁制作的需要而誕生的一種新的編程語言，如今越來越廣泛地使用于 Inter 網(wǎng)頁制作上。 Javascript 是由 Netscape 公司開發(fā)的一種腳本語言（ scripting language），或者稱為描述語言。在 HTML 基礎上，使用 Javascript 可以開發(fā)交互式 Web 網(wǎng) 頁。 Javascript 的出現(xiàn)使得網(wǎng)頁和用戶之間實現(xiàn)了一種實時性的、動態(tài)的、交互性的關系，使網(wǎng)頁包含更多活躍的元素和更加精彩的內容。 運行用 Javascript 編寫的程序需要能支持 Javascript 語言的瀏覽器。 Netscape 公司 Navigator 3． 0 以上版本的瀏覽器都能支持 Javascript 程序，微軟公司 Inter Explorer 3． 0 以上版本的瀏覽器基本上支持 Javascript。微軟公司還有自己開發(fā)的 Javascript，稱為 JScript。 Javascript 和 Jscript 基本上是相同的，只是在一些細節(jié)上有出入。 Javascript 短小精悍， 又是在客戶機上執(zhí)行的，大大提高了網(wǎng)頁的瀏覽速度和交互能力。 同時它又是專門為制作 Web網(wǎng)頁而量身定做的一種簡單的編程語言。 JavaScript 使網(wǎng)頁增加互動性。 JavaScript 使有規(guī)律地重復的 HTML文段簡化，減少下載時間。 JavaScript 能及時響應用戶的操作，對提交表單做即時的檢查，無需浪費時間交由 CGI 驗證。 JavaScript 的特點是無窮無盡的，只要你有創(chuàng)意 。 3 需求分析 用戶需求分析 電力行業(yè)是國民經(jīng)濟的基礎產(chǎn)業(yè)，是 人們日常生活 的基礎，保證持續(xù)、高效的電力供應是關系到國計民生的大事， 而電費的收取則是電力部門日常工作中的重點之一，如何保證高效、準確 是電力部門工作 所關注 的焦點。 針對電力行業(yè)的背景和收費的需求， 本項目的設計思想是 對每個用戶的 用戶 信息、用電信息等等進行統(tǒng)一管理與維護， 利用本系統(tǒng)可以實現(xiàn)用電部門網(wǎng)上收取電費， 既方便了廣大的用戶，同時也方便了對供電工作進行管理的工作人員。使電費之收取方式操作簡便、對用戶進行統(tǒng)一 和 整體化的管理。協(xié)助電費征收管理部門對用 電客戶基礎信息（電費價格設置）；抄表（抄表讀數(shù)輸入）；收費管理（交費錄入、收費查詢 、統(tǒng)計報表 ）等進行全面管理。 總結用戶需求如下： 1）針對普通用戶電價和工業(yè)用戶電價的不同，實現(xiàn)普通用戶和工業(yè)用戶的有區(qū)別收費，區(qū)別存儲電費信息； 2）針對電力部門的日常工作，強化后臺的管理功能，實現(xiàn)后臺對不同用戶統(tǒng)一管理和操作； 3）針對用電用戶交費，提供便利，設計了用戶網(wǎng)上繳費模塊，實現(xiàn)了用戶的網(wǎng)銀功能； 4）針對用電部門的管理，本系統(tǒng)前臺不設置用戶注冊模塊，但是提供用戶對初始密碼進行修改 。 功能需求分析 本系統(tǒng)是 嚴格按照國家供電公司農(nóng)電工作部制定的《農(nóng)村用電管理辦法》而開發(fā)設計的一個多功能的 收費管理系統(tǒng) 。 根據(jù)用電部門的具體業(yè)務需求可以確定本系統(tǒng)需要實現(xiàn)的功能 包括 以下九項 ：普通用戶收費、 工業(yè)用戶收費、 電度錄入 、條件查詢匯總、查詢數(shù)據(jù)、打印單據(jù)、 用戶戶頭管理、 參數(shù)維護、系統(tǒng)管理 。 根據(jù)用戶特定的需求進行分析，特總結需要實現(xiàn)的功能如下： 1）前臺針對用戶要實現(xiàn)的功能： a、用戶安全登錄； b、用戶信息顯示及初始密碼修改； c、用戶網(wǎng)銀信息顯示； d、用戶交 費； 2）后臺要實現(xiàn)的功能 : a、用戶信息管理； b、用戶電量錄入及匯總； c、管理員信息管理； d、用戶網(wǎng)銀信息管理； e、管理員安全登錄與退出； 系統(tǒng)可行性分析 1）硬件、軟件上的可行性：目前市場上的計算機軟硬件資源都可以滿足系統(tǒng)開發(fā)的要求。其中運用的主要軟件有 MyEclipse、 Tomcat 服務器等，數(shù)據(jù)庫采用 MYSQL 數(shù)據(jù)庫。 2） JSP 技術：該技術目前已經(jīng)十分成熟，功能強大，擴展性好。 JSP 在網(wǎng)站開發(fā)上是個非常理想的技術工具。 3）維護操作：工作方便 ，后臺操作方便明了，操作人員可以在短時間內完全掌握維護技術。 4 系統(tǒng)概要設計 功能實現(xiàn) 1) 用戶開戶 管理員通過后臺模塊登陸對有需求的用戶進行開戶操作，開戶信息包括：自動生成編號、姓名、性別、電話號碼、用戶地址、開戶日期。 2) 用電用戶查詢 操作用戶通過用戶名，密碼登陸驗證，跳轉到前臺操作頁面，點擊相關按鈕查詢用電用戶信息。成功后會按照規(guī)范格式在頁面輸出相關查詢信息。 3) 用電用戶查詢 操作用戶通過用戶名，密碼登陸驗證，跳轉到前臺操作頁面，分為普通用戶和工業(yè)用戶兩種用戶進行繳費，交費 后提示繳費成功。 4) 管理員添加，查詢，刪除操作用戶 管理員通過用戶名，密碼登陸驗證，跳轉到后臺操作頁面，進行添加、查詢、和刪除操作用戶，對普通用戶和工業(yè)用戶進行管理。 5) 管理員進行電費錄入 管理員通過用戶名，密碼登陸驗證，跳轉到后臺操作頁面，進行電度的錄入。 6) 管理員進行報表的打印 管理員通過用戶名，密碼登陸驗證，跳轉到后臺操作頁面，點擊相關按鈕進行操作。成功后會做出提示或者按規(guī)范格式輸出。報表信息包括：用戶編號、姓名、性別、電話號碼、用戶地址、繳費金額、用電度數(shù)、余額、電費征繳日期。 電力收費系統(tǒng)總體功能模塊結構圖 根據(jù)之前做的系統(tǒng)概要分析，可以得出本系統(tǒng)前臺后臺所有功能模塊分布情況，具體分布情況一結構圖給出：如圖 所示 : 圖 電力收費系統(tǒng)功能模塊結構圖 電力收費系統(tǒng) 前臺模塊設計 后臺模塊設計 用戶網(wǎng)銀信息管理 工業(yè)用戶查詢及交費 普通用戶查詢及交費 管理員登錄 添加查詢和刪除管理員 添加查詢和刪除工業(yè)用戶 添加查詢和刪除普通用戶 用戶網(wǎng)銀信息管理 當月的電度錄入 用戶登錄 及密碼修改 前臺模塊結構圖 由于前臺模塊主要是針對用戶操作，進行相關信息查詢，特規(guī)劃前臺功能如圖 所示： 圖 前臺模塊結構圖 后臺模塊結構圖 由于后臺模塊主要是針對管理員操作，進行數(shù)據(jù)庫相關操作，特規(guī)劃后臺功能如圖 所示： 所有用戶 前臺頁面 登陸 工業(yè)用戶當月電費信息查詢 普通用戶當月電費信息查詢 顯示 工業(yè)用戶進行交費 普通用戶進行交費 成功 退出 操作用戶 后臺首頁 登錄 查詢 顯示 添加 顯示 管理員 操作用戶管理 用電用戶管理 添加操作用戶 查詢操作用戶 刪除操作用戶 查詢用電用戶及繳費記錄 刪除用電用戶及繳費記錄 刪除 刪除 查詢 圖 后臺模塊結構圖 功能實現(xiàn)流程圖 添加用戶功能流程圖 后臺功能很多，下面主要簡介一下用戶添加模塊的流程圖如圖 所示 : 圖 添加用戶流程圖 登錄模塊功能流程圖 前臺主要針對用戶操作，登錄模塊是主要實現(xiàn)的一塊，只有登錄用戶才有權做其他相關的操作，登錄模塊的流程圖設計如圖 所示： 圖 用戶登錄流程圖 5 數(shù)據(jù)庫設計 系統(tǒng)開發(fā)過程中，數(shù)據(jù)庫設計占有非常重要的地位，數(shù)據(jù)庫設計的原則是根據(jù)系統(tǒng)的整體需求而定的，數(shù)據(jù)庫結構設計的好壞將直接對應用系統(tǒng)的效率以及實現(xiàn)的效果產(chǎn)生影響。數(shù)據(jù)庫設計 (Database Design)是指根據(jù)用戶的需求，在某一具體的數(shù)據(jù)庫管理系統(tǒng)上，設計數(shù)據(jù)庫的結構和建立數(shù)據(jù)庫的過程。數(shù)據(jù)庫設計是建立數(shù)據(jù)庫及應用系統(tǒng)的技術，是信息系統(tǒng)開發(fā)和 建議中的核心技術。由于數(shù)據(jù)庫應用系統(tǒng)的復雜性，為了支持相關程序運行，數(shù)據(jù)庫設計就變得異常復雜，因此最佳設計不可能一蹴而就，而只能是一種“反復探尋，逐步求精”的過程，也就是規(guī)劃和結構化數(shù)據(jù)庫中的數(shù)據(jù)對象以及這些數(shù)據(jù)對象之間關系的過程。 數(shù)據(jù)庫設計一般包括以下四個部分：數(shù)據(jù)庫需求分析、數(shù)據(jù)庫概念結構設計、數(shù)據(jù)庫邏輯結構設計、數(shù)據(jù)庫物理結構實現(xiàn)。 數(shù)據(jù)庫需求分析 通過對電力部門的業(yè)務管理和內部管理的流程與內容分析，設計如下的數(shù)據(jù)項和數(shù)據(jù)結構。 管理員基本信息表，包括數(shù)據(jù)項有：管理員編號，管理員登錄用戶名， 管理員登錄密碼。 用戶信息表，包括數(shù)據(jù)項有：用戶名，用戶編號，用戶類別，用戶性別，聯(lián)系電話，用戶住址，開戶日期。 工業(yè)用戶電度信息表，包括數(shù)據(jù)項有：用戶編號，工業(yè)電價，當月電度，應收金額。 普通用戶電度信息表，包括數(shù)據(jù)項有：用戶編號，普通電價，當月電度，應收金額。 繳費信息表，包括數(shù)據(jù)項有：用戶編號，繳費日期，繳費金額。 用戶網(wǎng)銀信息表：用戶編號，卡上金額，卡上余額。 數(shù)據(jù)庫概念結構設計 根據(jù)上面設計規(guī)劃出來的實體，對各個實體具體的描述 ER 圖如下： 管理員基本信息實體 ER 圖如圖 ： 圖 管理員基本信息實體 ER 圖 用戶信息實體，用來存儲用戶的相關信息具體 ER 圖如圖 所示 ： 圖 用戶信息實體 ER 圖 管理員 管理員編號 用戶名 密碼 用戶信息表 用戶名 用戶編號 用戶性別 用戶類別 聯(lián)系電話 用戶住址 開戶日期 工業(yè)用戶電度信息實體，用來存儲工業(yè)用戶收費信息，具體 ER 圖如圖 所示 ： 圖 工業(yè)用戶電度信息實體 ER 圖 普通用戶電度信息，用來存儲普通用戶收費信息，具體實體 ER 圖如圖 所示 ： 圖 普通用戶信息實體 ER 圖 普通用戶電度信息 用戶編號 普通電價 當月電度 應收金額 工業(yè)用戶電度信息 用戶編號 工業(yè)電價 當月電度 應收金額 繳費信息實體，用來存儲繳費信息，具體 ER 圖如圖 ： 圖 繳費信息實體 ER 圖 用戶網(wǎng)銀信息實體，實現(xiàn)用戶網(wǎng)銀信息記錄，具體 ER 圖如圖 所示 ： 圖 用戶網(wǎng)銀信息實體 ER 圖 繳費信息表 用戶編號 繳費金額 繳費日期 用戶網(wǎng)銀表 用戶編號 卡上金額 卡上余額 分析過系統(tǒng)的實體需求以后，根據(jù)每個實體的 ER 圖創(chuàng)建系統(tǒng)所需的各個表 。系統(tǒng)數(shù)據(jù)庫中的所有表及其用途如圖 所示： 圖 數(shù)據(jù)庫 dbdianfei 中的所有表 表 系統(tǒng)數(shù)據(jù)庫中的所有數(shù)據(jù)表 數(shù)據(jù)表名稱 用途 Admin 用來存儲管理員的相關信息 Users 用來存儲用戶的基本信息 CUD 用來存儲普通用戶的電費信息 IUD 用來存儲工業(yè)用戶的電費信息 Charge 用來存儲用戶的繳費信息 Money 用來存儲用戶的網(wǎng)銀信息