1、摘 要隨著網絡技術和信息技術的發展，因特網迅速發展，internet上發布信息主要是通過網站來實現的，獲取信息也是要在internet海洋中按照一定的檢索方式將所需的信息從網站上下載下來。因此，因特網與企業經營活動的結合創造了新的網絡經濟。企業也需要一個適合自己的產品發布網站。本網站采用了asp編程技術及其相應的javascript腳本語言技術，運用microsoft access2003建立數據庫，進行數據管理，保持數據的完整性，成功設計這個網站，完成了企業網站所需的幾大功能，如動態新聞管理、產品添加、在線留言的設計等，企業可以通過后臺進行管理，對網站進行各項操作，以便企業能夠及時更新自己的

2、產品信息。企業網站除了展示自己的產品外，如何利用客戶對自己的產品的反饋信息來進行調整自己的產品也是極其關鍵的。最后，本網站還有一些缺陷和不足，還望指正。關鍵詞：access數據庫 javascript asp后臺管理abstractwith the development of network technology and the information technology ,the internet is developing rapidly ,publish the information mainly through the website on internet,gains the

3、information which will need according to the certain retrieval way from the website download .the internet and the enterprise managed active the union to create the new network economy .the enterprise also needs a suitable for their own product launch website.the website has used the asp programming

4、 technology and its the corresponding javascript script language technology,utilizes microsoft the access 2003 establishment database,carries on the data management,maintained the data the integrity ,the success has manufactured this website,several big functions required to complete the enterprise

5、website,like dynamic news anagement,adding products,the design of online message and so on.the company might simply facilitate the utilization backstage carried on the management,carried on each operation to the website,in order to the enterprise could prompt renew own product information.the enterp

6、rise website besides demonstrated own product,how adjusts own using the customer to oneself product feedback information product also is and its the key.this website also has some defects and the insufficiency,still hope to point out mistakes.key words: access establishment database javascript asp b

7、ack-stage management目 錄第1章 緒論11.1 開發背景及意義11.2 開發工具及運行環境21.2.1 相關技術21.2.2 運行環境2第2章 需求分析32.1 系統調研32.2 系統功能需求32.3 數據可行性分析32.4 系統性能需求4第3章 系統概要設計83.1 概要設計與分析83.2 企業網站系統框架9第4章 數據庫設計114.1 數據庫的需求分析114.1.1 需求分析114.1.2 數據庫的選擇114.2 數據庫表的結構設計114.2.1總體 e-r圖設計114.2.2 數據表詳細設計13第5章 系統詳細設計與實現155.1 系統前臺設計155.2 系統后臺設計

8、185.3 數據庫連接205.3.1 數據庫連接方案分析205.3.2 數據庫連接215.3.3 顯示數據庫記錄225.3.4 增加數據庫記錄23總 結25致 謝26參考文獻27附 錄28第1章 緒論1.1 開發背景及意義隨著會聯網的普及與發展，企業internet上擁有自己的站點和主頁將是必然趨勢，網上主頁不僅為企業宣傳產品和服務的窗口，也是樹立企業形象的前沿。就如同電視廣告一樣，蹩腳的廣告使人大倒胃口，避之唯恐不及。而構思精巧的廣告則能夠讓人欣然接受，百看不厭，美觀大方，富于創意的主頁也將吸引大量的訪問者，使更多的人認識了解，進而喜歡你的企業。企業進行網站建設是很有必要的。企業如何讓自己在

9、眾多競爭者中顯示自己的企業形象和產品特點，從而吸引全國乃至世界各地商家的注意？不錯，只有通過互聯網來宣傳自己。如何利用互聯網的強大信息和速度優勢呢？建立自己的企業網站正是每個企業必須也不得不選擇的一種展示自己企業特點的方法。只有借助于互聯網擴大自己的影響，推廣自己的產品，同時通過互聯網快速的信息傳遞加速自身的發展才能讓企業立于不敗之地。在這個競爭激烈的數字化信息時代，企業建立自己的網站已經刻不容緩。無論何種形式的企業，想不被時代所淘汰，就必須有所作為。所以，建設網站是企業把握時代脈搏，衡量企業是否跟上時代的標準。精明的經營者懂得并擅長于用最先進的媒體互聯網，樹立企業形象，宣傳企業產品，建立企業

10、網站，是企業在網絡時代的企業舞臺中展示自己自身實力和尋求發展的重要途徑。企業通過簡單優雅、特點鮮明的網頁來表現自己的產品信息和服務，并及時、全面的接受用戶的信息查詢和信息反饋。本網站主要介紹了海爾集團。主要介紹了海爾集團的發展歷史，我們還可以通過產品中心模塊介紹海爾的主要產品，了解產品的整體性能。海爾家電家具網站的建設可以擺脫了單純依靠物流、電話、傳真傳遞消息的單一形式，不僅可以實現產品的宣傳、訂單和銷售；商戶的交流、客戶信息的管理、訂單管理等；同時可以按照企業的各種需求實現企業個性化的網上營銷、形象宣傳等多方面的上午功能，使企業網站從簡單的網上櫥窗發展成為網上交易的柜臺、交易市場等大型的商務

