Asp鮮花網(wǎng)站設(shè)計(jì)文檔

1、摘要：隨著計(jì)算機(jī)及網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，Internet/Intranet應(yīng)用在全球范圍內(nèi)日益普及，當(dāng)今社會(huì)正快速向信息化社會(huì)前進(jìn)，信息自動(dòng)化的作用也越來越大。從而使我們從繁雜的事務(wù)中解放出來，提高了我們的工作效率。 這里主要闡述一個(gè)功能比較強(qiáng)大的鮮花網(wǎng)站系統(tǒng)的前后臺(tái)操作過程及一些關(guān)鍵技術(shù)。該網(wǎng)站系統(tǒng)是前臺(tái)應(yīng)用photoshop8.0等軟件，后臺(tái)結(jié)合ASP編程技術(shù)、Microsoft office Access 2003、記事本等開發(fā)出來的。 關(guān)鍵詞：鮮花網(wǎng)站;開發(fā)與設(shè)計(jì);ASP1、網(wǎng)頁 靜態(tài)網(wǎng)頁是不包含程序代碼的網(wǎng)頁，它不會(huì)在服務(wù)器端執(zhí)行。靜態(tài)網(wǎng)頁內(nèi)容經(jīng)常以HTML語言編寫，在服務(wù)器端以.ht

2、m或是.html文件格式儲(chǔ)存。對(duì)于靜態(tài)網(wǎng)頁，服務(wù)器不執(zhí)行任何程序就把HTML頁面文件給客戶端的瀏覽器直接進(jìn)行解讀工作，所以網(wǎng)頁的內(nèi)容不會(huì)因?yàn)閳?zhí)行程序而出現(xiàn)不同的內(nèi)容。動(dòng)態(tài)網(wǎng)頁是指網(wǎng)頁內(nèi)含有程序代碼，并會(huì)被服務(wù)器執(zhí)行的網(wǎng)頁。用戶瀏覽動(dòng)態(tài)網(wǎng)頁須由服務(wù)器先執(zhí)行網(wǎng)頁的程序，再執(zhí)行完的結(jié)果傳送到用戶瀏覽器中。它們的區(qū)別在于動(dòng)態(tài)網(wǎng)頁會(huì)在服務(wù)器執(zhí)行一些程序。由于執(zhí)行程序時(shí)的條件不同，所以執(zhí)行的結(jié)果也可能會(huì)有所不同，最終用戶看到的網(wǎng)頁內(nèi)容也將不同，所以稱為動(dòng)態(tài)網(wǎng)頁。使用動(dòng)態(tài)網(wǎng)頁可以達(dá)到下面一些效果：l 在網(wǎng)頁中添加一個(gè)滾動(dòng)顯示的廣告欄。l 從HTML的表單中接受信息且存到數(shù)據(jù)庫中。l 根據(jù)不同訪問者顯示不同內(nèi)

3、容，創(chuàng)建個(gè)性化主頁。l 在主頁中添加計(jì)數(shù)器。l 根據(jù)用戶瀏覽器的版本、類型和能力顯示不同檔次的內(nèi)容。l 跟蹤用戶網(wǎng)站上的活動(dòng)信息并且存入日志文件。2、 ASP簡介 ASP主要為HTML編寫人員提供了在服務(wù)器端運(yùn)行腳本的環(huán)境，使HTML編寫人員可以利用VBScript和Jscript或其他第三方腳本語言來創(chuàng)建ASP，實(shí)現(xiàn)有動(dòng)態(tài)內(nèi)容的網(wǎng)頁，如計(jì)數(shù)器。其優(yōu)點(diǎn)如下：l ASP和現(xiàn)在普遍使用的Windows操作系統(tǒng)以及IE瀏覽器之間結(jié)合緊密。l ASP所使用的VBScript腳本語言直接來源于VB語言，簡單易學(xué)，并且其運(yùn)行環(huán)境的安裝以及 ASP腳本的開發(fā)環(huán)境也很簡單。l 目前ASP發(fā)展成熟，網(wǎng)上各種資源

4、也很多，可以更方便地查找資料以及與他人交流。21 ASP的運(yùn)行環(huán)境ASP是一種服務(wù)器端的腳本語言，它只能在服務(wù)器環(huán)境下才能正常運(yùn)行。而服務(wù)器環(huán)境配置要求也很簡單，只須在Window NT、Window 2000 、Window XP及更高版本的操作系統(tǒng)上添加和安裝IIS組件即可。ASP對(duì)客戶端沒有任何特殊的要求，只要有一個(gè)普通的瀏覽器就行。22 ASP的工作流程 當(dāng)瀏覽請(qǐng)求打開一個(gè)ASP頁面，Web服務(wù)器接收到請(qǐng)求后，按以下流程工作：IISVBScriptJScriptADO瀏覽器HTTP請(qǐng)求HTTP響應(yīng)Web服務(wù)器Active X 腳本引擎ASP文件數(shù)據(jù)庫（1

