1、鄭州工業(yè)應用技術學院課程設計說明書題目：水電繳費管理系統(tǒng)設計與實現(xiàn)姓 名： 田 鵬院（系）：信息工程學院專業(yè)班級：14級計算機科學與技術 1班學 號 ： 05指導教師：歐群雍成 績：時間： 2017年4月15日至 2017年5月8日鄭州工業(yè)應用技術學院課程設計任務書題目水電繳費管理系統(tǒng)設計與實現(xiàn)專業(yè)、班級14級計算機科學與技術1班學號05姓名 田 鵬 主要內(nèi)容：首先主要說明了系統(tǒng)的研究背景、系統(tǒng)的研究目標以及JS喈相關技術的概述。接著 對需求分析闡述了系統(tǒng)功能和可行性分析，介紹了系統(tǒng)各個功能模塊，并描述了系統(tǒng)的 用例圖和UML活動圖，可行性分析介紹了系統(tǒng)開發(fā)的必要性和可能性。然后系統(tǒng)的設計 闡

2、述了系統(tǒng)結構設計、數(shù)據(jù)庫的設計。還有系統(tǒng)的實現(xiàn)主要闡述各個模塊實現(xiàn)的功能。 最后則是系統(tǒng)的測試與維護?；疽螅? .系統(tǒng)結構，概念結構及數(shù)據(jù)表的設計；2 .管理員信息管理；3 .用戶信息管理；主要參考資料：1王建華.ASP NET動態(tài)網(wǎng)站開發(fā)技術與實踐M.北京：電子工業(yè)出版社，2007.2王珊 薩師燎.數(shù)據(jù)庫系統(tǒng)概論M.北京：高等教育出版社，20063薩師燎.SQL Server從入門到精通M.北京：高等教育出版社，2006完成期限：指導教師簽名：課程負責人簽名：錯. 誤!未定義書簽。錯. 誤!未定義書簽。錯. 誤!未定義書簽。.錯. 誤!未定義書簽。.錯. 誤!未定義書簽。.錯. 誤!未定

3、義書簽。.錯. 誤!未定義書簽。.錯. 誤!未定義書簽。錯. 誤!未定義書簽。目錄摘要 錯.誤!未定義書簽。1. 緒論 錯. 誤 !未定義書簽。系統(tǒng)的研究背景系統(tǒng)的研究目標相關技術介紹JSPW 介MYSQL® 介.Tomcat簡介.Hibernate 概述Spring概述.2. 需求分析錯. 誤 !未定義書簽。系統(tǒng)功能概述.用例圖描述.系統(tǒng)活動描述可行性分析開發(fā)的必要性開發(fā)的可能性3. 系統(tǒng)設計錯.誤!未定義書簽。.錯.誤!未定義書簽。錯.誤!未定義書簽。錯.誤!未定義書簽。錯.誤!未定義書簽。錯.誤!未定義書簽。錯.誤!未定義書簽。系統(tǒng)結構設計概念結構設計數(shù)據(jù)表設計4. 系統(tǒng)實現(xiàn)錯

4、. 誤!未定義書簽。.錯. 誤!未定義書簽。.錯. 誤!未定義書簽。錯. 誤!未定義書簽。登錄模塊錯. 誤 !未定義書簽。管理員模塊密碼管理水電價格管理用戶信息管理水費管理電費管理管理員管理.錯. 誤!未定義書簽。.錯. 誤!未定義書簽。錯. 誤!未定義書簽。錯. 誤!未定義書簽。.錯. 誤!未定義書簽。.錯. 誤!未定義書簽。錯. 誤!未定義書簽。用戶模塊錯. 誤 !未定義書簽。密碼管理水電信息查詢個人信息查詢錯. 誤!未定義書簽。錯. 誤!未定義書簽。錯. 誤!未定義書簽。論文組織結構5. 系統(tǒng)測試與維護系統(tǒng)測試概述.系統(tǒng)測試方法.系統(tǒng)的測試結束語 .錯. 誤!未定義書簽。錯. 誤!未定義