11、網站。除了發布企業信息外，企業還可以利用互聯網的交互功能與客戶交流；利用在線訂單系統接受商品的訂購和定制；利用在線引擎調查客戶的需求與愛好；利用留言板接納用戶的意見等。鑒于以上幾個方面的信息，為了加快企業的發展，給企業一個展示自我的舞臺，設計了該網站。本次畢業設計中所做的企業網站采用了asp、dreamweaver cs3、photoshop等開發工具，具有一定的動態效果和交互性。清新明朗的外觀設計，提高了企業網站“人性化”的設計，想用戶所想，同時采用了microsoft access 2003數據庫，進行數據管理，保持數據的完整性。所以很好體現了internet的時代特點：操作簡單、方便高效

12、、便于管理、無地域限制等。該網站應用asp技術實現動態web頁面，并創建了一個服務器端中間層組件，該組件基于ado和oledb 技術訪問后臺數據庫，這樣數據庫的訪問從asp 源文件中完全轉移到中間層組件中，由于組件是經過編譯的，因此隱藏了數據庫訪問細節，從而進一步保證了數據訪問和商業規則的安全性。1.2 開發工具及運行環境1.2.1 相關技術asp是active server page的縮寫，意為“動態服務器頁面”。asp是微軟公司開發的代替cgi腳本程序的一種應用，它可以與數據庫和其它程序進行交互，是一種簡單、方便的編程工具。asp的網頁文件的格式是 .asp。現在常用于各種動態網站中。as

13、p網頁可以包含html標記、普通文本、腳本命令以及com組件等。利用asp可以向網頁中添加交互式內容（如在線表單），也可以創建使用html網頁作為用戶界面的web應用程序。dreamweaver是當前最流行的網頁設計軟件。它與同為macromedia公司出 品的fireworks和flash一道，被譽為網頁制作三劍客。dreamweaver與其它同類軟件相比主要有以下優點：不生成冗余代碼、方便的代碼編輯、強大的動態頁面支持、操作簡便、優秀的網站管理功能、便于擴展。iis是internet information server的縮寫，它是微軟公司主推的服務器，最新的版本是windows2003里

14、面包含iis 6，iis與windownt server完全集成在一起，因而用戶能夠利用windows nt server和ntfs（nt file system，nt的文件系統）內置的安全特性，建立強大，靈活而安全的internet和intranet站點。iis支持與語言無關的腳本編寫和組件，通過iis，開發人員就可以開發新一代動態的，富有魅力的web站點。iis不需要開發人員學習新的腳本語言或者編譯應用程序，iis完全支持vbscriptt，jscriptt開發軟件以及java，它也支持cgi和wincgi，以及isapi擴展和過濾器 。microsoft office access是由微

15、軟發布的關聯式數據庫管理系統。它結合了microsoft jet database engine和圖形用戶界面兩項特點，是microsoft office的系統程式之一。它具有界面友好、易學易用、開發簡單、接口靈活等特點，是典型的新一代桌面數據庫管理系統。它的主要特點是完善了管理各種數據庫對象，具有強大的數據組織、用戶管理、安全檢查等功能。并且可以方便地生成各種數據對象，利用存儲的數據建立窗體和報表，可視性好。 1.2.2 運行環境硬件要求:cpu:p4或者以上；內存:512mb或者以上；硬盤:120gm或者以上第2章 需求分析2.1 系統調研網站成為信息系統中重要和關鍵部分。須將原來的管理變

16、為瀏覽者/服務器模式，并且連接到互聯網。該系統會涉及相關業務流程的重組。要考慮到網絡特點的安全問題，網站用戶從內部擴展到因特網用戶，系統管理方式轉變為網絡化管理。2.2 系統功能需求為了能夠順利地完成本網站的設計工作，我把網站分為三個大模塊來進行設計：1) 數據庫設計模塊：該模塊主要是建立相關數據表，滿足網站數據存儲的需要。2) 網站后臺設計與管理模塊：該模塊主要是為了方便管理員能夠方便的管理海爾企業網站。3) 各個頁面設計模塊：該模塊主要是為了滿足海爾企業系統各個功能的實現。2.3 數據可行性分析可行性分析(feasibility analysis)也稱為可行性研究,是在系統調查的基礎上,針

17、對新系統的開發是否具備必要性和可能性,對新系統的開發從技術、經濟、社會的方面進行分析和研究,以避免投資失誤,保證新系統的開發成功。可行性研究的目的就是用最小的代價在盡可能短的時間內確定問題是否能夠解決。為了確定開發具有可行性,對本系統主要進行了以下四個方面的分析。1) 經濟可行性。經濟可行性主要是對項目的經濟效益進行評價。本系統對系統開發者來說并不需要太高的成本支出,只是對系統的管理者付出管理報酬即可,而且開發周期不需要太長,節省了人力、物力、財力資源,所以本系統在經濟上是可行的。2) 技術上的可行性。技術上的可行性分析主要是分析技術條件能否順利完成開發工作,硬、軟件能否滿足開發者的需要等。在

