周偉 施志權(quán)

摘 要： “互聯(lián)網(wǎng)+”時代，大眾對信息的系統(tǒng)服務(wù)也提出了新的要求。本文應(yīng)用ASP技術(shù)，深入探討了基于Web的汽車展示系統(tǒng)工作原理，對適合系統(tǒng)的Web技術(shù)和數(shù)據(jù)庫做出了優(yōu)化選擇。針對汽車網(wǎng)站的需求分析，開發(fā)了基本信息設(shè)置、新聞中心、產(chǎn)品中心、留言管理、管理員管理和退出后臺管理六大功能模塊；并闡述了支持網(wǎng)站的SQL數(shù)據(jù)庫，并從其功能、結(jié)構(gòu)、風(fēng)格上進(jìn)行了設(shè)計；同時利用數(shù)據(jù)庫視圖、觸發(fā)器技術(shù)實現(xiàn)了系統(tǒng)中約束規(guī)則在數(shù)據(jù)層與應(yīng)用層的合理劃分。

關(guān)鍵詞：.NET；汽車網(wǎng)站；設(shè)計

中圖分類號：G350 文獻(xiàn)標(biāo)識碼：A

Abstract： in the "Internet plus" era， new requirements is also proposed for the public information service system. This paper uses the application of ASP technology， in-depth discusses the working principle of the car display system based on Web， and make an optimal choice for the suitable system of Web technology and database. According to the requirements of the automotive Web site analysis， develop such the six functional modules as basic information set， news center， product center， message management， administrator management and exit the backstage management ； and describe the SQL database supporting web site， and gives out the design from its function， structure and style design； At the same time， apply the database view， trigger technology to achieve the system constraint rules in rational division of data layer and application layer .

Keywords： .NET ；Automobile website； design

0引言

“互聯(lián)網(wǎng)+”時代，網(wǎng)絡(luò)體系日趨高端、完整，并且已然成為信息社會的存在標(biāo)志和發(fā)展基石。網(wǎng)絡(luò)現(xiàn)下也已逐漸成為知識產(chǎn)業(yè)經(jīng)濟的重要手段和技術(shù)焦點。各種各樣信息關(guān)聯(lián)在一起，組成了一個網(wǎng)狀的信息網(wǎng)絡(luò)，這就是信息關(guān)聯(lián)的“網(wǎng)狀模型”。而從技術(shù)層面來看，互聯(lián)網(wǎng)的載體則是網(wǎng)頁。

1 網(wǎng)頁設(shè)計簡介

網(wǎng)頁（Web Page）是網(wǎng)站的組成部分，制作者可以將需要公布的信息按照一定的方式，排定在每個網(wǎng)頁上，網(wǎng)頁里可以有文字、圖像、聲音以及視頻信息等等，網(wǎng)頁由網(wǎng)址認(rèn)識和獲得。

JavaScript、CSS、HTML是制作網(wǎng)頁的3類方法，其在網(wǎng)頁設(shè)計中發(fā)揮著至關(guān)重要的作用。具體地，HTML是基本架構(gòu)，JavaScript用來實現(xiàn)網(wǎng)頁的動態(tài)性，而CSS則用來美化頁面。

.NET是 Microsoft XML Web services 的平臺。XML Web services 允許應(yīng)用程序借助互聯(lián)網(wǎng)進(jìn)行通訊和共享，而不關(guān)注實現(xiàn)中應(yīng)用的是哪種操作系統(tǒng)、設(shè)備和編程語言。Microsoft .NET 平臺提供創(chuàng)建 XML Web services， 并且把這些服務(wù)配置達(dá)到集成組織，滿足設(shè)計所需。時下，.NET是微軟最新開發(fā)的技術(shù)平臺，為了快速方便地構(gòu)建互聯(lián)互通的系統(tǒng)，.NET應(yīng)用是一個運行于.NET Framework之上的應(yīng)用程序。對個人用戶便形成了無縫和吸引人的操作體驗。

ASP.NET 是可以建立在通用語言基礎(chǔ)之上的程序結(jié)構(gòu)，建立強大的Web程序可以應(yīng)用Web服務(wù)器來設(shè)定完成，所以ASP.NET網(wǎng)站又可稱為“ASP.NET應(yīng)用程序”。一個ASP.NET網(wǎng)站可以包括多個ASP.NET網(wǎng)頁。

2 需求分析

2.1 汽車網(wǎng)站需求分析