5、書簽。錯. 誤!未定義書簽。錯. 誤!未定義書簽。.錯. 誤!未定義書簽。錯. 誤!未定義書簽。參考文獻摘要水電繳費是家庭日常生活的重要內(nèi)容之一，但是目前水電繳費都是集中管理，用戶需要不同的賬號進行水電費的查詢，非常不方便，因此開發(fā)一個能夠通過統(tǒng)一賬戶管理、方便用戶查詢相關信息的水電繳費系統(tǒng)具有一定的實用價值。系統(tǒng)實現(xiàn)了用戶管理、水電費錄入、水電費信息查詢；用戶繳納水電費、水電費信息查詢等功能。本文首先對系統(tǒng)研究背景、目標以及JS股術進行了簡要的描述；之后通過用例圖和活動圖對系統(tǒng)進 行需求分析，并闡述了本系統(tǒng)實施的可行性；然后對系統(tǒng)進行設計、實現(xiàn)和測試。關鍵詞： 管理系統(tǒng)；繳費；數(shù)據(jù)庫1 .

6、緒論系統(tǒng)的研究背景當今時代的兩個顯著特點就是世界經(jīng)濟一體化和以計算機為代表的信息技術的快速發(fā)展。一個組織要在激烈的競爭中保持優(yōu)勢和不斷發(fā)展，必須對迅速變化的環(huán)境靈敏 地做出有效地反應。管理信息系統(tǒng)的應用能夠提供這種有效的決策支持。水電繳費是家庭日常生活的重要內(nèi)容之一，目前水電繳費都是集中管理，分別由自來水公司和電力公司來管理，用戶繳費以及查詢需要使用不同的賬號信息，這些不便于用戶的繳費以及及時便捷地了解繳費情況，針對水電繳費的實際情況，開發(fā)一個水電繳費管理系統(tǒng)使得水電信息能夠通過統(tǒng)一賬戶查詢和繳費，方便用戶使用。B/S例覽器/服務器模式)開發(fā)模式是現(xiàn)今非常流行的模式之一。在這種結構下，軟件應用

7、的業(yè)務邏輯完全在應用服務器端實現(xiàn)，用戶操作完全在 Web服務器實現(xiàn)，客戶端只需要瀏覽器即可進行業(yè)務處理，是一種全新的軟件系統(tǒng)構造技術。這種結構是開發(fā)水電繳費管理系統(tǒng) 的首選體系結構。系統(tǒng)的研究目標由于原始的收費系統(tǒng)為手工操作，不能及時有效的反應繳費情況，以及不能集中的管理給管理員帶來的麻煩。通過設計和開發(fā)水電繳費管理系統(tǒng)，用戶能夠通過使用統(tǒng)一 賬號查詢和繳納水電費用，另一方面管理員也能通過個人賬號登錄系統(tǒng)對用戶進行管 理，提高水電繳費管理的工作效率。通過結合實際應用開發(fā)一個Web應用系統(tǒng)，培養(yǎng)的軟件設計和開發(fā)能力，為后續(xù)繼續(xù)學習和工作奠定基礎。水電繳費管理系統(tǒng)是把水電費的信息通過網(wǎng)絡信息系統(tǒng)來

8、管理。首先是方便管理員錄入、查詢水電費信息以及添加、刪除用戶；其次是方便用戶查詢個人的水電信息。相關技術介紹JS躺介JSP(JavaServer Pages)言，是一種動態(tài)網(wǎng)頁技術，JS岐術是在傳統(tǒng)的網(wǎng)頁HTM做 件中插入Java®序段(Scriptlet)和JS禰記(tag),從而形成JSPdJS技術使用Java®程語 言編寫類XML的tags和scriptlets,來封裝產(chǎn)生動態(tài)網(wǎng)頁的處理邏輯。網(wǎng)頁還能通過 tag麗 scriptlets訪問存在于服務端的資源的應用邏輯。JS將網(wǎng)頁邏輯與網(wǎng)頁設計和顯示分離， 支持可重用的基于組件的設計，使基于 Web的應用程序的開發(fā)變得

