【導讀】為了提高工作效率的手段之一，因此就為小區(qū)收費系統(tǒng)的開發(fā)提供了廣闊的前景。息、日常收費信息、費用設定信息、數(shù)據(jù)備份信息的管理等。主要從三個方面來闡述小。每個用戶權責明確，各盡其職；從而實現(xiàn)了費用信息管理一體化，具有一定的?，F(xiàn)實意義和應用。

　　

【正文】 外部樣式表；和內(nèi)部樣式表及內(nèi)嵌樣式表四種。在本系統(tǒng)中主要用到 css代碼舉例如下： 功能代碼 1：實現(xiàn) P 的設置： p{fontfamily:方正舒體 ,red。 fontsize=17px。 width:750px。 height:30px。 fontcolor:red。 filter:shadow(color=ff8888,direction=315)} (3) JavaScript 語言 簡介 ： 為了使網(wǎng)頁能夠具有交互性，能夠包含更多活躍的元素，就有必要在網(wǎng)頁中嵌入其它的技術。如： Javascript、 VBScript，那么這主要對 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)頁包含更多活躍的元素和更加精彩的內(nèi)容。 運行用 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)頁更具有人性化，它通過交互式的操作來改變網(wǎng)頁的內(nèi)容。一般有三種方式嵌入 html 中：直接放在 之間；將程序放置在單獨的文件中，將其引用；將程序代碼作為某個事件元素的屬性，或超鏈接 href 的值。在本華北科技學院畢業(yè)設計 (論文 ) 23 系統(tǒng)中主要作用到了 WINDOW 對象的相關方法和屬性，以及 DOCUMENT 對象的屬性和方法。主要涉及到權限驗證代碼如下： function judge() { with() { if(==) {alert(用戶名不能為空 !)。()。return false。} if(==) {alert(密碼不能為空 !)。()。return false。} } } 權限 驗證的設計 權限驗證的設計主要涉及到系統(tǒng)的安全性的問題，典型的登陸模塊設計涉及到MD5 甚至水印驗證等技術。由于本系統(tǒng)在交付使用之前已經(jīng)分配好了用戶，所以采用了數(shù)據(jù)庫驗證技術，主要涉及關鍵技術包括 JSP， B/S， SQL 等。 (1) JSP 技術簡介 JSP 技術是由 Sun Microsystems 公司倡導、許多公司參與建立的一種動態(tài)網(wǎng)頁技術標準。該技術為創(chuàng)建顯示動態(tài)生成內(nèi)容的 Web 頁面提供了一個簡捷而快速的方法。 JSP技術的設計目的是使得構造基于 Web 的應用程序更加容易和快捷，而這些應用程序能夠與各種 Web 服務器 、應用服務器、瀏覽器和開發(fā)工具共同工作。 JSP 規(guī)范是 Web 服務器、應用服務器、交易系統(tǒng)以及開發(fā)工具供應商之間廣泛合作的結果。在傳統(tǒng)的網(wǎng)頁HTML 文件（如 *.htm、 *.html）中加入 Java 程序片段和 JSP 標記就構成了 JSP 網(wǎng)頁（ *.jsp）。 Web 服務器在遇到訪問 JSP 網(wǎng)頁的請求時，首先執(zhí)行其中的程序片段，然后將執(zhí)行結果以 HTML 的格式返回給客戶。程序片段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁以及發(fā)送 Email 等，這就是建立動態(tài)網(wǎng)站所需要的功能。所有程序操作都在服務器端執(zhí)行，網(wǎng)絡上傳送給客戶端的僅是得到的結果， 對客戶瀏覽器的要求最低，可以實現(xiàn)無Plugin、無 ActiveX、無 Java Applet，甚至無 Frame。 在 Sun 正式發(fā)布 JSP（ Java Server Pages）之后，這種新的 Web 應用開發(fā)技術很快引起了人們的關注。 JSP 為創(chuàng)建高度動態(tài)的 Web 應用提供了一個獨特的開發(fā)環(huán)境。 JSP能夠適應市場上包括 Apache WebServer、 IIS 在內(nèi)的 85%的服務器產(chǎn)品。 華北科技學院畢業(yè)設計 (論文 ) 24 JSP 具有在 HTML 代碼中混合某種程序代碼、由語言引擎解釋執(zhí)行程序代碼的能力。在 JSP 環(huán)境下， HTML 代碼主要負責描述信息的顯 示樣式，而程序代碼則用來描述處理邏輯。普通的 HTML 頁面只依賴于 Web 服務器，而 JSP 頁面需要附加的語言引擎分析和執(zhí)行程序代碼。程序代碼的執(zhí)行結果被重新嵌入到 HTML 代碼中，然后一起發(fā)送給瀏覽器。 JSP 是面向 Web 服務器的技術，客戶端瀏覽器不需要任何附加的軟件支持。 JSP 使用的是 Java 語言，在 JSP 下，代碼被編譯成 Servlet 并由 Java 虛擬機執(zhí)行，這種編譯操作僅在對 JSP 頁面的第一次請求時發(fā)生。執(zhí)行 JSP 代碼需要在服務器上安裝JSP 引擎。執(zhí)行頁面時， JSP 頁面被轉(zhuǎn)換成 Java 源文件，然后又被編譯成 class 文件（即Servlet）。 JSWDK 軟件包中的示例頁面分為兩類，它們可能是 JSP 文件或者是包含一個表單的 HTML 文件，這些表單均由 JSP 代碼處理。 JSP 中的 Java 代碼均在服務器端執(zhí)行。因此，在瀏覽器中使用 ―查看源文件 ‖菜單是無法看到 JSP 源代碼的，只能看到HTML 代碼。 JSP 的特點是完全的面向?qū)ο蟆⑼耆钠脚_無關和完全的安全可靠。但是 Java 的運行速度是用 class 常駐內(nèi)存來完成的，所以在一些情況下所使用的內(nèi)存比起用戶數(shù)量來說的確是 ―最低性能價格比 ‖。從另一個方面來說，它還需要硬盤空間來存儲 系 列的 .java 文件、 .class 文件以及對應的版本文件。在本系統(tǒng)中應用到了 jsp 技術還有與數(shù)據(jù)庫的連接 jdbc 等相關技術。在本系統(tǒng)中為了實現(xiàn)簡單的邏輯跳轉(zhuǎn)而采用了 jsp 先關語句如下： % String s1=(tableName)。 if((1)) { % jsp:forward page= / % } % 華北科技學院畢業(yè)設計 (論文 ) 25 (2) B/S 技術簡介 B/S（ Browser/Server）結 構即瀏覽器和服務器結構。它是隨著 Inter 技術的興起，對 C/S 結構的一種工作方式變革。在這種結構下，用戶工作界面是通過 Web 瀏覽器來實現(xiàn)的，極少部分的事務邏輯是在客戶端（ Browser）實現(xiàn)，但是主要事務邏輯在服務器端（ Server）實現(xiàn)。這樣就大大簡化了客戶端的載荷，減輕了系統(tǒng)維護與升級的成本和工作量，降低了用戶的總體成本。以目前的技術來看，局域網(wǎng)建立 B/S 結構的網(wǎng)絡應用，并通過 Inter/Intra 模式開發(fā)數(shù)據(jù)庫應用，相對來說易于把握，且成本也是較低的。它能實現(xiàn)不同的人員、不同的地點、 以不同的接入方式（比如 LAN、 WAN、Inter/Intra 等）訪問和操作相同的數(shù)據(jù)庫；它也能有效地保護數(shù)據(jù)平臺、管理訪問權限和數(shù)據(jù)庫服務器的安全。特別是在 Java 這樣的跨平臺語言出現(xiàn)之后， B/S 架構的管理軟件更是顯得方便、快捷以及高效。所以本系統(tǒng)采用了 B/S 技術。 B/S 模式體系結構的原理如圖 所示，由數(shù)據(jù)庫服務器、 Web 服務器、 Web 瀏覽器共同構成。 W eb 瀏覽器 W eb 服務器 應用服務器 數(shù)據(jù)庫 服務器 H T ML 界面 H T T P 請求 SQL 請求 結果 圖 B/S 模式體系結構 原理 (3) 網(wǎng)站開發(fā)技術簡介 JSP 技術給出了兩 種使用 JSP開發(fā) Web應用的方式，這兩種方式可以歸納為模 式 一和模 式 二，這兩種模 式 的主要差別在于它們處理業(yè)務的流程不同 。 模式一 模式一為 JSP+JavaBean，如圖 所示。 華北科技學院畢業(yè)設計 (論文 ) 26 Browser J SP J a v a B e a n R e q u e s t R e s p o n s e A p p lic a tio n S e rv e r D a ta S o u rc e s 圖 JSP 兩層開發(fā)模式 在模式一中， JSP頁面獨自響應請求并將處理結果返回客戶，所有的數(shù)據(jù)通過 Bean來處理， JSP實現(xiàn)頁面的表現(xiàn)。模式一也實現(xiàn)了頁面的表現(xiàn)和業(yè)務邏輯相分離。 在用 JSP 處理顯示和業(yè)務邏輯時，使用模式一比較簡單。 JSP 頁面獨自響應請求并經(jīng)處理后把結果 返回客戶端。所有的數(shù)據(jù)處理通過 JavaBean 來進行。 但是大量使用此模式時可能帶來一個副作用，那就是會導致在頁面里嵌入了大量的Java 控制代碼，當要處理的業(yè)務邏輯復雜時，這種情況就會變得非常糟糕。 大量的內(nèi)嵌代碼使得頁面變得龐大，同時也非常復雜，當頁面的功能實現(xiàn)后交給美工或者頁面內(nèi)容的設計人員進行包裝時，問題就變得嚴重了。所以，在大型項目里，這種方法將導致頁面的維護困難。 模式二 模式二為： JSP+Servlet+Java Bean，如圖 所示。 Browser （ Co nt rol l e r ） S e rvl e t （ V i e w ） J S P （ M od e l ） jav a b e an Re qu e s t Re s p on se D a t a S ou rc e s 圖 JSP 三層開發(fā)模式 華北科技學院畢業(yè)設計 (論文 ) 27 在模式二中，結合了 JSP 和 Servlet 技術，充分利用了兩種技術原有的特點。此模式遵循視圖控制器（ MVC）模式，它的主要思想是使用一個或者多個 Servlet 作為控制器。請求由前沿的 Servlet（可能是多個 Servlet 構成的一個處理鏈）接收并處理后，重新定向到 JSP。在 Servlet作為控制器時，每個 Servlet通常只實現(xiàn)小部分的功能，但多個 Servlet控制器結合起來就可以完成復雜的任務，這樣的好處是 Servlet 的重用性好，一個副作用就可能會導致請求響應的時間加長。 在此模式里， JavaBean作為模型的角色，它充當 JSP 和 Servlet通信的中間工具， Servlet 處理完后設置 Bean的屬性， JSP 讀取此 Bean的屬性，然后進行顯示。 在實際的項目開發(fā)過程中，頁面設計者可以方便地使用普通的 HTML工具來開發(fā)JSP 頁面， Servlet 卻更適合于后端開發(fā)者使用，開發(fā) Servlet需要的工具是 Java 集成開發(fā)環(huán)境，也就是說， Servlet技術需要技術人員更多地編程。 從開發(fā)的觀點來看，模式二具有更清晰的頁面表現(xiàn)，清楚的開發(fā)者角色劃分，可以充分利用開發(fā)小組的界面設計人員，這些 優(yōu)勢在大型項目中的表現(xiàn)尤為突出。使用這一模式， 網(wǎng)頁設計人員可以充分發(fā)揮自己的美術和設計才能來充分表現(xiàn)頁面，程序編寫人員可以充分發(fā)揮自己的業(yè)務邏輯處理思維，實現(xiàn)項目中的業(yè)務處理。 (4) SQL 技術簡介 SQL 結構化查詢語言技術，主要包括 mysql， sql server,oracle， DB2 等主流的數(shù)據(jù)庫，其實現(xiàn)的原理相似，就是把數(shù)據(jù)集中管理 ，提供行之有效的查詢語句來實現(xiàn)對數(shù)據(jù)庫的查詢。在本系統(tǒng)中，考慮到操作平臺和安全性，采用了 SQL Server2021 作為后臺數(shù)據(jù)庫支持。 SQLServer2021 是微軟的 主打產(chǎn)品之一。由于 SQL Server2021 不同版本功能不同，本系統(tǒng)采用了 SQL Server2021 企業(yè)版，它支持所有的功能，并可以支持最大的 Web 站點和企業(yè)聯(lián)機事務處理 (OLTP)以及數(shù)據(jù)倉庫所需要的性能水平進行伸縮。 本系統(tǒng)主要用了 SQL Server2021 表和視圖，主要查詢語句介紹如下： select * from watm where 棟單房號 like 39。1%39。 delete from carm where 車位號 =39。car39。 update v_info set hand2 = ?name39。 where 棟單房號 =39。number39。 insert into carm(身份證號 ,車位號 ) values(39。null39。,39。car39。) 華北科技學院畢業(yè)設計 (論文 ) 28 用戶角色和權限聯(lián)系的設計 由于在該網(wǎng)站中不同的用戶會擁有不同的權限，所以在設計時要詳細列除相關的權限 ，在下面的表格中將給出，如表 示： 表 用戶權限設計 用戶類 權限 業(yè)主用戶 費用查詢，日常通告，小區(qū)圖展，小區(qū)文化等