18、硬件方面，硬件要求不高，目前市場上的計算機硬件資源均能滿足系統的開發要求。在軟件方面,本系統采用的是asp（active sever pages）進行開發,前臺網頁設計使用的是dreamweaver cs3,photoshop 7.0，fireworks cs，flash 8。而數據庫系統采用的是microsoft access 2003。通過分析,在軟、硬件方面現有工具與環境完全可以實現系統的開發,因此具有技術上的可行性。3) 時機可行性。時機可行性是分析系統開發時機是否成熟。目前越來越多的應用程序都已經是轉向基于web的開發,并且internet已經廣泛使用,因此系統的設計具有時機可行性。

19、4) 管理上的可行性:主要是管理人員是否支持,現有的管理制度和方法是否科學,規章制度是否齊全,原始數據是否正確等。系統的開發主要就是為了方便校友信息的管理,補充現在傳統管理方式的不足,因此具備了管理上的可行性。綜上所述,本系統開發目標已明確,在技術和經濟等方面具備可行性,并且投入少、見效快,因此系統的開發是完全可行的。2.4 系統性能需求1)系統例圖瀏覽者可以在登錄網站之后，對基本基本信息可以查看，關于我們信息管理，新聞資訊信息管理，產品中心信息管理，聯系我們信息管理，在線留言信息管理和心育在線管理進行6個用例。系統用例圖，如圖2-1所示：圖2-1 系統用例圖2)用例圖功能詳細描述管理員如果想

20、要管理海爾企業管理系統，必需先要登錄，登錄主要是實現用戶登錄的安全性，包括用戶名和密碼的驗證，驗證成功之后，才能夠登錄到管理主頁面進行管理。登錄用例表如表2-1所示：表2-1 登錄用例描述表用例名稱登錄功能簡述管理者登錄該系統前置條件有管理權限的用戶后置條件管理員登錄成功的提示基本流1)用戶在登錄頁面中輸入用戶名、密碼和驗證碼，并提交；2)系統判斷用戶名和密碼是否合法；如果和數據庫中的用戶名和密碼一致的話，用戶登錄成功。備注登錄成功的管理用戶可維護該系統。管理員對新聞資訊表中的字段進行增加，修改和刪除的功能管理。如果單擊增加按鈕，就會跳轉到增加頁面，增加一條記錄會提示增加成功。單擊修改按鈕，就

21、會跳轉到修改頁面，修改一條記錄會提示修改成功。單擊刪除按鈕，不會跳轉到頁面，直接彈出刪除記錄成功的提示。供貨商用例表如表2-2所示：表2-2 新聞資訊用例描述表用例名稱增刪改查企業新聞信息功能簡述管理者對企業新聞信息的更新和管理前置條件已經登錄成功的管理者后置條件增刪該查成功有提示基本流超市管理員單擊新聞管理，然后點擊添加新聞后就可以在文本框中進行新聞的添加，通過點擊管理新聞按鈕，就可以對新聞進行新聞的修改和刪除。管理員如果單擊增加產品信息按鈕，就會跳轉到增加頁面，增加一條記錄成功。單擊修改基本信息按鈕，就會跳轉到修改頁面，修改一條記錄會提示修改成功。單擊刪除按鈕，不會跳轉到頁面，直接彈出刪除

22、記錄成功的提示。基本信息用例表如表2-3所示：表2-3 產品管理用例描述表用例名稱增刪改查產品信息功能簡述管理員對產品的增刪改查前置條件已經登錄成功的管理者后置條件提示產品被添加，修改，刪除成功。基本流管理員單擊產品管理按鈕之后，可以對產品的標題、分類、縮略圖、新聞內容進行查詢，增加，修改，刪除的管理。再單擊產品分類之后，可以對產品大類和產品小類進行查詢，增加，修改，刪除的管理。管理員登錄成功之后，可以單擊幻燈片管理之后，可以對首頁上部的幻燈片進行增加，修改和刪除的功能管理。單擊增加按鈕，就會跳轉到增加頁面，增加一條記錄會提示增加成功。單擊修改按鈕，就會跳轉到修改頁面，修改一條記錄會提示修改成

23、功。如果刪除幻燈片的信息，單擊刪除按鈕，不會跳轉到頁面，直接彈出刪除記錄成功的提示。幻燈片用例表如表2-4所示： 表2-4 幻燈片用例描述表用例名稱增刪改查幻燈片信息功能簡述管理員對銷售商增刪改查前置條件已經登錄成功的管理者后置條件提示銷售商記錄被添加，修改，刪除基本流管理員單擊幻燈片管理按鈕之后，再單擊添加幻燈片信息，可以對幻燈片進行添加。點擊幻燈片管理，可以對幻燈片進行查詢、修改和刪除。管理員登錄成功之后，可以單擊友情鏈接之后，再單擊添加友情鏈接，可以對倉庫中的字段進行增加，點擊管理友情鏈接按鈕，可以進行修改和刪除的功能管理。單擊增加按鈕，就會跳轉到增加頁面，增加一條記錄會提示增加成功。單