9、迅速和容易。Web服務器在遇到訪問JS啊頁的請求時，首先執(zhí)行其中的程序段，然后將執(zhí)行結果連同JSPC 件中的HTML弋碼一起返回給客戶。插入的Jav卻序段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁等， 以實現(xiàn)建立動態(tài)網(wǎng)頁所需要的功能。JSPf JavaServleb樣，是在服務器端執(zhí)行的，通常 返回給客戶端的就是一個HTML±本，因此客戶端只要有瀏覽器就能瀏覽。MYSQ喻介MySQL1一種關聯(lián)數(shù)據(jù)庫，關聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi)。這樣就增加了速度并提高了靈活性。由于其體積小、速度快、總 體成本低，尤其是開放源碼這一特點，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而

10、選 擇了 MySQL乍為網(wǎng)站數(shù)據(jù)庫。MySQL serve的主要特性包括：使用5口C+魏寫，并使用了多種編譯器進行測試，保證源代碼的可移植性。 支持AIX、 FreeBSD、 HP-UX、 Linux、 Mac OS、 NovellNetware、 OpenBSD、 OS/2 Wrap、Solaris、Windows等多種操作系統(tǒng)。 既能夠作為一個單獨的應用程序應用在客戶端服務器網(wǎng)絡環(huán)境中，也能夠作為一個庫而嵌入到其他的軟件中提供多語言支持，常見的編碼如中文的GB 2312、 BIG5，日文的Shift_JIS?都可以用作數(shù)據(jù)表名和數(shù)據(jù)列名。 提供用于管理、檢查、優(yōu)化數(shù)據(jù)庫操作的管理工具。To

11、mcat簡介Tomcat是Apache件基金會(Apache Software Foundation)的 Jakarta® 目中的個 核心項目，由Apache、Su吊口其他一些公司及個人共同開發(fā)而成。由于有了Sun勺參與和支持，最新的Servlet和JSPE范總能在Tomcat中得到體現(xiàn)，Tomcat5支持最新的和規(guī)范。 因為Tomcat技術先進、性能穩(wěn)定，而且免費，因而深受 Javag好者的喜愛并得到了部分 軟件開發(fā)商的認可，成為目前比較流行的 Web應用服務器。Tomcat 是一個輕量級應用服務器，在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合下被普遍使用，是開發(fā)和調(diào)試JSP程序的首選

12、。Hibernate 概述Hibernate是一個開放源代碼的對象關系映射框架，它對JDBCS行了輕量級的對象封裝,使Java?序員可以更加便利的使用對象編程思維來操縱數(shù)據(jù)庫。Hibernate框架是一個完整的持久層解決方案，通過Hibernate的支持，可以通過面向?qū)ο蟮姆绞竭M行各種數(shù) 據(jù)庫操作，從而取代傳統(tǒng)的JDB嗷據(jù)庫操作。Hibernate技術本質(zhì)上是一個提供數(shù)據(jù)庫服務的中間件。它是利用數(shù)據(jù)庫以及其他一 些配置文件如或來為應用程序提供數(shù)據(jù)持久化服務的。Hibernate具有很大的靈活性，但同時它的體系結構比較復雜，提供了好幾種不同的 運行方式。在輕型體系中，應用程序提供JDB選接，并且

