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