24、擊修改按鈕，就會跳轉到修改頁面，修改一條記錄會提示修改成功。如果刪除倉庫的信息，單擊刪除按鈕，不會跳轉到頁面，直接彈出刪除記錄成功的提示。倉庫用例表如表2-5所示：表2-5 友情鏈接用例描述表用例名稱增刪改查友情鏈接功能簡述管理員對友情鏈接的增刪改查前置條件已經登錄成功的管理者后置條件提示友情鏈接被添加，修改，刪除成功。基本流管理員單擊友情鏈接按鈕之后，在單擊添加友情鏈接可以對友情鏈接進行增加，單擊管理友情鏈接可以對友情鏈接修改，刪除的管理。管理員登錄成功之后，可以單擊其他管理按鈕之后，再點擊留言管理就可以對留言信息表中的字段進行查看和刪除的功能管理。如果刪除留言的信息，單擊刪除按鈕，不會跳轉

25、到頁面，直接彈出刪除記錄成功的提示。留言管理用例表如表2-6所示：表2-6 留言管理用例描述表用例名稱查看刪除留言信息功能簡述管理員進行留言的查看和修改前置條件已經登錄成功的管理者后置條件提示商品入庫被刪除到數據庫中基本流管理員單擊留言管理之后，可以對入庫的物品進行查詢，刪除留言信息。管理員登錄成功之后，可以單擊單頁管理按鈕之后，可以對關于我們和聯系我們信息表中的字段進行增加，修改和刪除的功能管理。單擊增加按鈕，就會跳轉到增加頁面，增加一條記錄會提示增加成功。單擊修改按鈕，就會跳轉到修改頁面，修改一條記錄會提示修改成功。單擊刪除按鈕，不會跳轉到頁面，直接彈出刪除記錄成功的提示。單頁管理用例表如

26、表2-7所示：表2-7 部門用例描述表用例名稱增刪改查單頁信息功能簡述管理員對信息量不大的單頁信息增刪改查前置條件已經登錄成功的管理者后置條件提示信息添加，修改，刪除成功。基本流管理員單擊單頁管理之后，可以對關于我們和聯系我們的信息進行查詢，增加，修改，刪除的管理。管理員登錄成功之后，可以單擊基本信息管理理按鈕之后，可以對菜單欄中的字段進行增加，修改和刪除的功能管理。單擊增加按鈕，就會跳轉到增加頁面，增加一條記錄會提示增加成功。單擊修改按鈕，就會跳轉到修改頁面，修改一條記錄會提示修改成功。如果刪除菜單欄的信息，單擊刪除按鈕，不會跳轉到頁面，直接彈出刪除記錄成功的提示。采購訂貨用例表如表2-8所

27、示：表2-8 基本信息管理用例表用例名稱增刪改查菜單欄信息功能簡述管理員進行菜單欄增刪改查前置條件已經登錄成功的管理者后置條件提示菜單欄被添加，修改，刪除到數據庫中基本流管理員單擊基本管理按鈕，然后單擊管理員管理按鈕之后，可以對菜單欄進行查詢，增加，修改，刪除的管理。第3章 系統概要設計3.1 概要設計與分析概要設計的主要任務是把需求分析的結果轉換為軟件結構和數據結構。設計結構的具體任務是：將一個復雜系統按功能進行模塊劃分、建立模塊的層次結構及調用關系、確定模塊間的接口及人機界面等。數據結構設計包括數據特征的描述、確定數據的結構特性、以及數據庫的設計。顯然，概要設計建立的是目標系統的邏輯模型，

28、與計算機無關。 本階段設計的基本目標是解決系統如何實現問題，也叫做概要設計，本階段主要任務是劃分出系統的物理元素及設計網站的結構，完成企業網站定義時期的任務之后就應該對系統進行總體設計，即根據系統分析產生的分析結果來確定這個系統由哪些系統和模塊組成，這些系統和模塊又如何有機的結合在一起，每個模塊的功能如何實現。系統設計的目標是使系統實現擁有所需要的功能，同時，力爭達到高效率、高可靠性、可修改型，并且容易掌握和使用。模塊化的依據是：把復雜問題分解成許多容易解決的小問題。原來的問題也就變得容易解決。模塊化設計是把大型系統按照一定的原則劃分成一個較小的相對功能獨立有相關聯的模塊。每個模塊完成一個特定

29、的子功能。把這些模塊結合起來組成一個整體。完成指定的功能，滿足問題的需求。采用模塊化原理的優點在于可以使軟件結構清晰， 容易測試和調試。從而提高系統的可靠性，可修改性。有助于系統開發的組織管理。一 個大型的系統可分別編寫不同的模塊。模塊化幾個重要的概念如下：抽象。抽象就是抽象出事物的本質特性而暫時不考慮他們的細節。處理復雜系統的唯一有效方法是用層次的方式構造和分析他。一個復雜的動態系統首先可以用一些高級的抽象概念構造和理解，這些高級概念又可以用一些較低級的理解，直到最底層的具體元素。信息隱藏和局部化。信息隱藏是指在設計和確定模塊時，應使得一個模塊內包含的信息對于不需要這些信息的模塊來說，是不能

