基于.NET框架的企業(yè)網(wǎng)站設計與實現(xiàn)

黃藝婷

（山西機電職業(yè)技術學院 信息與管理工程系，山西 長治 046011）

隨著信息化的發(fā)展，企業(yè)擁有自己的網(wǎng)站已成為企業(yè)在網(wǎng)絡時代生存的必備條件之一。企業(yè)可以通過網(wǎng)站縮短與客戶之間的距離,宣傳自身形象和展示自身實力，客戶則可以通過網(wǎng)站方便和快捷地了解企業(yè)經(jīng)營的業(yè)務等重要信息。文章以山西金色光華信息技術有限公司的網(wǎng)站開發(fā)為實例，基于.NET框架，采用C#編程語言，應用三層架構技術、B/S架構體系和jQueryEasyUI框架，結合Access后臺數(shù)據(jù)庫技術，闡述企業(yè)網(wǎng)站的開發(fā)和設計過程。

1 網(wǎng)站的關鍵技術分析

1.1 三層架構技術

網(wǎng)站的設計采用了三層架構技術，這種技術具有結構簡單、易于實現(xiàn)、內(nèi)聚性好等優(yōu)點。其中，第一層是表示層（UI），第二層是業(yè)務邏輯層（BLL），第三層是數(shù)據(jù)訪問層（DAL），這三層之間相互獨立，可并行開發(fā)以提高開發(fā)效率，而且有利于系統(tǒng)的維護、部署和擴展。表示層，即用戶使用的瀏覽器，用戶界面可以由.ASPX文件構成；業(yè)務邏輯層，即WEB服務器，由.CS文件來實現(xiàn)；數(shù)據(jù)訪問層，即數(shù)據(jù)庫服務器，負責管理數(shù)據(jù)。數(shù)據(jù)訪問層只能由業(yè)務邏輯層訪問，業(yè)務邏輯層只能由表示層訪問。當用戶在訪問網(wǎng)站時，通過表示層將請求傳遞給業(yè)務邏輯層，由業(yè)務邏輯層來完成相應的業(yè)務規(guī)則和邏輯。訪問數(shù)據(jù)庫的工作則交由數(shù)據(jù)訪問層來完成，然后按相反方向將數(shù)據(jù)傳遞給表示層來顯示。

1.2 B/S架構體系

網(wǎng)站的設計應用了B/S（Browser/Server）架構。它是Web興起后流行的一種服務器/瀏覽器架構，是對C/S架構的一種改進。這種架構將系統(tǒng)核心部分的實現(xiàn)集中在服務器上，在整個處理過程中，主要的事物邏輯集中在服務器端（Server），只有極少數(shù)的事物邏輯在前端（Browser）顯示。

1.3 C#與.NETFramework

網(wǎng)站的設計采用的編程語言和編程平臺是C#與.NETFramework。.NETFramework（.NET框架，通常簡稱為.NET），是微軟公司推出的全新編程平臺，它不僅提供了完善的面向對象的編程環(huán)境，而且提供了良好的代碼執(zhí)行環(huán)境。

1.4 jQueryEasyUI框架

網(wǎng)站的設計使用了基于jQuery的jQuery EasyUI框架，jQueryEasyUI的基本的語法還是jQuery，它集成了各種用戶界面的插件，功能非常強大，開發(fā)者不需要編寫復雜的Javascript代碼，也不需要對CSS樣式深入了解，只需要了解一些簡單的HTML標簽來定義用戶接口，就可以利用它開發(fā)出界面美觀和具有功能豐富的UI界面，使得頁面布局更加清晰。

1.5 數(shù)據(jù)庫技術

網(wǎng)站的數(shù)據(jù)庫選擇應全面考慮系統(tǒng)的開發(fā)成本、可移植性、信息量、訪問量、運行效率等因素。因此，該網(wǎng)站采用了Access數(shù)據(jù)庫管理系統(tǒng)。Access不僅可以利用各種數(shù)據(jù)源，使得系統(tǒng)的開放方便簡潔，而且在數(shù)據(jù)量小的情況下可以實現(xiàn)很好的數(shù)據(jù)管理功能，即使將來數(shù)據(jù)量增加，Access也可以很方便的升級到SQLServer等大型的數(shù)據(jù)庫管理系統(tǒng)。

