【文章內容簡介】 B/S B/S結構（Browser/Server結構）結構即瀏覽器和服務器結構。它是隨著Internet技術的興起，對C/S結構的一種變化或者改進的結構。在這種結構下，用戶工作界面是通過WWW瀏覽器來實現(xiàn)，極少部分事務邏輯在前端（Browser）實現(xiàn)，但是主要事務邏輯在服務器端（Server）實現(xiàn)，形成所謂三層結構。這樣就大大簡化了客戶端電腦載荷，減輕了系統(tǒng)維護與升級的成本和工作量，降低了用戶的總體成本。局域網建立B/S結構的網絡應用，并通過Internet模式下數(shù)據庫應用，相對易于把握、成本也是較低的。它是一次性到位的開發(fā)，能實現(xiàn)不同的人員，從不同的地點，以不同的接入方式訪問和操作共同的數(shù)據庫；它能有效地保護數(shù)據平臺和管理訪問權限，服務器數(shù)據庫也很安全 。特別是在JAVA這樣的跨平臺語言出現(xiàn)之后，B/S架構管理軟件更是方便、速度快、效果優(yōu)。 B/S結構的優(yōu)點　　1. 具有分布性特點，可以隨時隨地進行查詢、瀏覽等業(yè)務處理。　　2. 業(yè)務擴展簡單方便，通過增加網頁即可增加服務器功能。　　3. 維護簡單方便，只需要改變網頁，即可實現(xiàn)所有用戶的同步更新?！　?. 開發(fā)簡單，共享性強　　B/S 模式的缺點　　1. 個性化特點明顯降低，無法實現(xiàn)具有個性化的功能要求?！　?. 操作是以鼠標為最基本的操作方式，無法滿足快速操作的要求?！　?. 頁面動態(tài)刷新，響應速度明顯降低。4. 功能弱化，難以實現(xiàn)傳統(tǒng)模式下的特殊功能要求。 JavaScript JavaScript 是一種基于對象（object）和事件驅動（event driven）并具有安全性能的腳本語言。使用它的目的是與html超文本標記語言、java腳本語言（java 小程序）一起實現(xiàn)在一個web頁面中鏈接多個對象，與web客戶交互作用。從而可以開發(fā)客戶端的應用程序等。它是通過嵌入或調入在標準的html折衷的選擇。JavaScript 是一種新的描述語言，可以被嵌入 HTML的文件之中。在執(zhí)行時服務器把JavaScript和 HTML 一起發(fā)送到客戶端執(zhí)行，由于它運行于客戶端，可以在很大程度上降低服務器的負擔，Ajax技術就是主要應用JavaScript來實現(xiàn)的客戶端和服務器端的一種異步傳輸機制，應用它可以實現(xiàn)頁面的無刷新更新。 三層架構的使用三層架構就是劃分為三個層：表現(xiàn)層，業(yè)務邏輯層（BLL）,數(shù)據訪問層（DAL）。 表現(xiàn)層: 位于最外層（最上層），離用戶最近。用于顯示數(shù)據和接收用戶輸入的數(shù)據，為用戶提供一種交互式操作的界面。業(yè)務邏輯層：針對不同的數(shù)據表進行的操作，或者其他邏輯性的處理；調用數(shù)據庫中的那些基類。是系統(tǒng)架構中體現(xiàn)核心價值的部分，它在體系架構中的位置很重要，它處于數(shù)據訪問層和表示層中間，起到了數(shù)據交換中承上啟下的作用；業(yè)務邏輯層的設計對于一個支持可擴展的架構很關鍵，對于數(shù)據訪問層，它起到了調用的作用，對于表示層來講，它又是被調用?？梢姌I(yè)務邏輯層，在三層架構中的關鍵。數(shù)據訪問層：主要為數(shù)據庫的訪問，連接和操作，把它寫成類庫或者一個類；以便方便調用重復使用。直接操作數(shù)據庫，對數(shù)據進行添加、刪除、修改、更新、查找等。業(yè)務邏輯層調用數(shù)據訪問層的類和對象。數(shù)據訪問層訪問數(shù)據并將其傳給業(yè)務邏輯層。三層架構的優(yōu)點：（1） 開發(fā)人員可以只關注整個架構中的其中一層（2） 可維護性高，可以用新的實現(xiàn)來替換原來的實現(xiàn)（3） 可以降低層與層之間的依賴（4） 代碼可重用（5） 利于標準化（6） 可擴展性高三層架構的缺點：（1） 降低了系統(tǒng)的性能（要通過中間層來訪問，獲取數(shù)據）（2） 導致級聯(lián)的修改（如果在表示層增加了一個功能，可能就要在下面兩層中增加相應的代碼）（3） 代碼量多，工作量大（4） 系統(tǒng)比較復雜但是，就它的優(yōu)缺點來看，缺點的繁瑣是可以彌補的，而它的優(yōu)點真的為構建網站提供了很大的方便和擴展。第三章 網站簡介及需求 網站使用的開發(fā)工具 MicrosoftVisual Studio 2008 Macromedia Dreamweaver 8 Microsoft Office Access數(shù)據庫管理系統(tǒng) PhotoShop 運行環(huán)境 Windows 2000/XP/2003 Server操作系統(tǒng) VS 2008/2010IE6以上的瀏覽器Intel Pentium 2GHz或以上的CPU內存512MB,建議使用1GB內存硬盤至少有1GB可用空間CDROM驅動器 網站功能從瀏覽網站的客戶來講，主要目的是為了讓客戶對公司的產品和服務進行深入的了解，而從企業(yè)的角度來講，網站的價值也就在于靈活地向用戶展示產品說明及圖片甚至多媒體信息。，主要是為了給人們提供公司監(jiān)控器材的各種信息，讓客戶可以在網絡上了解產品情況，無需專門跑到固定店面進行了解，讓人們足不出戶就能了解到產品的各種功能和具體的參數(shù)詳情。網站還提供給用戶可以下載的監(jiān)控器實物拍攝錄像，使客戶對產品的實際效果有了更直白的了解。而且網站上還為客戶提供了公司的各種證書，讓客戶更放心的了解產品，并聯(lián)系公司購買產品，從而安全也有了保障。其次是網站還提供了一個后臺管理，是只允許管理人員進入的一個平臺，管理人員能夠在后臺管理界面里對網站里客戶可以看見的界面顯示的內容進行修改，刪除，更新等操作，當公司有新產品或者有產品信息需要更新時，管理員可以隨時進行更新，方便客戶了解更多信息而且操作簡便，很容易操作。從而既為客戶和管理人員提供了方便，更有利于公司，減輕了公司銷售產品的負擔。 網站設計流程圖如下：（1）客戶進入網站瀏覽產品信息流程圖（2）管理員對網站進行管理流程圖 功能分析因為網站一個是提供給客戶了解產品信息，另一個是提供給管理員管理網站產品信息，所以系統(tǒng)按照針對人員的不同，主要可以分為兩個大的功能模塊，及前臺功能模塊和后臺的管理功能模塊，但其中又包含了很多小的模塊。 前臺功能模塊（1）. 產品展示模塊主要提供并展示了各個類型的產品的特性和技術參數(shù)，使客戶對產品能有詳細的了解。（2）. 公司介紹，新聞，技術支持，聯(lián)系方式等模塊主要是為客戶展現(xiàn)公司的基本情況，和公司具備的實力，聯(lián)系方式等等，讓客戶能夠對公司有深入的了解（3）. 下載模塊主要為客戶提供公司產品的實際拍攝錄像，讓客戶對監(jiān)控器材的性能有更全面的了解，同時還為客戶提供下載。（4）. 搜索模塊客戶可以直接搜索自己想要了解的產品的信息，避免了一個一個找繁瑣的情況，也是為了方便客戶，節(jié)省時間。（5）. 管理員登錄管理員登錄后臺的地方。 后臺管理功能模塊后臺管理功能模塊主要是為管理提供的管理網站的，所以只有管理員持正確的賬號、密碼才能進入，客戶是不能進入的。（1）. 產品管理模塊該管理模塊主要是針對該網站內的產品的管理，包括產品的修改、刪除、添加。在客戶看的界面上也會隨之得到改動。管理員進入網站登錄后臺管理，點擊產品管理按鈕，直接進入產品管理界面，管理通過公司給予的信息對產品進行修改、刪除、添加等管理操作，前臺界面的產品信息也隨之更改。產品管理流程圖（2）. 類別管理模塊 可以添加頁面里沒的產品類別，刪除已有的類別。當管理員進入后臺后，點擊類別管理按鍵，進入類別管理界面，對公司給予的需要添加、刪除的類別進行操作，添加或刪除了類別以后，修改了的類別則同步顯示在網站的前臺界面上。產品類別管理流程圖 （3）. 新聞管理模塊 這個模塊主要是針對網頁里面的新聞信息之類的，對其進行修改、刪除、添加的功能，便于管理員隨時更行公司的新聞動態(tài)。