30、訪問的。局部化是指把一些關系密切的系統原素物理放得彼此靠近。局部化有助于實現信息隱藏。信息隱藏原理和局部化有助于在測試期間以及后期維護和修改。因為絕大多數數據和過程對于用戶來說都是隱蔽的，從而由疏忽引入的錯誤就很少可能傳播到系統的其他部分。逐步求精的模塊化概念。逐步求精和模塊化的抽象是密切相關的。軟件結構每一層中模塊表示對系統抽象層次的細化。模塊的獨立性。模塊的劃分要使模塊間盡可能的相互獨立，獨立模塊較容易維護。度量模塊的獨立程度有兩個標準：內聚和耦合。耦合是對一個系統結構內不同模塊間互連程度的度量。耦合強弱取決于模塊間接口的復雜程度，進入或訪問一個模塊的點，以及通過接口的數。在設計中應追求盡

31、可能松散的耦合。內聚標志一個模塊內各個元素彼此結合的緊密程度，他是信息隱藏和局部化概念的自然擴展，理想內聚的模塊只做一件事情。在設計上應力求做到高內聚。3.2 企業網站系統框架本系統可以分為前臺和后臺，前臺主要包括：關于我們模塊、新聞資訊模塊、產品中心模塊、聯系我們模塊、心育在線模塊。后臺主要包括：后臺管理員信息管理模塊、首頁幻燈片展示圖片管理模塊、前臺菜單欄管理模塊、留言板信息管理模塊、產品信息管理模塊、新聞信息管理模塊。如圖3-1所示圖3-1 系統框架圖1)新聞發布模塊包括:(1)添加新聞:主要作用為更新企業網站內容。(2)刪除新聞:主要刪除網站中過時的內容。2)留言板模塊包括:(1)留言

32、展示:為其他的留言者作為參考。(2)我要留言:在網站上進行留言。(3)刪除留言:對已有留言進行的管理,并顯現在網頁中。3)產品展示模塊包括:(1)添加產品:主要作用為更新企業網站產品內容。(2)刪除產品:主要刪除網站中過時的產品內容。(3)產品管理:主要作用為對網站中的內容進行編輯。4)后臺登錄模塊包括:(1)登錄成功:當管理者輸入正確的用戶名和密碼的時候會轉到后臺管理頁面,進行網站內容的管理。(2)登錄失敗:當管理者輸入不正確的用戶名和密碼的時候會轉到登錄失敗的頁面。在本系統中當管理員在后臺進行產品和新聞的添加后，在前臺瀏覽頁面就會生成相應的信息。而瀏覽者正好可以點擊相關鏈接進行查看相關信息

33、。第4章 數據庫設計數據庫設計是建立在數據庫及其應用系統基礎之上的技術，是現代軟件開發和建設中的核心。一個結構最優的數據庫模型能使整個網站滿足各種用戶的需要。因此，設計開發一個好的網站既在于程序本身的可用性，更在于對整個網站的數據庫的全面分析。4.1 數據庫的需求分析數據庫的需求分析是整個開發過程當中非常重要的一步。作為數據庫設計的基礎，需求分析直接影響到數據庫設計的合理性，乃至整個網站的優劣。它是開發人員弄清實際情況、制定合理方案、開發網站的基礎。4.1.1 需求分析首先，根據網站需求，確定主要的關系。其次，對國內外現有的網站進行研究學習，并發覺其存在的問題爭取加以改進。然后，考慮目前開發者

34、的綜合因素限制，如時間，技術等等，最終確定系統的功能與目標。需求分析的主要任務是：了解和掌握數據庫應用網站開發對象（用戶）的使用流程和每個頁面的功能，了解和掌握數據從開始產生或建立，到最后輸出、存檔或消亡所經過的傳遞和轉換過程，對數據（信息）的安全性（保密性）和完整性各有什么要求等等。4.1.2 數據庫的選擇根據網站的規模和用戶需求可能的規模確定是選用一個大型的數據庫管理系統還是一個小型的數據庫管理系統。因為本網站是一個小型的數據庫管理系統。因此我選擇操作簡單易于連接的microsoft access 2003 作為本網站的數據庫。4.2 數據庫表的結構設計4.2.1總體 e-r圖設計產品分類

35、和產品信息之間是一對多的關系，一個產品分類可以有多個產品，一個產品只能歸一個產品分類所有。管理員實體和新聞管理之間是多對多的關系，一個管理員可以管理多個新聞信息，一個新聞信息可以被多個管理員管理。管理員實體和產品實體之間是多對多的關系，一個管理員可以管理多個產品，一個產品可以被多個管理員管理。如圖4-1所示：圖4-1總體e-r圖在本系統中，為了提高系統的安全性，每個用戶都要有正確的用戶名和密碼才能進入后臺，為了能夠記錄正確的用戶名和密碼，應在數據庫中創建了登錄表。登錄表的實體e-r圖如圖4-2所示：圖4-2 登錄用戶e-r圖為了能夠與用戶及時溝通，我在系統中添加了留言系統，每個用戶填寫相關的內