2 系統(tǒng)的設計

網(wǎng)站的功能規(guī)劃應根據(jù)企業(yè)特點進行。該企業(yè)網(wǎng)站設計了前臺和后臺兩個物理模塊，這種設計方式有利于開發(fā)人員清晰地把握系統(tǒng)的邏輯關系，有利于保證系統(tǒng)的安全性和可維護性。前臺就是展示給網(wǎng)站訪問者的所有界面，主要是針對客戶的一般業(yè)務需求，在功能上能滿足客戶對企業(yè)基本信息、產(chǎn)品信息、新聞信息等進行了解，以及客戶與企業(yè)之間的進行相互交流（如提交留言）等。后臺是用于管理網(wǎng)站前臺的一系列操作，需要賬號和密碼的登錄驗證，驗證成功后則可進入后臺管理界面完成相關操作。后臺在功能上能滿足網(wǎng)站管理員對企業(yè)信息、產(chǎn)品信息等重要信息的增加、刪除、查詢和更新等操作，可以方便網(wǎng)站管理員管理網(wǎng)站的信息以供客戶通過前臺瀏覽企業(yè)網(wǎng)站。

圖1 網(wǎng)站前臺組織結構圖

網(wǎng)站采用了多種動態(tài)模塊，使企業(yè)能夠獨立、自主地完成企業(yè)網(wǎng)站所有內(nèi)容的更新，所有頁面的圖片和文字內(nèi)容都可以通過網(wǎng)站后臺進行操作。圖1所示為企業(yè)網(wǎng)站前臺組織結構圖，其內(nèi)容包括網(wǎng)站首頁、關于我們、主營業(yè)務、成功案例、新聞資訊、商務合作、企業(yè)辦公。

（1）網(wǎng)站首頁：該頁面展示了企業(yè)形象、文化理念和最新信息。頁面采用上下布局，上側顯示企業(yè)LOGO、導航欄和圖片切換區(qū)，下側包括主營業(yè)務、最新動態(tài)和客服中心三個欄目。

（2）關于我們：該頁面包括企業(yè)簡介、誠聘英才和聯(lián)系方式三個子頁面。三個子頁面均采用左右布局。

（3）主營業(yè)務：該頁面包括軟件開發(fā)、網(wǎng)絡工程和系統(tǒng)集成三個子頁面。這三個子頁面都采用左右布局。

（4）成功案例：該頁面包括軟件開發(fā)、網(wǎng)絡工程和系統(tǒng)集成三個子頁面，頁面設計展示了企業(yè)曾經(jīng)承攬和已經(jīng)完成的重要項目。三個子頁面的布局和采用的控件與主營業(yè)務頁面相同。

（5）新聞資訊：該頁面展示了企業(yè)的新聞信息。頁面采用左右布局，利用Repeater控件展示企業(yè)的新聞標題，用戶可以通過點擊新聞標題跳轉到新聞頁面閱讀詳細新聞。

（6）商務合作：該頁面包括招商中心、項目合作兩個子頁面。項目合作子頁面的布局采用左右布局，以留言板的形式，使客戶與企業(yè)進行交流互動。

（7）企業(yè)辦公：該頁面采用了辦公自動化OA系統(tǒng)的形式，將計算機網(wǎng)絡與現(xiàn)代化辦公有機結合。企業(yè)內(nèi)部員工可通過頁面的用戶登錄模塊進行登錄，驗證成功后進入企業(yè)辦公主界面，進行個人信息設置、個人工作日志編寫、企業(yè)辦公和招商合作等操作，從辦公系統(tǒng)退出后可直接跳轉到登錄界面。

后臺主要圍繞管理功能進行設計，后臺的用戶就是系統(tǒng)的管理員。不同等級的管理員可根據(jù)自己擁有的權限完成日常的業(yè)務管理，圖2所示為網(wǎng)站后臺的組織結構圖。

圖2 網(wǎng)站后臺組織結構圖

①系統(tǒng)管理：系統(tǒng)管理包括部門管理、用戶管理、基礎管理三個功能。部門管理可以對部門信息進行編輯或刪除；用戶管理不僅可以對用戶信息進行編輯或刪除，還可對用戶的密碼進行恢復設置；基礎管理中包括字典管理,主要用于對業(yè)務進行分類。