13、自行管理事務，這種方式使用 了Hibernate的一個最小子集；在全面解決體系中，對于應用程序來說，所有底層的 JDBC/JTA A郵被抽象了，Hibernate會替你照管所有的細節(jié)。Spring概述Sprin班一個解決了許多J2EEf發(fā)中常見問題并能夠替代EJ強術的強大的輕量級框 架。這里所說的輕量級指的是Springfl1架本身，而不是指Spring只能用于輕量級的應用開 發(fā)。Spring的輕盈體現(xiàn)在其框架本身的基礎結構以及對其他應用工具的支持和裝配能力。 與EJBg種龐然大物相比，Spring可使程序研發(fā)人員把各個技術層次之間的風險降低。 Sprin/架的核心是 IoC （Inversi

14、on of Control,控制反轉）/DI （Dependence Injection,依 賴注入）機制。他能使例如Daoffl件，業(yè)務邏41組件，以及struts中的Action等組件，能 以松耦合的方式在一塊，而不是以硬編碼的方式組合在一起，spring通過配置文件管理類，通過依賴注入的方式實現(xiàn)通信，從而提高了我們系統(tǒng)的整體性能。當應用了IoC，一個對象依賴的其它對象會通過被動的方式傳遞進來，而不是這個對象自己創(chuàng)建或者查找依賴對象。Spring!是通過才5制反轉IoC來實現(xiàn)AORSpring架由七個定義明確的模塊組成，且每個模塊或組件都可以單獨存在，或者 與其他一個或多個模塊聯(lián)合實現(xiàn)。S

15、pring Core Containe是一個用來管理業(yè)務組件的IoC容器，是Spring應用的核心；Spring DAOF口Spring ORM僅提供數(shù)據(jù)訪問的抽象模塊，還 集成了對Hibernate、JDOF口Ibatis等流行的對象關系映射框架的支持模塊，并且提供了緩 沖連接池、事務處理等重要的服務功能，保證了系統(tǒng)的性能和數(shù)據(jù)的完整性；Spring Web模塊提供了 Web應用的一些抽象封裝，可以將 Struts、Webwork等Web框架與Spring8合 成為適用于自己的解決方案。Spring架可以成為企業(yè)級應用程序一站式的解決方案,同時它也是模塊化的框架，允許開發(fā)人員自由地挑選適合自

16、己應用的模塊進行開發(fā)。Spring6架是一個松耦合的框架，框架的部分耦合度被設計為最小，在各個層次上具體選用哪個框架取決于開發(fā)者的 需要。論文組織結構本文第一部分緒論主要說明了系統(tǒng)的研究背景、系統(tǒng)的研究目標以及JS疇相關技術的概述。第二部需求分析闡述了系統(tǒng)功能和可行性分析，介紹了系統(tǒng)各個功能模塊，并描述了系統(tǒng)的用例圖和UML活動圖，可行性分析介紹了系統(tǒng)開發(fā)的必要性和可能性。第三部分系統(tǒng)的設計闡述了系統(tǒng)結構設計、數(shù)據(jù)庫的設計。第四部分系統(tǒng)的實現(xiàn)主要闡 述各個模塊實現(xiàn)的功能。第五部分系統(tǒng)的測試與維護。2 . 需求分析系統(tǒng)功能概述本系統(tǒng)主要實現(xiàn)了管理員查詢、添加、刪除用戶信息；水電費錄入、查詢、修改

17、和刪除。用戶繳納水電費和查詢水電信息等功能。其中涉及到的模塊有：(1)登錄模塊功能：主要是輸入的用戶名和密碼保存并且與數(shù)據(jù)庫中的數(shù)據(jù)進行比較，只有完全符合才可以登錄系統(tǒng)。(2)管理員模塊功能：可以操作水電價格、用戶信息和水電錄入、繳納。用戶信息子模塊功能：可以查詢、操作用戶信息。價格子模塊功能：主要是對水電費價格的管理。水費子模塊功能：添加、修改和刪除水費繳納信息。 電費子模塊功能：添加、修改和刪除電費繳納信息。 (3)用戶模塊：能查看個人信息和繳費信息。用例圖描述采用用例驅(qū)動方法分析需求，首先識別出系統(tǒng)的參與者主要有管理員、用戶，每一種參與者都有不同的權限，下面就對整個系統(tǒng)建立用例模型來表達