36、容后，就可以在粘貼板中進行留言了。為了能夠記錄留言內容，因此應該在數據庫中創建一個留言信息表。留言信息的實體e-r圖如圖4-3所示：圖 4-3 留言信息e-r圖4.2.2 數據表詳細設計我們的網站采用microsoft access 2003作為數據庫，使用adodb.connection連接數據庫。在建立數據模型的時候首先考慮是要避免重復數據。整個數據庫共有cms_about、cms_admin、cms_class、cms_config、cms_flash、cms_link、cms_menu、cms_news等表格。以下根據模塊功能劃分，分別介紹本系統所需要的表。1) cms_about該表

37、用來存儲單頁顯示的頁面，“關于我們”和“聯系我們”就在這個表中。如表4-1所示：表4-1 cms_about表字段名稱字段名數據類型長度備注idid自動編號32該字段設為主鍵title標題備注50keys關鍵字備注32des描述備注500cont鏈接備注5002) cms_admin表顯示管理員信息的相關存儲，主要用來記錄用戶登錄后臺的用戶名、密碼、登錄時間等信息。如表4-2所示：表4-2 cms_admin表字段名稱字段名數據類型長度備注idid自動編號32該字段設為主鍵admin_name用戶名備注50admin_pass密碼備注32ci登陸次數數字500times登陸時間備注3) cms

38、_books該表主要用來記錄留言者的留言內容和相關信息，該內容可以在在線留言的模塊中可以查詢的到。如表4-3所示：表4-3 cms_books表字段名稱字段名數據類型長度備注idid自動編號32該字段設為主鍵mingz留言者姓名文本50mail留言者電子信箱文本32dianhua留言者聯系電話文本50shouji留言者手機文本50neirong留言內容備注1000shijian留言時間文本work留言者工作單位文本200第5章 界面設計本系統界面使用了swing構建的圖形用戶界面（gui），應用程序運行在不同的平臺上時的顯示效果一致。swing基于awt架構之上，提供了更強大的用戶界面組件，s

39、wing擁有豐富、便捷的用戶界面元素組合，對底層的依賴更少，與平臺相關的bug更少。我的設計背景為淺灰色，然后配以深藍色的色調。我進行這種色調的搭配主要目的是為了迎合海爾官網和海爾服務平臺，與它們保持一致。同時，由于近水樓臺，我的同事也都是海爾官網的開發人員和維護人員，我可以請教到海爾網站的一些的設計理念，同時一些海爾的經典的框架結構和圖片也為我所用，并將這些融入到我的設計中去。在此我要感謝我的同事們。主界面全屏顯示，提示信息以對話框形式居中，使界面更加整齊劃一。其中，查詢界面的查詢結果以表格形式顯示使界面變得更加清晰、操作簡單。登錄窗體是整個后臺的入口，我們必須擁有正確的登錄名和密碼我們才能

40、登錄到海爾企業管理系統中，登錄模塊也就保證了程序的安全性。登錄窗體設計十分簡單，由一個用戶名文本框、一個密碼文本框、一個驗證碼對話框和一個登錄按鈕組成，為了窗體的美觀，我還添加了一個海爾企業網站的logo。為了使窗體中的各個組件擺放得更加隨意美觀，項目采用了絕對布局方式。各個功能已經通過樹形導航進行相關的分類，能夠幫助用戶盡快選擇需要的功能。界面的設置中，提示 信息清楚明白，符合我們的一般的操作流程，用戶在登錄系統之后能夠根據提示信息完成相關的操作。5.1 系統前臺界面設計海爾企業網站logo是我利用photoshop工具制造完成的，海爾企業本身就很注重自身形象的建設，大型動畫片海爾兄弟更是人

41、們耳熟能詳的。因此，我參考了現有的海爾企業網站的logo進行了稍加修改。在頭部的模板的下部就是菜單欄了，在菜單欄中的選項都是和后臺管理中的“首頁菜單管理”模塊是緊密聯系的。在后臺通過id將要添加的字段送入數據庫中，而前臺利用數據庫中的select語句將數據庫中是字段查詢出來，id為menu。如果后臺數據庫中沒有數據的話，就利用if語句進行判斷，然后彈出“暫無菜單!請登錄后臺添加”的對話框。前臺頭部模塊具體如下表5-1所示：表 5-1 頭部模塊示意圖海爾企業網站logo設為首頁加入收藏用戶登錄菜單欄菜單欄主要分為6個模塊，分別是：關于我們、新聞資訊、產品中心、聯系我們、在線留言、心育在線。網站首

42、頁可以說是網站的門面，大家瀏覽你的網站首先看到的就是網站首頁，所以首頁不僅要做得美觀，引人瀏覽，還要有豐富的內容。所以我們在首頁就首頁聚集了大量的信息。關于我們這個模塊中，主要是進行海爾集團的總體描述，講述了海爾的過去和現在。通過簡短的文字讓客戶能夠大體的了解海爾。新聞資訊這個模塊，主要是將海爾的每日新聞進行及時的更新，有重要的通告能夠及時發布。這個是與后臺中的“產品管理”模塊是關聯的。只要管理員在后臺將信息錄入，在前臺就可以查看到了。產品中心這個模塊，主要是推廣海爾的產品，將海爾的174個產品大類依次羅列出來，可以讓客戶能夠清晰的查看相關的信息。而且我們還附有貼圖和相關的文字描述，讓客戶能夠