②企業(yè)管理：企業(yè)管理可以對主營業(yè)務、成功案例、新聞資訊、關于我們、友情鏈接中的內(nèi)容進行編輯和刪除，也可在留言管理中對客戶留言進行查看和刪除。

③日常維護：日常維護包括數(shù)據(jù)維護和文件清理。數(shù)據(jù)維護可以對數(shù)據(jù)進行備份和壓縮，文件清理可以清理日志附件和圖片。

3 數(shù)據(jù)庫設計

企業(yè)內(nèi)部管理網(wǎng)站一般由不同的模塊組成，每個模塊之間的關聯(lián)性較弱，所以網(wǎng)站數(shù)據(jù)庫中的數(shù)據(jù)表獨立性較強[2]。為便于日后對網(wǎng)站進行維護，最好將盡可能多的信息反應在數(shù)據(jù)庫表中，而不是設計在頁面中。在建立數(shù)據(jù)表時，同一功能模塊的表在創(chuàng)建時可以加相同的前綴，表中記錄相同信息的字段要有相同的字段名，字段數(shù)據(jù)類型的選擇在滿足需要的情況下使用字節(jié)最小的數(shù)據(jù)類型[3]。該企業(yè)網(wǎng)站的數(shù)據(jù)庫中包含的數(shù)據(jù)表如表1所示。

表1 網(wǎng)站的數(shù)據(jù)庫表

以其中的企業(yè)信息表為例，它的表結構如表2所示，如果網(wǎng)站還需要擴展其它功能，如下訂單、網(wǎng)上市場調(diào)查等，可以根據(jù)需要擴展相應的數(shù)據(jù)庫表，或在相關數(shù)據(jù)表中增加必要的字段進行進一步的設計。

表2 企業(yè)信息表結構

圖3 網(wǎng)站的首頁

圖4 網(wǎng)站的后臺登錄界面

圖5 網(wǎng)站的后臺管理界面

4 系統(tǒng)的實現(xiàn)與測試

4.1 系統(tǒng)的實現(xiàn)

網(wǎng)站的前臺設計在內(nèi)容、版式和色彩方面突出了該企業(yè)獨特的風格，后臺設計滿足了簡單易用、擴展性好、穩(wěn)定性好和安全性高的特性。圖3所示為網(wǎng)站的首頁，圖4所示為網(wǎng)站的后臺登錄界面，圖5所示為網(wǎng)站的后臺管理界面。

4.2 系統(tǒng)的測試

對該系統(tǒng)的測試分為內(nèi)部測試和用戶測試。內(nèi)部測試中首先對網(wǎng)站的各項功能進行測試，如鏈接測試、表單測試、導航測試和數(shù)據(jù)庫測試；然后對網(wǎng)站的正確性進行測試，如對網(wǎng)站中的用戶進行更新、刪除和添加操作，并查看數(shù)據(jù)庫中的內(nèi)容是否已做了正確的修改；最后對網(wǎng)站的性能進行測試，如檢查數(shù)據(jù)操作的反饋時間，檢查翻頁滾屏操作的等待時間。用戶測試中邀請該企業(yè)的內(nèi)部員工或者客戶進行隨機測試并給出建議。

5 結束語

該企業(yè)網(wǎng)站的設計應用了當前的流行技術，實現(xiàn)了對企業(yè)信息的動態(tài)管理。頁面設計風格獨特，后臺管理高效安全，體現(xiàn)了企業(yè)特色。通過企業(yè)網(wǎng)站這種新型的經(jīng)營模式，為企業(yè)與客戶之間搭建了方便快捷的交流平臺，實現(xiàn)了雙向互動，既有助于展示企業(yè)形象和實力，也有助于掌握客戶需求和提高服務質量。

［1］胡學鋼.C#應用開發(fā)與實踐［M］.北京：人民郵電出版社，2012.

［2］Abraham Silberschatz，Henry EKorth，S.Su darsshan.數(shù)據(jù)庫系統(tǒng)概念3版［M］.北京：機械工業(yè)出版社，2000.

［3］王洪濤.淺析企業(yè)中小網(wǎng)站數(shù)據(jù)庫的設計［J］.信息系統(tǒng)工程，2011，（5）：45.