5、） 服務(wù)器讀取ASP文件的內(nèi)容，判斷是否有ASP服務(wù)器端的代碼需要執(zhí)行。判斷的方法有兩種，一種是查看語句中的ASP的特有% %腳本標(biāo)記；一種是查看ASP代碼是否被指定要運(yùn)行在服務(wù)器端，如script runat=“server” 。（2） 假如有要運(yùn)行的ASP代碼，服務(wù)器會(huì)將這些代碼挑出來逐行進(jìn)行解釋。假如沒有要運(yùn)行的ASP代碼，它僅是簡單地通知IIS這種情況。（3） 服務(wù)器在解釋運(yùn)行腳本后，將腳本的執(zhí)行結(jié)果與靜態(tài)HTML代碼進(jìn)行合并，形成一個(gè)最終的網(wǎng)頁頁面。（4） 服務(wù)器把網(wǎng)頁發(fā)送給客戶端瀏覽器。3、配置ASP運(yùn)行環(huán)境進(jìn)行ASP網(wǎng)頁開發(fā)之前，必須配置解釋ASP腳本

6、所需的軟件環(huán)境，這里以Windows XP操作系統(tǒng)自帶的IIS為例，來講述其安裝和配置方法。在安裝Windows XP 操作系統(tǒng)的時(shí)候，IIS并沒有被默認(rèn)安裝，用戶可以通過“Windows組件向?qū)А边M(jìn)行安裝。打開【控制面板】，找到 【添加/刪除程序】【添加/刪除WINDOWS組件】，彈出 【W(wǎng)indows 組件向?qū)А?，選擇 【Internet 信息服務(wù)(IIS)】，插入安裝盤，按【下一步】開始安裝。如左圖所示：安裝成功后，就可以按照自己的要求配置IIS了。IIS在我們使用的過程中充當(dāng)著一個(gè)虛擬的角色。也就是我們是“假裝的”把本機(jī)磁盤空間的一部分空間劃歸為“服務(wù)器

7、”(實(shí)際上我們?cè)L問的網(wǎng)站是存儲(chǔ)在專門的網(wǎng)絡(luò)服務(wù)器上的)。既然要訪問“服務(wù)器”上的內(nèi)容(雖然它存在本機(jī)上)，那么也要通過類似于訪問網(wǎng)站的模式去訪問。IIS的默認(rèn)目錄安裝在 系統(tǒng)盤:Inetpubwwwroot里，也就是說上面的虛擬目錄http:/localhost 或其實(shí)是執(zhí)行您機(jī)器上物理路徑為 系統(tǒng)盤:Inetpubwwwroot上的內(nèi)容，如果在wwwroot里有一個(gè)b.asp文件，同樣可以通過http:/localhost/b.asp 或/b.asp 來訪問。同時(shí)，wwwroot的默認(rèn)目錄也是可以更改的。

8、進(jìn)入【控制面板】【管理工具】【Internet 服務(wù)管理器】，雙擊它，會(huì)出現(xiàn)【Internet信息服務(wù)器】的主界面，在窗體里找到【計(jì)算機(jī)名】，展開后會(huì)出現(xiàn)：【默認(rèn) FTP 站點(diǎn)】、【默認(rèn) Web 站點(diǎn)】、以及【默認(rèn) SMTP 虛擬服務(wù)器】。在【默認(rèn) Web 站點(diǎn)】上單擊右鍵，選擇【屬性】，就可以進(jìn)行IIS的諸多配置了。特別提示：在這里，我們著重的介紹幾個(gè)比較重要的配置：1.【屬性】【主目錄】，可以修改默認(rèn)的虛擬路徑以及ASP文件的執(zhí)行權(quán)限(除虛擬目錄需要更改外，其他一般以默認(rèn)設(shè)置為宜)。2.【屬性】【文檔】，默認(rèn)文檔的意思就是：如果你只填加index.asp在一個(gè)虛擬