43、在購買前充分的了解到產品的性能，選擇出最適合自己的產品。聯系我們這個模塊，主要是為了客戶與銷售人員或工程師進行互動，海爾有一句口號：不是每賣出一件產品，我們就擁有了一個客戶。近年來，海爾越來越重視售后的服務，努力提高服務質量。因此，設計聯系我們這個模塊就十分有必要了。通過“聯系我們”這個模塊，客戶可以隨時通過電話、郵件甚至是qq聯系到相關工程師，訴說自己在使用產品中遇到的問題，及時解決相應的麻煩。在線留言這個模塊，主要是客戶對產品和服務的一種反饋形式。客戶可以將自己的感受或者遭遇通過留言的形式進行反饋。通過我在設計網站的過程，設計了一個專門留言查看頁面，所有的評價都可以在這個頁面中查看出來。通

44、過留言不僅能夠及時將批評和建議及時的反饋，而且起到了監督的作用，讓我們的服務的更好。心育在線這個模塊，當初設計的目的主要是針對海爾內部的員工。雖然我在海爾工作的時間不長，但是我發現海爾內部員工普遍的壓力很大，而且海爾沒有明顯的心理輔導部門。我在工作時，就有親身感受，感覺壓力無處排遣，在我身邊的同事也有因為壓力大而辭職的現象。因此，我想到了用心育在線測試的方法來進行心理輔導，疏導員工的壓力。尾部模塊就很簡單了，主要是進行版權說明.中間展示部分是采用模板進行的，其中首頁是將菜單欄中的所有模塊的集合，具體如下表5-2所示：表 5-2 首頁示意圖頭部logo菜單欄幻燈片產品分類新聞資訊消費類產品產品小

45、類商業類產品解決方案在線留言技術支持關于我們聯系我們產品推薦友情鏈接版權聲明5.2 系統后臺界面設計人們容易把網站簡單理解成一種工具或者商務活動中的孤立環節，這樣理解不僅會影響到網站開發質量，重要的是難以充分發揮網站在企業經營過程中的作用。網站后臺管理是網站開發及其重要的部分，所以一個好的企業網站，必須有一個良好的網站后臺管理。這與傳統的企業網站靜態網站是不同的。我做的后臺界面主要采用左右框架結構。左邊是是控制菜單欄，通過點擊菜單欄中的按鈕，相應的頁面就會在右側的顯示框中顯示出來。登錄頁面主要實現用戶的登錄，用戶的權限是管理員，管理員可以在系統中可以進行任何操作。登錄界面如圖5-3所示：圖5-

46、3 登錄界面示意圖密碼修改模塊主要實現管理員修改的功能，登陸的管理員只能修改自己的密碼。對輸入新密碼進行比對，如果成功則修改密碼成功。如圖5-4所示：圖5-4 密碼修改流程圖第6章 系統詳細設計與實現6.1 系統前臺設計前臺的部分我分為三個部分,分別為：頭部、中間展示部分、尾部。每個網頁除了中間展示部分不同外，頭部和尾部都是利用語句來進行調用的。這樣保證了網站風格的統一。其中頭部我存放在根目錄下的header.asp文件中，尾部我存放在footer.asp文件中。在頭部模板中我大量使用了div標簽，也用到了大量的css用于定義頭部的樣式。模板上部是圖片和相關的功能按鍵，在圖中可以清楚地看到分別