隨著生活水平的提高，生活節(jié)奏的加快，人們對于汽車的需求也在不斷提升?；ヂ?lián)網(wǎng)的廣泛普及不僅改變了人們的交流聯(lián)系方式，也讓生活更加地方便快捷，應(yīng)用網(wǎng)絡(luò)的汽車網(wǎng)站讓所有連通網(wǎng)絡(luò)的地方都可以選購用戶喜歡的汽車類型，打造符合用戶要求的優(yōu)質(zhì)配置。汽車網(wǎng)站的出現(xiàn)不僅增加了汽車廠商的銷售額，同時也為普通大眾的生活提供了現(xiàn)實便利。

2.2 ASP.NET網(wǎng)站的主要優(yōu)勢

1）執(zhí)行效率大幅提高。眾所周知，ASP.NET作為一種網(wǎng)站制作技術(shù)，可以采用基于通用語言的程序在服務(wù)器上處理并運行。而最新的ASP.NET技術(shù)與曾經(jīng)的ASP（即時解釋程序）在本質(zhì)上呈現(xiàn)顯著不同。不同之處在于ASP.NET技術(shù)是編譯服務(wù)器端第一次運行的程序，由此運行得出的效果，自然要比逐條解釋程序的效果好上許多。

2）世界級的工具支持。ASP.NET構(gòu)架是可以用Microsoft?公司的近期產(chǎn)品 Visual Studio .net開發(fā)環(huán)境提供支持，WYSIWYG（What You See Is What You Get，所見即為所得）的編輯。

3）簡單性和易學(xué)性。ASP.NET即是運行一些常用任務(wù)的功能平臺，如驗證客戶端的身份、提交表單、配置網(wǎng)站和系統(tǒng)的分布等等。除此之外，通用語言簡單開發(fā)實質(zhì)上就是把代碼結(jié)合形成軟件。

4）強大性和適應(yīng)性。ASP.NET作為一種通用語言，可以在編譯運行的程序上成功執(zhí)行，并且ASP.NET具有強大的適應(yīng)性，所以Web應(yīng)用軟件開發(fā)的全部程序都可以用ASP獲得核心實現(xiàn)。ASP.NET同時也是language-independent語言獨立化的一種。在未來的日子里，如此這般需要多種程序語言共同工作的結(jié)構(gòu)就可以保護(hù)用戶加載的基于com+的應(yīng)用程序，并且可以輕松移植到ASP.NET。

2.3 可行性分析

1）技術(shù)可行性?？尚行苑治鲋饕强剂考夹g(shù)條件能否滿足技術(shù)人員的要求。該汽車展示類采用了ASP.NET軟件進(jìn)行開發(fā)設(shè)計，把汽車圖片、汽車圖像、汽車價格、汽車配置、汽車售后等多種消費者關(guān)注的元素與互聯(lián)網(wǎng)有機結(jié)合起來，讓大眾消費者更易應(yīng)用。因此，汽車展示網(wǎng)站是具備一定技術(shù)可行性的。在硬件方面，在計算機硬件升級換代、飛速發(fā)展的今天，硬件的能力不斷提升，可靠性也日漸提高，價格卻越來越低，由此可知，其硬件平臺也已完全能夠滿足汽車網(wǎng)站的需要。

2）操作可行性。此汽車網(wǎng)站是基于ASP.NET平臺的展示網(wǎng)站。網(wǎng)站主要是為消費者展示某一品牌汽車的各種車型，網(wǎng)站界面清晰明了，操作簡單易懂，針對后臺人員的管理方式也方便快捷，易于管理和發(fā)布信息，因此，汽車展示網(wǎng)站在操作上也呈現(xiàn)有客觀實施可行性。

3 網(wǎng)站制作的主要步驟

3.1 設(shè)計分析

研究中，后臺系統(tǒng)需要提供6種功能，分別是：基本信息設(shè)置、產(chǎn)品中心、管理員管理、新聞中心、留言管理和退出后臺管理。對其展開功能分析，可概述如下。

1）基本信息設(shè)置包括3部分，具體是：關(guān)于我們、聯(lián)系我們、銷售服務(wù)。對其設(shè)定功能如下：

關(guān)于我們。主要功能是設(shè)置公司簡介、公司理念等一系列對公司的信息展示。

聯(lián)系我們。用于修改網(wǎng)站前臺“聯(lián)系我們”這一模塊，修改聯(lián)系資料。

