周偉 施志權(quán)

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

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

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

1 網(wǎng)頁設(shè)計(jì)簡(jiǎn)介

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

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

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

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

2 需求分析

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

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

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

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

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

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

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

2.3 可行性分析

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

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

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

3.1 設(shè)計(jì)分析

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.2 設(shè)計(jì)要求

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

3.3 設(shè)計(jì)建模

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

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

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

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

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

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

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

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

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

3.3.3 通信圖

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

3.3.4 狀態(tài)圖

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

3.3.5 順序圖

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

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

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

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

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

4.1.2 新聞中心模塊

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

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

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

4.2 主頁面設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5 結(jié)束語

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

ASP.NET是一種應(yīng)用字符和分級(jí)配置的系統(tǒng)，能夠使程序編輯與環(huán)境定義更加簡(jiǎn)潔方便，因?yàn)樵诒４媾渲眯畔⒃谖谋镜倪^程中，一部分新的設(shè)置可以不需啟動(dòng)本地管理工具。時(shí)下，ASP.NET已衍變?yōu)橐环N能夠適用于多種平臺(tái)的處理工具，而當(dāng)其應(yīng)用于無縫連接技術(shù)的情況下，顯著突出的優(yōu)點(diǎn)就是可以大幅提高運(yùn)行的速度。當(dāng)客戶把ASP.NET程序作為應(yīng)用軟件處理器時(shí)，也可以不加任何改變來提升效率。ASP.NET又是一款利于工作人員掌控的實(shí)用的工具，在設(shè)計(jì)時(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ò)編程入門與實(shí)踐[M]. 北京：清華大學(xué)出版社，2005.

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

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

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

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

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

[8] 謝希仁.計(jì)算機(jī)網(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#高級(jí)編程[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.