18、需求： 管理員：登錄系統(tǒng)后，能夠查看和修改個人信息、修改密碼、查看修改、添加和刪除用戶等。圖2-1用例圖一系統(tǒng)管理員對以上用例圖中的用例進一步描述如下：登錄：利用用戶名和密碼進行登錄，這個功能是系統(tǒng)管理員的基本功能,個人信息管理：系統(tǒng)管理員可以對個人信息進行查看和修改。個人密碼管理：系統(tǒng)管理員可以修改個人密碼。水電價格管理：管理員可以添加、修改和刪除水電費價格。水電費管理：管理員可以添加、修改、刪除和繳納水電費。用戶管理：管理員能夠添加、查看、刪除用戶信息。用戶：登錄系統(tǒng)后能夠查看和修改個人信息、修改密碼查者修改圖2-2用例圖一用戶登錄：利用用戶名和密碼進行登錄個人信息管理：用戶可以對個人信息

19、進行查看和修改。個人密碼管理：用戶可以修改個人密碼。水費管理：用戶可以查詢到個人的水費繳納信息。電費管理：用戶可以查詢到個人的電費繳納信息。系統(tǒng)活動描述根據(jù)對水電繳費管理系統(tǒng)的設計與實現(xiàn)的需求分析，可以將水電繳費管理系統(tǒng)分為 六個模塊，登陸模塊、管理員模塊、用戶模塊、水電費價格模塊、水費模塊和電費模塊。登錄模塊，根據(jù)自己的用戶名和密碼選擇權限登錄， 進入相應權限的主頁，具體的UML活動圖如圖2-3所示：2-4所示:圖2-4價格模塊的UML活動圖水費管理模塊，管理員進入此模塊可以查看和修改用戶水費信息和繳費，具體的UML活動圖如圖2-5所示：圖2-5電費管理模塊的UML活動圖(5)電費管理模塊，

20、管理員進入此模塊可以查看和修改用戶電費信息和繳費，具體的UML活動圖如圖2-6所示：圖2-6電費管理模塊的 UML活動圖UML(6)用戶模塊，用戶進入此模塊可以修改密碼，查看水電費信息和繳納，具體的 活動圖如圖2-7所示：用尸圖2-7用戶模塊的UML活動圖可行性分析軟件需求分析也稱為需求分析工程，是軟件生命期中重要的一步，也是決定性的一 步。在可行性分析階段，對開發(fā)新系統(tǒng)的基本思想和過程進行了初步分析和論證，對系 統(tǒng)的基本功能、性能及開發(fā)時間的限制，人員安排、投資情況等做出了客觀的分析。本系統(tǒng)要求實現(xiàn)水電系統(tǒng)的各項基本功能，從安全性和易維護性考慮，選擇了 Web 實現(xiàn)技術。簡單的說就是將系統(tǒng)做

21、成一種 B/S真式，可以讓用戶通過瀏覽器直接訪問位 于服務器上的系統(tǒng)。服務器端程序的實現(xiàn)技術也很多，本系統(tǒng)選用了當前比較流行的網(wǎng) 絡編程技術JS肝為主要實現(xiàn)手段。JS祚為一種Web實現(xiàn)技術，它的高效并且安全。 這一點正好符合了水電系統(tǒng)所要求的實時性。除此之外，作為Java¥臺的一部分，JS機有Jav初言 次編寫,各處運行”的特點。所以JSP1實現(xiàn)本系統(tǒng)的最佳技術，它是完全 可行的。開發(fā)的必要性隨著計算機應用的不斷深入，信息產(chǎn)業(yè)的興起。各行各業(yè)幾乎都與計算機有著密切的聯(lián)系。近年來，水電費管理也面臨著信息化的發(fā)展，傳統(tǒng)的水電繳納需要定時段、定點，而且必須分開繳納。這完全不符合信息化時代的