銷售服務(wù)。主要功能是向網(wǎng)絡(luò)游客推薦和公司有合作關(guān)系的客戶以及公司的主要銷售網(wǎng)點。

2）新聞中心包括發(fā)布新聞、新聞管理兩塊：

發(fā)布新聞。用于發(fā)布公司新聞。

新聞管理。是對已經(jīng)發(fā)布的信息進(jìn)行管理，同時還可以對以往新聞進(jìn)行清理。

3）產(chǎn)品中心包括3部分，具體是：類別管理、添加產(chǎn)品、產(chǎn)品管理。對其設(shè)定功能如下：

類別管理。是對產(chǎn)品分類進(jìn)行管理。

添加產(chǎn)品。用于發(fā)布上傳的新產(chǎn)品并且將在前臺首頁提供展示。

產(chǎn)品管理。主要用于已經(jīng)發(fā)布的商品的修改或下架。

4）留言管理。其中的在線留言用于過濾游客不合理的留言。

5）管理員管理。是用于管理員進(jìn)行密碼修改。

6）退出后臺管理關(guān)閉本窗口。

3.2 設(shè)計要求

汽車網(wǎng)站的設(shè)計內(nèi)容是不能脫離消費者客觀需求的，由此必須要從實現(xiàn)大眾需求和汽車品牌內(nèi)涵的角度出發(fā)，操作上要做到方便快捷，內(nèi)容覆蓋寬廣，實現(xiàn)最佳瀏覽質(zhì)量。由此可知，一個優(yōu)質(zhì)汽車網(wǎng)站的框架構(gòu)建則尤顯重要。而在選擇重點和主推內(nèi)容時，更要予以特別詳盡考慮。

3.3 設(shè)計建模

UML（Unified Modeling Language，統(tǒng)一建模語言），作為最早出現(xiàn)的標(biāo)準(zhǔn)建模語言，從1995年面世至今一直為研究者推崇與使用。而“統(tǒng)一”在UML中具有特殊的作用和含義，主要體現(xiàn)在：

1）在軟件開發(fā)周期上，無縫性是UML對于開發(fā)者的基本要求。因此在開發(fā)過程的不同階段也可以采用一整套相同的概念和表示法，而在同一模式中也可以混合使用，而無需專門再去轉(zhuǎn)換概念和表示法。

2）在已有方法和表示法上，面向?qū)ο蟮暮芏喾椒ǘ伎梢杂蒛ML所中和，并且UML在每一種概念的規(guī)范上，都給出了簡潔清晰的定義。

汽車網(wǎng)站的銷售整體環(huán)境如圖1所示。

下面列舉預(yù)約試駕模塊進(jìn)行建模展示，分別包括業(yè)務(wù)類圖、用例圖、順序圖、通信圖和狀態(tài)圖。主要內(nèi)容定義論述如下。

3.3.1 預(yù)約試駕用例圖

預(yù)約試駕的業(yè)務(wù)類包括參與者（汽車廠商，倉庫管理員）和3個系統(tǒng)（查看進(jìn)貨要求，提供試駕時間和接收試駕請求）。對應(yīng)地，用例設(shè)計如圖2所示。

3.3.2 業(yè)務(wù)類圖

類圖用于描述類、接口以及彼此之間關(guān)系，是一種靜態(tài)模型。預(yù)約試駕的業(yè)務(wù)類包括3個方面：試駕請求單，進(jìn)貨單和汽車廠商。在此，給出預(yù)約試駕業(yè)務(wù)類圖如圖3所示。

3.3.3 通信圖

通信圖又可以稱為協(xié)作圖，主要功能是展示模組對象為了一個系統(tǒng)時間而與另一組對象進(jìn)行協(xié)作的過程。具體內(nèi)容如圖4所示。

3.3.4 狀態(tài)圖

在一般的面向?qū)ο蠹夹g(shù)中，狀態(tài)圖又稱為狀態(tài)遷移圖。這是有限狀態(tài)機的圖形表示，用于詳細(xì)解釋類的一個對象在其生存周期的活動。預(yù)約試駕包括5個狀態(tài)：客戶需求、聯(lián)系供貨商、提取車、預(yù)約試駕和購車成功。各狀態(tài)主體流程如圖5所示。

3.3.5 順序圖