9、目錄(假如就是wwwroot里)為默認(rèn)文檔。那么當(dāng)你在瀏覽器中輸入http:/localhost 或者 的時(shí)候默認(rèn)訪問的文件就是index.asp，就像你訪問 的時(shí)候，其實(shí)是訪問中的一個(gè)索引文件(比如default.asp或者index.asp等等)。配置完成。如果我的計(jì)算機(jī)在局域網(wǎng)內(nèi)，其他計(jì)算機(jī)就可以訪問我的網(wǎng)站，只要輸入http:/我的機(jī)器名，如果我連上了Internet，別人只要輸入我的IP地址就可以了。4、 界面設(shè)計(jì)4.1 主頁/數(shù)據(jù) 庫

10、連接花的海洋 |  首頁  |  圖片欣賞  |  花的含義  |  送花常識(shí)  |  經(jīng)典評(píng)論  | 歡迎你， 注銷 a href=mian.asp? style=text-decoration:nonea href=mian1.asp? style=text-decoration:nonea href=mian2.asp? style=text-decoration:nonea href=mi

11、an3.asp? style=text-decoration:none/調(diào)用數(shù)據(jù)庫內(nèi)的內(nèi)容4.2 注冊(cè)注冊(cè):請(qǐng)如實(shí)填寫! 用戶名：填寫真實(shí)姓名! 密碼： 重復(fù)密碼： 密碼提示：密碼可使用長度為6-14的任何字符 出生日期： 姓名： 性別： 所在地： 職業(yè)： %if yhm= then response.write 用戶名不能為空%上一頁% response.endend ifif mm= then response.write 密碼不能為空%上一頁% response.endend ifif mmqr= then response.write 密碼不能為空%上一頁% response.ende

12、nd ifif mmts= then response.write 不能為空%上一頁% response.endend ifif cs= then response.write 不能為空%上一頁% response.endend ifif xm= then response.write 姓名不能為空%上一頁% response.endend ifif xb= then response.write 性別不能為空%上一頁% response.endend ifif sf= then response.write 不能為空%上一頁% response.endend ifif hy= then re

13、sponse.write 不能為空%上一頁返回 4.3 商業(yè)鮮花購買的過程 4.3.1 生成訂單 % if session(username) then% 歡迎你， 注銷 請(qǐng)輸入用戶名： 請(qǐng)輸入密碼： 注冊(cè) % if session(username)= then response.write 你還未登錄，請(qǐng)先登錄！ else Dim bh bh = 1 If (Request.QueryString(id) ) Then bh = Request.QueryString(id) End If sql=select * from xianhua2 where id=&bh set rs=con

14、n.execute(sql) % 生成訂單 鮮花名稱： 鮮花類別： 花語： 價(jià)格： input type=hidden name=id value=input type=hidden name=cl value=    重新生成 4.3.2 成功放入購物車 % dim strsql,rs,strsql1 bh=request.form(id) strsql=select * from xianhua2 where id=&bh set rs=conn.execute(strsql) strsql1=insert into gouwuche(yhm,mc,lb,hy

15、,jg) values(&session(username)&,&rs(mc)&,&rs(lb)&,&rs(hy)&,&rs(jg)&) conn.execute(strsql1) response.write 你已成功將所選商品放入購物車！% 查看我的購物車   繼續(xù)去購物 4.3.3 確定購買 我的購物車 鮮花名稱鮮花類別花語價(jià)格 input type=text size=15 name=count value= readonly input type=hidden name=cdid value= 5、總結(jié)與展望 畢業(yè)設(shè)計(jì)即將結(jié)束,回顧這半年來的辛勤工作,總結(jié)如下:畢業(yè)設(shè)計(jì)是我在大學(xué)學(xué)習(xí)階段的最后一個(gè)環(huán)節(jié)，是對(duì)所學(xué)基礎(chǔ)知識(shí)和專業(yè)知識(shí)的一種綜合應(yīng)用，是一種綜合的再學(xué)習(xí)、再提高的過程，這一過程有助于培養(yǎng)我的學(xué)習(xí)能力和獨(dú)立工作能力。我選擇這個(gè)題目，就是想在大學(xué)這個(gè)最后的、最重要的時(shí)間里，能夠給自己壓力來自學(xué)網(wǎng)站開發(fā)與設(shè)計(jì)，這是我的第一個(gè)網(wǎng)站作品，因此很認(rèn)真。在設(shè)計(jì)的過程中存在許多問題，但通過自己不斷的查閱書籍，最后所有困難都迎刃而解。這對(duì)于培養(yǎng)我的自學(xué)能力和獨(dú)立工作能力是非常有幫助的。前景展望：通過本次畢業(yè)設(shè)計(jì)，我感到自己應(yīng)用基礎(chǔ)