22、發(fā)展需求，為了方便管理和用戶繳納水電費，開發(fā)出新型的水電繳費管理系統(tǒng)勢在必行。開發(fā)的可能性(1)技術可行性：使用現(xiàn)如今已經(jīng)成熟的JSpfc術，系統(tǒng)數(shù)據(jù)庫選擇MySQL Server , 在系統(tǒng)中的核心部分使用JS技術，實現(xiàn)JS刖MySQL Serve的有機集合。 經(jīng)濟可行性：開發(fā)水電管理系統(tǒng)屬于城市的信息化建設，開發(fā)過程所需要的經(jīng)濟費用是極其少的，在使用過程中也只需要瀏覽器的支持，其他環(huán)節(jié)并不涉及到經(jīng)濟問題，所以其在經(jīng)濟上是非?？尚械?，可以使繳費過程更高效快捷。 用戶操作可行性：該系統(tǒng)操作簡單，用戶只需要按照月份就可以進行繳費。3 .系統(tǒng)設計系統(tǒng)結構設計根據(jù)系統(tǒng)需求分析，可以設計出整個水電管理

23、系統(tǒng)的總體結構管理員的頁面結構設計個人桔息 密碼用戶管理價格昔理水昔管理電費管理圖3-1系統(tǒng)管理員頁面的結構圖用戶的頁面結構設計概念結構設計truecountuserid【二usernanepasswordaddressNIDtimecounttimestatuspriceidbeforecountpasswordphone圖3-3 ER圖數(shù)據(jù)表設計數(shù)據(jù)庫是數(shù)據(jù)庫應用程序的重要組成部分。設計結構合理，功能齊全的數(shù)據(jù)庫對于提高數(shù)據(jù)庫應用程序的開發(fā)效率和程序的性能都是非常重要的。數(shù)據(jù)庫的設計過程大致如下：根據(jù)用戶需求，確定數(shù)據(jù)庫中要保存的數(shù)據(jù)信息。對客戶需求進行分析是數(shù)據(jù)庫設計的第一個階段。不斷地

24、調(diào)查與研究用戶需求，了解企業(yè)運作流程等系統(tǒng)需求，是設計概念模型的基礎。設計數(shù)據(jù)的概念模型。概念模型是按用戶的觀點來對數(shù)據(jù)建模。它是用于進行信息世界建模的工具，對整個數(shù)據(jù)庫的設計具有深刻的影響。邏輯結構設計。邏輯結構設計是把概念結構轉化為與所采用的數(shù)據(jù)庫管理系統(tǒng)所支持的數(shù)據(jù)模型 相符合的過程。數(shù)據(jù)庫的實施和維護。數(shù)據(jù)庫的建立和維護是在完成數(shù)據(jù)庫以后對數(shù)據(jù)庫進行一系列的修改、查詢、刪除、更新等。根據(jù)以上分析可以設計出本系統(tǒng)的數(shù)據(jù)庫，所用到的數(shù)據(jù)庫表說明如下：表3-4管理人員表admin序號字段名稱類型長度主鍵字段說明備注1idint10是管理員id號非空2usernamevarchar20管理員名

25、字3passwordvarchar20管理員登錄密碼非空4loginnamevarchar10管理員登錄名非空表3-5用戶基本信息表 user序號字段名稱類型長度主鍵字段說明備注1idint10是用戶id號非空2usernamevarchar20用戶名字3loginnamevarchar50用戶登錄名稱非空4passwordvarchar20用戶密碼非空5addressvarchar20用戶地址6phonevarchar10電話表3-6水表 water序號字段名稱類型長度主鍵字段說明備注1idint20是水費id號非空2useridint30用戶id號非空3timedate30日期非空4cou