主要功能是描述對象之間傳遞消息的時間順序，并且可以表示用例中的行為順序。順序圖可以顯示時間順序，但是在角色之間的管理形式上卻是隱性不可見的；通信圖則展示了不同角色之間的關(guān)系，與此同時將消息之間的內(nèi)部互聯(lián)傳導(dǎo)到關(guān)系上，只是在表示時間的順序方面需用順序號來表示，所以其表達(dá)的效果并不是特別明顯。預(yù)約試駕順序如圖6所示。

4 沃爾沃汽車展示網(wǎng)站設(shè)計

4.1 創(chuàng)建數(shù)據(jù)庫

首先要對系統(tǒng)的所有數(shù)據(jù)庫信息進(jìn)行保存，因此建立后臺數(shù)據(jù)庫。后臺數(shù)據(jù)庫內(nèi)容包括基本信息設(shè)置、新聞中心、產(chǎn)品中心、留言管理、管理員管理和退出后臺管理。研究需對其分別建立各自對應(yīng)數(shù)據(jù)庫，下面列舉3個主要模塊的數(shù)據(jù)庫建立實現(xiàn)效果。4.1.1 基本信息設(shè)計模塊

具體包括關(guān)于我們、聯(lián)系我們和銷售服務(wù)3部分。其中，關(guān)于我們主要功能是設(shè)置公司簡介、公司理念等一系列對公司的系統(tǒng)詳細(xì)推薦，結(jié)果界面如圖7如示。

4.1.2 新聞中心模塊

具體包括發(fā)布新聞和新聞管理2部分。此模塊的功能是用來發(fā)布品牌公司的各種動態(tài)新聞，同時管理已經(jīng)發(fā)布的新聞，而且還可對歷史新聞進(jìn)行修改或刪除。在此，給出界面效果如圖8如示。

4.1.3 產(chǎn)品中心模塊

具體包括類別管理、添加產(chǎn)品、產(chǎn)品管理3部分。此模塊中類別管理的主要作用就是對產(chǎn)品實現(xiàn)編輯管理；添加產(chǎn)品用于發(fā)布新的產(chǎn)品并且將在前端首頁展示；產(chǎn)品管理主要用于已經(jīng)發(fā)布的商品修改或下架。產(chǎn)品中心模塊如圖9所示。

4.2 主頁面設(shè)計

主頁面的主要功能是向消費者和愛車人士展示沃爾沃品牌的各種概況，包括品牌的內(nèi)涵、最新的車型和用于汽車本身的最新技術(shù)等。主頁設(shè)計實現(xiàn)如圖10所示。

仍需指出的是，研究設(shè)計中還向消費者提供模糊查詢；向公司內(nèi)部管理人員提供后臺管理登陸鏈接等功能。限于篇幅，功能效果在此則不多做贅述。

4.3 網(wǎng)站的調(diào)試運行

在研發(fā)設(shè)計本網(wǎng)站時，出現(xiàn)了很多問題，如：對代碼的掌控未臻熟練，無法準(zhǔn)確使用；思路不清晰，導(dǎo)致代碼不連貫；后臺數(shù)據(jù)庫的鏈接出現(xiàn)問題，導(dǎo)致網(wǎng)站無法實現(xiàn)應(yīng)有的功能。而為了保證網(wǎng)站的正常運行，整個過程需要對網(wǎng)站進(jìn)行多次調(diào)試。常用的調(diào)試方法可整合分析如下：

1）顯示各種集合內(nèi)容。當(dāng)程序試圖使用用戶的提供值而展開運行時，可能不會得到預(yù)期結(jié)果，或者任何結(jié)果都未得到。此時就需追蹤相關(guān)值路徑，直至搜索到每個模塊，從而判斷問題的源頭所在。

2）利用Err對象。雖然在設(shè)置了相關(guān)IIS和瀏覽器屬性后可以給出錯誤的信息，但是信息提供頁面太過復(fù)雜，甚至有時還不能夠給出準(zhǔn)確的定位。這種情況下，可以利用ASP 2.0設(shè)置支持的Err對象來獲取詳細(xì)的錯誤信息。

3）檢查組件屬性值。如果使用的所有組件都具有在ASP腳本的代碼中設(shè)置的全部屬性，那么在設(shè)置完成、并且調(diào)試組件方法的前后，都能夠顯示所有屬性，包括可疑的屬性，以此來定位錯誤信息。

4.4 網(wǎng)站維護(hù)

一個網(wǎng)站若要達(dá)到優(yōu)質(zhì)、實效及高端，就需要對網(wǎng)站內(nèi)容進(jìn)行不斷更新、拓展與完善。關(guān)于網(wǎng)站維護(hù)，可以從5個方面入手，闡釋內(nèi)容如下：