47、是：設為主頁、加入收藏、用戶登錄。設為主頁模塊是通過href超鏈接javascript語句實現的，具體的語句如下：a href= onclick=this.style.behavior=url(#default#homepage);this.sethomepage();return(false);加入收藏和設為主頁模塊相似，具體語句如下：a href=javascript:window.external.addfavorite(, );用戶登錄模塊是通過href語句超鏈接到admin/login.asp文件中的。這個在后臺介紹時將有提及，在此不贅述了。幻燈片是利用了swf文件，做出動態圖片切換

48、的效果。這個在海爾的網站中廣泛應用。而且與后臺的幻燈片管理模塊相對應，將px_id為關鍵字，從前臺中調用關鍵字。新聞資訊模塊的語句存放在news.asp文件中，在后臺添加新聞的語句存放在admin/add_news.asp文件中，管理新聞的語句存放在admin_news.asp文件中。當在添加新聞頁面中填寫相應的內容后，先將消息傳遞到admin_news_pass.asp文件，利用if-else語句判別是否為空后，將關鍵字對應的數據存到相應的字段中。在前臺利用select語句查詢到字段中相應的之后，提取數據庫中的值在前臺顯示。產品展示是公司網站中的一個十分重要的部分，它向瀏覽者介紹商品的分類情

49、況，以及某一種產品的具體信息，并將部分新產品或促銷產品以圖文并茂的方式方式展現在瀏覽者面前。由于產品數量眾多，所以為每類商品設置單獨的分頁，使瀏覽者對該類商品的信息一覽無余。產品展示模塊的語句存放在class.asp文件中，具體產品展示的語句存放在product.asp文件中，在后臺添加產品的語句存放在admin/add_products.asp文件中，如果產品不為空，通過admin/add_products_pass.asp存儲到數據庫中的cms_pro表中，而相應的圖片存儲到uploadfile文件夾下，在數據庫中存儲了圖片的相對地址。前臺同樣通過select語句提取到數據庫中的字段信息。

50、產品的標題和說明分別利用和語句進行調用。而產品的圖片則利用img src=/語句實現的。右側的還有產品分類子模塊，這個也是采用include語句調用過來的。產品分類的語句存放在left.asp文件中。在數據庫中，我產品分類劃分為2個數據庫中，分別是cms_class1、cms_class2。cms_class1數據庫中存放了所有的產品大類，cms_class2數據庫中存放了具體產品大類中的產品小類。cms_class1、cms_class2和cms_pro的數據庫是相互關聯的。在cms_pro中，存放了兩個字段：class1id和class2id。class1id與cms_class1中的id

51、關聯，class2id與cms_class2中的id關聯。在此文件中也是大量采用select語句，只不過是只提取title字段中的內容。聯系我們模塊的語句存放在about.asp文件中。在后臺與“單頁管理”相對應。前臺利用語句 跳轉到cont.asp文件中。在cont.asp文件中，聯系我們模塊利用了新聞資訊模塊中查看新聞中的部分語句，其實就是將聯系我們當成一個獨立的新聞，在一個新的頁面打開而已。在線留言模塊的語句存放在online.asp文件中，該頁主要是用表單和按鈕制作起來的，首先接受數姓名、電話、郵箱、其他聯系方式以及留言內容等信息，如果姓名和留言內容沒有填寫，將讓重新填寫，然后需要判斷

52、電子郵件的內容，如果沒有填寫或者格式不對，就要重新輸入。如果填加內容過長也要重新錄入。一切都正常，就可以保存數據內容。網站會自動轉到onlineshow.asp文件中。心育在線模塊的語句存放在xytext.asp文件中，樣式是和產品展示中用的相同的class=product_list。在心育在線模塊中是采用表格形式進行布局，利用javascript語句進行在線測試。測試內容均為網絡一些熱門測試題目。這個模塊是聯系在海爾的工作經歷最近突發奇想設計出來的。旨在疏導員工在工作時的壓力。點擊圖片進入到超鏈接到相應的測試頁面中。6.2 系統后臺設計在前臺頭部右側有個“用戶登陸”的超鏈接，點擊后會自動跳轉

53、到admin/login.asp文件中。這個就是后臺登陸的進入窗口。后臺登陸用戶的信息存儲來cms_admin表中。在后臺登陸設置驗證碼是現在網站的主流配置，目的是為了防止一些人利用軟件探試數據庫中的用戶名和密碼，防止網站被黑。驗證碼的圖片是利用語句，跳轉到safecode.asp文件中。每次登陸后臺時驗證碼的圖片會自動刷新，并且數字都是隨機的，保證了網站的安全性。如果輸入用戶名和密碼成功后，會自動跳轉到admin/index.asp文件中去，如果用戶名和密碼與數據庫中的數值不匹配的話就會通過admin/adminloginpass.asp文件中的if判斷語句提示報錯，并且在瀏覽器中彈出對話框

54、提醒帳號密碼錯誤。在admin/index.asp文件中，左邊為操作菜單，右邊為后臺展示窗口。在后臺的主頁是分為3個部分分別采用include語句進行調用的，頭部logo是調用了admin/top.asp文件。logo采用src語句調用，存放在image文件夾下。頭部的背景是采用語句background:url(images/admin_top_bg.gif)調用的。在后臺的右側是后臺的菜單欄。該語句存放在admin/left.asp文件中，在此我令所有的class=leftmenulist，而菜單欄中的下拉效果則是采用了語句實現的。在菜單欄中主要是進行超鏈接的操作，通過點擊鼠標調用相應的文件

55、在右側顯示出來。在后臺的菜單欄的右側就是后臺相關頁面的展示部分。在設計時，頭部logo和右側的菜單欄都是固定不動的，只有后臺展示部分是設計成可編輯區域，這樣既保證了網站樣式的統一，同時也減輕了工作量，提高了工作效率。后臺網站基本建設的語句保存在admin/main.asp文件夾下。相關的模塊的數據庫信息，在admin相對應的文件中有體現；對數據庫進行添加新數據的操作，會跳轉到add文件中；如果數據進行保存修改操作的話就會跳轉到相應的update文件中。具體展開后相對應的頁面管理文件，我在之前的前臺模塊介紹中有提及。對于進行產品的修改和刪除是和添加產品相類似的。由于管理員的管理與添加頁面存放在admin/admin_administrator.asp文件中。管理員的添加用了3個文本框，分別讓用戶輸入管理員賬號、登陸密碼、確認密碼，name分別為admin、password、password2。提交按鈕name為button。用戶填寫相關信息后，相關的值傳遞到admin_administr