26、ntint30本月水表讀數(shù)非空5beforecountint30上月水表讀數(shù)非空6statuschar10繳費狀態(tài)默認未繳7priceidint10價格id號非空表3-7電表power序號字段名稱類型長度主鍵字段說明備注1idint20是電費id號非空2useridint30用戶id號非空3timedate30日期4countint30本月電表讀數(shù)非空5beforecountint30上月電表讀數(shù)非空6statuschar10繳費狀態(tài)默認未繳7priceidint10價格id號非空表3-8價格表money序號字段名稱類型長度主鍵字段說明備注1idint15是價格id號非空2powerprice

27、float11電費單價非空3waterpowerfloat11水費單價非空4timedate10日期5isactivechar10活動狀態(tài)n4 .系統(tǒng)實現(xiàn)登錄模塊(1)在WEBJ面上輸入系統(tǒng)首頁地址就可以登錄到系統(tǒng)。如圖4-1所示水電繳費管理系統(tǒng)i酒輸入正確的用戶名和密碼!Sign In圖4-1登錄頁面 如果用戶名或者密碼輸入錯誤就會進入圖4-2錯誤頁面水電繳費管理系統(tǒng)1 i密碼不正確！Username jjlWIMIWSrgn In圖4-2錯誤頁面管理員模塊以管理員身份登錄系統(tǒng)且輸入正確的用戶名和密碼，則進入圖4-3所示的管理員界面，否則進入圖4-2錯誤界面水電繳費管理系統(tǒng)基本數(shù)據(jù)維護

28、74; C*p)rlfht 2409 Yolt Cosiipany | Pawer-ftd b> s«m電伯格用白信息水委管理電賀管理管理員管理個人信息圖4-3管理員頁面密碼管理(1)點擊個人信息里的密碼管理進入圖所示4-4的界面圖4-4密碼管理頁面(2)把新密碼輸入進去,點擊提交按鈕，密碼就更改成功了。還會彈出提示框如圖4-5所示。圖4-5密碼修改成功頁面(3)密碼如果不匹配，否則警告如圖4-6所示。確認密碼和新密碼不同報錯圖4-6密碼修改失敗頁面水電價格管理(1)點擊水電價格管理可進入如圖4-7所示頁面。圖4-7水電價格管理頁面(2)圖4-7顯示了各個月份的水電費價格，如果