1）在網(wǎng)站建立的基礎(chǔ)階段就要認(rèn)識到后續(xù)調(diào)試和維護(hù)的重要性，如此才能保障后期工作可以整體連貫地流暢運行。

2）在維護(hù)階段，要設(shè)定合理的信息發(fā)布流程，同時保持迅捷理想信息通道。在網(wǎng)站上展示的各個分欄信息都是分別來自不同的研究人員，而在使用過程中，維護(hù)者要做到規(guī)范成熟、全面兼顧。

3）在汽車網(wǎng)站建立過程中，要切實限定、劃分各類模塊；與此同時，還要明確模塊中哪些是基礎(chǔ)性、即不需修改的，哪些是需要實時動態(tài)更新的。

4）在網(wǎng)站維護(hù)階段，通過采用結(jié)構(gòu)化的形式來管理需實時更新的內(nèi)容，可以避免錯亂的情況。

5）在工具使用上，要選擇合理的更新工具。信息收集后，如果需要把信息登記在網(wǎng)頁上，并且把信息實現(xiàn)完整保存，此時就可以把數(shù)據(jù)庫管理和網(wǎng)頁更新實施整合，從而開展同步處理工作。

5 結(jié)束語

本文研究了ASP.NET和SQL在網(wǎng)站中的相關(guān)應(yīng)用，并著重解析了一個汽車展示網(wǎng)站設(shè)計與制作的具體過程，包括網(wǎng)站的需求分析、設(shè)計建模、主界面設(shè)計、調(diào)試過程和網(wǎng)站維護(hù)等。

ASP.NET是一種應(yīng)用字符和分級配置的系統(tǒng)，能夠使程序編輯與環(huán)境定義更加簡潔方便，因為在保存配置信息在文本的過程中，一部分新的設(shè)置可以不需啟動本地管理工具。時下，ASP.NET已衍變?yōu)橐环N能夠適用于多種平臺的處理工具，而當(dāng)其應(yīng)用于無縫連接技術(shù)的情況下，顯著突出的優(yōu)點就是可以大幅提高運行的速度。當(dāng)客戶把ASP.NET程序作為應(yīng)用軟件處理器時，也可以不加任何改變來提升效率。ASP.NET又是一款利于工作人員掌控的實用的工具，在設(shè)計時可充分考慮網(wǎng)站開發(fā)人員的需求，使網(wǎng)站開發(fā)人員可以在代碼生成中自己定義"plug-in"的模塊。作為一款人性化、方便快捷、并且輕松精通的工具，ASP.NET的應(yīng)用范圍必將呈現(xiàn)廣闊前景。

參考文獻(xiàn)

[1] 金旭亮. .NET2.0面向?qū)ο缶幊探颐豙M].北京：電子工業(yè)出版社，2007.

[2] 徐寧.新一代ASP網(wǎng)絡(luò)編程入門與實踐[M]. 北京：清華大學(xué)出版社，2005.

[3] 王菁.UML建模設(shè)計與分析[M]. 北京：清華大學(xué)出版社，2013.

[4] 金旭亮.ASP.NET 程序設(shè)計教程[M]. 北京：高等教育出版社，2010 .

[5] 張銀鶴.XHTML實踐教程[M]. 北京：清華大學(xué)出版社，2011.

[6] RESSMAN R S.軟件工程[M]. 北京：清華大學(xué)出版社，2001.

[7] 張海藩.軟件工程導(dǎo)論[M]. 北京：清華大學(xué)出版社，2013.

[8] 謝希仁.計算機網(wǎng)絡(luò)[M].北京：電子工業(yè)出版社，2013.

[9] 孫楓.淺談ASP程序調(diào)試方法與技巧[J].電腦與信息技術(shù)，2012，20（5）：69-71.

[10] KAUFFMAN J，MATASIK B. asp.net數(shù)據(jù)庫入門經(jīng)典[M].張哲峰，黃翔宇譯.北京：清華大學(xué)出版社，2013.

[11] ROBINSON S，CORNES O. C#高級編程[M]. 康博譯. 北京：清華大學(xué)出版社，2006.

[12] Jeffrey D. Ullman.Fundamental Course of Database System[M]. Beijing：TsingHua Press，2012.

[13] SHAPIRO J R. SQL Server 2005參考大全[M]. 周之，黃玫譯. Beijing：TsingHua Press，2013.