29、有用戶已經(jīng)繳納水電費，那么這個月的水電費價格就不能修改。點擊修改可修改水電費價格信息。如圖4-8所示。用戶信息管理(1)點擊用戶信息管理進入用戶信息管理頁面，如圖 4-9所示。用戶信息加用戶登錄名M戶名特也此電”隹作1四螞12J4»12MM12M5®ZM12M5Ty12345G7y1234££7V/*12M5豺加123頓?瘦Zx<hir»ishinjihtiui¥ZMKqtillXXJtlllsqllN八_SW*»lT 1?5 T-員”泵覺|圖4-9用戶信息管理頁面(2)點擊登錄名，可以查看用戶的詳細信息。圖 4-10

30、所示頁面。用戶管總用戶稱:123456杞虻122-55圖4-10用戶詳細信息頁面點擊用戶信息編輯進入如圖4-11所示。其中登錄名是不能修改的，不可選。修改用戶12MEB7?a嗎用戶翥瓊qvniriPflir.地比12 MMTy電話1234E-67y圖4-11用戶信息編輯頁面點擊用戶刪除進入如圖4-12所示。第一個用戶就被刪除了。舊戶棺息O唱、戌功！用戶-你地址也討反柞1*1舫XXjJuyXX|/X12345S7Vd41ZW55W1234567yW12M567M/XtianpegV«npfngtid(ip 學 mgq內(nèi)da方1品與ZX3閶XX|IIIxnjilH八II對叼孫圖4-12用

31、戶刪除輯頁面水費管理(1)點擊水費管理可進入圖4-13所示界面。第一個用戶已經(jīng)繳納，后面的兩個用戶沒有繳納。他下面會顯示應付款和需要填寫的實付款。圖4-14繳費錯誤信息頁面序號用戶名登陸行電運添加時間本月？用噂】莊承金鼎單曲繳書狀有操作1tiinpeng白胃17U6命匕口54 0己爭行/2123456網(wǎng)W-272322®鵑0和期ZK底甘方_13joqtli-nrjll!KKjllC4232i3115Q2 DE4 0*急不Z*底忖*實忖*向E同武用一反才I 1|百下-XI庫頁'圖4-13水費管理頁面(2)點擊實付款，進入圖4-14所示界面。輸入的實付款小于應付款也是不能繳費的。

32、& gii)東皆管用甩尸.號;序號用戶宮登陸名添加可同本月己用1應樊金春i中惱欲存狀態(tài)1Tianpprqriapnq34-2812MSSS36 C64 0己母幣2叼1234M叼O4-2TJ3233.0“ Q底忖青k1才1 總也售式不起久吐廿 卡的1代應何京3XKftlllxxjtlll2131102 0M 0畫盤.L -吳忖敷口;與II苜此印1可11廠IT一號直點擊輸入大于應付款的數(shù)值，進入圖4-15所示頁面。這次可以看見找零也顯示出來了圖4-15繳費正確頁面(4)點擊未交存按鈕，進入圖4-16所示頁面，正確輸入后就可以完成繳費圖4-16完成頁面(5)點擊第三個用戶的未交存按鈕，如圖4

33、-17所示提示實付款不能為空。對不起實付款不能為空？且必須為非負數(shù)圖4-17繳費不能為空頁面頁面(6)輸入小于應付款，再點擊未交存按鈕，就進入 4-18所示界面。顯示錯誤對不起冥付款不能小于應付款三二確定 I圖4-18繳費錯誤頁面點擊導出exel如圖4-19所示頁面。水費管理序胃 用戶容 電話 謙加附儲 本月已用鵬的第全播 單階 勤右狀態(tài) 揖柞e Lz=hT；-iZ：Jrlpe-li；乂口二號件：4-t ;直到埼T其11門頂|T期庫到圖4-19導出exel頁面電費管理電費管理跟水費一樣，這里不再贅述序號用戶煙電話品加內(nèi)同本月已用r兩題之招甲府繾存法也eft1xsqiT2349GC4-27534

34、343640. D&BE «p./5tiarpergtianpng中也m的亙4.黃S0CA8C6躬。士去斗/ X匹忖毀.匐-實忖賽日而5 |苜如庶一房1 ijr t 工圖4-20電費管理頁面管理員管理(1)點擊管理員進入圖所示4-21的界面。默認admin管理員是不能刪除的后臺用戶信息甲三年號登裁名用戶名操作1adnwiaomin/212W&7XX1234M7/ X圖4-21管理員管理頁面(2)點擊添加管理員進入圖所示4-22的界面。透加管理員信息登廟色席fflp£ft! 報交|空E .圖4-22添加頁面(1)點擊編輯進入圖所示4-23的界面。圖4-23編輯

35、頁面用戶模塊以用戶身份登錄系統(tǒng)且輸入正確的用戶名和密碼，則進入圖4-24所示的用戶登錄頁面，否則進入圖4-2錯誤界面St水電繳辭 管理系統(tǒng)圖4-24用戶登陸頁面密碼管理點擊修改密碼進入如圖4-25所示頁面。圖4-25用戶密碼修改頁面水電信息查詢點擊水電信息查詢進入如圖4-26所示頁面。顯示了用戶的繳費信息次也荀信息列表聲罟用戶名海加14同本目已用畤!)直空金演單掠饗在狀小1E. dP KI它V0A-27電費信'3：123011 4nptriQVCU27息:0己力77個人信息查詢點擊個人信息查詢進入如圖4-27所示頁面?？梢圆榭磦€人的基本信息，但是登陸名 是不可以修改的。修改個人任息Lu/盛 g小當撕：幟 N： Uerw圖4-27個人信息查詢頁面5. 系統(tǒng)測試與