用dreamweaver開發(fā)ASP圖文教程.doc

用dreamweaver開發(fā)ASP圖文教程。（安裝配置服務器篇）既然是用DreamWeaverMX來做ASP頁面，那DreamWeaverMX軟件肯定是少不了，當然以后會要連接到數據庫，所以一些數據庫管理軟件（DBMS）比如微軟的Access或者SQLServer等，也是必須的。這些都是做用ASP的元素材料了。但一般情況下，做成的ASP頁面是需要調試的。介于ASP腳本語言是在服務器端IIS或PWS中解釋和運行，并可動態(tài)生成普通的HTML網頁，然后再傳送到客戶端供瀏覽的這一特點。我們要在本機上進行調試，那就要求我們的個人電腦具有服務器的功能。不要看到“服務器”三個字就感到擔心：我的機子配置這么底，性能這么差，是不是不能配啊。放心！配個服務器，就是多裝個軟件，況且就自己一個人用，根本沒有必要多慮。那具體的裝個什么軟件呢？剛才我們也看到了是在“IIS或PWS中解釋和運行”，很明顯，裝IIS或者PWS就可以了。IIS為何物？IIS是InternetInformationServer的縮寫,它是微軟公司主推的Web服務器。那PWS呢？它就顯得有些古老了：）早期在WIN98，當然現在仍有人采用的操作系統(tǒng)，PWS（PersonalWebServer）是一般用戶最容易得到的web服務器：在win98的安裝盤的Add_onpws目錄下就可以找到pws的安裝程序。而對于IIS是我們所推薦的，也是大部分朋友在使用的，有必要。1，打開控制面板2，在控制面板中選擇“添加/刪除Windows組件”，打開窗口3，點擊“添加/刪除Windows組件”后稍等片刻。出現“Windows組件向導”窗口。從中打勾“選擇Internet信息服務（IIS）”4，在“Windows組件向導”中單擊“下一步”。開始安裝配置我們的服務器IIS。5，等待進度條跑到終點。終于復制文件全部完成，配置服務器也相應的結束。6，IIS服務器算是安裝OK了，那具體有什么用處？又該如何使用呢？首先IIS的作用之一就是可以解釋執(zhí)行ASP網頁代碼，并將結果顯示出來。當然就現在而言，你的機器充當的既是服務器端，又是客戶端，該技術對你來說是透明的，你不需要也沒必要去研究它的原理，就這樣去理解去應用。那打開你的瀏覽器，隨便IE，NS，TE還是MYIE，只要是能瀏覽網頁的瀏覽器，在其地址欄輸入：http:/localhost/ 查看即可。出現當前該窗口就表示已經成功了：WEB服務正在運行！7，這，就行了？你知道下面怎么辦呢？很是沒頭緒，對吧。費盡心思學到現在，就是看了人家的一個ASP頁面。那我自己做，調試自己的ASP網頁又該如何呢？首先，你得想好你的ASP文件總要放在一個地方吧。行，打開“我的電腦”，在E盤下面建立一個“myasp”文件夾，以后所有的ASP文件先暫時放到這里吧。8，然后，從“開始”菜單，“程序”“附件”打開“記事本”。在里面敲入9，接著將文件保存到E:myasp文件夾里面，并且命名為time.asp10，一個很簡單的ASP文件就OK了，下面我們怎么辦？一句話：調試。怎么調試？還是輸入我們剛才的http:/localhost/ ？很顯然是不行的。那這時候是不是難點來了：我該如何調試我自己定義的一個文件夾里的ASP文件呢？同樣，一句話：用虛擬目錄。那什么是虛擬目錄？又該如何建立一個虛擬目錄呢？（引一段話：要從主目錄以外的其他目錄中進行發(fā)布，就必須創(chuàng)建虛擬目錄?！疤摂M目錄”不包含在主目錄中，但在顯示給客戶瀏覽器時就象位于主目錄中一樣。虛擬目錄有一個“別名”，供Web瀏覽器用于訪問此目錄。別名通常要比目錄的路徑名短，更便于用戶輸入。使用別名更安全，因為用戶不知道文件是否真的存在于服務器上，所以便無法使用這些信息來修改文件。）對初學者而言不必理會，重在實踐，用多了自然會理解這段話的意思。大體上就是讓我剛才的myasp文件夾用一個代號來標記，比如就標記為myasp，那我調試的時候只要輸入：http:/localhost/ myasp/time.asp就可以調試了。11，那如何標記呢？也就是如何建立一個虛擬目錄呢？從“控制面板”里面打開“管理工具”從中選擇“Internet服務管理器”12，彈出的窗口中右鍵“新建”“虛擬目錄”。13，彈出“虛擬目錄創(chuàng)建向導”。下一步，填寫別名：myasp。再下一步，目錄：瀏覽到E:myasp即可。緊跟一步，訪問的權限一定要把“讀取”和“運行腳本”打勾。最終點擊“完成”。14，結果如下：15，那么剩下的就是調試該time.asp了。在“Internet信息服務”里面右鍵time.asp，選擇“瀏覽”。16，最終頁面如下：17，看！就這么簡單，你已經ASP入門了。但我們的學習遠遠不止這些。而且我們剛才的ASP是用記事本寫出來的，這樣的效率，這樣的方法也不是菜鳥的首選。我們要用DreamWeaverMX。用DreamWeaverMX我們可以很快速地做注冊登錄，信息發(fā)布，文章管理，留言論壇等各類動態(tài)的網頁。心動不？呵呵，慢慢來吧。用dreamweaver開發(fā)ASP圖文教程。（數據庫顯示篇）站點建了，DW也管理了，數據庫表也建了，還小添了一下。那下面就開用DW還算強大的功能：連接數據庫并且顯示紀錄。1，打開DW，在站點里面先新建個ASP頁面（index.asp）。 在“應用程序”面板中選中“數據庫”標簽。只要我們在前面建立了站點，選擇了文檔類型（即我們選的ASP VBScript的），并且還測試了服務器（http:/localhost/newgn/）；則當前我們看到就剩下第四步沒有打勾了。 那現在就點擊“+”號，選擇“自定義連接字符串”。2，在彈出來的“自定義連接字符串”對話框中，連接名稱隨便寫一個?！斑B接字符串”就要好好填寫了。當使用此計算機上的驅動程序時應用絕對路徑：DRIVER=Microsoft Access Driver (*.mdb);DBQ=d:newgndatabasecnbruce.mdb 否則“使用測試服務器上的驅動程序”采用Mappath轉換路徑 ：Driver=Microsoft Access Driver (*.mdb);DBQ=& server.mappath(/newgn/database/cnbruce.mdb) 注：如果將要上傳到網上去的頁子就可以直接采用Mappath了點擊“測試”，出現成功即爽。附注：需要更多了解的，可以打開DW的幫助教程。3，成功連接數據庫后，在DW里其實是自動生成了一個連接文件。位置在自動生成的Connections文件夾中，名稱是你剛才在“自定義連接字符串”隨便敲的為命名asp文件。還可以注意到DW數據庫標簽內看到mdb文件內的各個字段。4，連接數據庫的文件是有了，但下面我們具體的單個頁面怎么和數據庫掛鉤呢。選擇“綁定”標簽，添加“記錄集（查詢）”。單看字面意思就知道是來SQL查詢語句了。5，在彈出的“記錄集”窗口中，“名稱”隨便寫個吧，也可不寫，默認的。但連接就要從下拉列表中選擇你定義的連接對象了，“表格”繼續(xù)下拉選擇（注：這和設計數據庫的時候有幾張表相關的）。6，其它隨便看下，其實最主要的是自動生成了SQL語言，點選“高級.”，可以看到如下圖7，確定后，你會發(fā)現記錄集已經綁定，所有數據庫中的字段都顯現出來。再注意下面有“插入”按鈕，完全可以將某個字段選中，或按按鈕或拖動到index.asp頁面即可。該asp頁面就顯示數據庫里面內容了。但只能顯示首行的，要想全部顯示。Next8，“插入”工具欄“應用程序”標簽中選擇“動態(tài)表格”。9，彈出的動態(tài)表格中選擇已經幫定的記錄集，顯示幾條記錄明白說就是分頁程序的生成：數據的記錄多，內容多，就分好幾頁來顯示，每頁幾條。記錄是用表格自動生成顯示出來的，再設下表格的屬性。確定后效果如下：10，可以告訴你，基本差不多了。F12看看效果用dreamweaver開發(fā)ASP圖文教程。（注冊系統(tǒng)篇）1， 在站點里右鍵新建一文件regist.asp用來做注冊頁面；同樣，因為在此之前已經建了和數據庫連接的文件conn.asp，該文件是全站點有效的。所以在你新建的regist.asp中的“應用程序”-“數據庫”標簽里面就自動有了conn。這一步是只要開始做第一步，以后都不要添加的（除非要連另外的數據庫）。2，接著還是老規(guī)矩，切換到“綁定”標簽，添加記錄集。（我想應該這幾步很上手吧）添加好了以后的畫面依然是老面孔。3，在regist.asp頁面做個很簡單的表單頁，內容以及form表單名最好和數據庫表里的字段對應。4，在代碼標簽處選擇“form”表單標記，最主要為下一步插入記錄做準備。始終注意要對某塊設置相關屬性動作的時候，一定要選中它。5，切換到“服務器行為”標簽，因為先前已在第2步中綁定了記錄集，所以該標簽內容中也已有記錄集這一項，這很正常。但我們要的是插入記錄，繼續(xù)按“+”，選擇“插入記錄”。6，在彈出的“插入記錄”對話框中。“連接”選你所建； “插入到表格”順其自然； “插入后，轉到”意思是注冊成功以后要跳轉到某頁提示，先寫 個，但要記得馬上要建這個頁面； “獲取值自”就是剛剛選擇的Form名了；“表單元素”中的“name插入到列中name”，意思是表單中 name輸入框中的內容插入到數據庫表name字段中。這時明白為什么在步驟3中“內容以及form表單名最好和數據庫表里的字段對應”了吧，DW自動智能插入，否則你得一個一個點選。7，確定以后，注冊系統(tǒng)已經完成了大半。（我正常到此的時間是1分鐘不到，最主要的是多多練習）但再想想注冊系統(tǒng)是不是不允許重名呢？那就要繼續(xù)添加一些內容。在“服務器行為”中繼續(xù)按“+”，“用戶身份驗證”中選“檢查新用戶名”。8，同樣在彈出的“檢查新用戶名”對話框中，用戶名字段選擇“name”表示不得重名注冊，當然也可以選擇其他的，比如email，意思就是同個emai只能注冊一個。“如果已存在，則轉到”表示假如有重復的現象該怎么辦呢？那就跳到一個出錯頁面提示。當然這頁也還沒建，先寫個文件，和剛才的registok.html一樣記得馬上補上去。9，做一些細節(jié)性的動作，比如表單里面哪些必須添啊，哪些一定要是數字啊，email地址要包含一個和兩個.號啊等等。注意先選擇“提交”按鈕?！霸O計”面板“行為”中選擇“檢測表單”。彈出的對話框中就可以很輕易的點取設置了10，再做下剛剛沒有的兩個頁子吧：registok.html和registbad.htmlregistok.html頁面內容大概是：注冊成功，請登錄（當然登錄系統(tǒng)是下一篇我要寫的）。registbad.html頁面內容大概就是：呵呵，對不起，有這個用戶了，還是麻煩你重新注冊下。返回！還有注意下，把“密碼提示問題”和“密碼提示答案”也填下，以后講到“找回密碼系統(tǒng)”的時候會用到。用dreamweaver開發(fā)ASP圖文教程。（登錄系統(tǒng)篇）今天主要是登錄系統(tǒng)的實現1， 在站點里右鍵新建一文件login.asp用來做登錄頁面；同樣，之前已經建了和數據庫連接的文件conn.asp。所以在你新建的login.asp中的“應用程序”-“數據庫”標簽里面就自動有了conn。2，和注冊頁面一樣，都需要到“應用程序”面板的“綁定”標簽下“+”記錄集。彈出窗口中選擇完畢后點擊“測試”，可以看到當前數據庫中滿足SQL條件的相關記錄。注：該圖顯示表明數據庫中的相關內容，name:cnbruce,pwd:123456和name:cnrose,pwd:123456。記住它，可以在我們測試登錄的時候用到。3，在登錄頁中做了Form表單，并對輸入文本框進行合理命名。4，點選form標記，設計頁中整個表單被選中。5，選擇“應用程序”面板中“服務器行為”中“+”-“用戶身份驗證”-“登錄用戶”。6，彈出的對話框中進行具體的設置。“從表單獲取輸入”意思是從本asp頁面中選擇具體的form表單，以及該表單中的所必有的用戶名字段和密碼字段?！斑B接驗證”表示通過conn文件和數據庫表進行連接設定。選擇“user表格”，用戶名列表和密碼列表即數據庫中的特定用戶名字段和密碼字段。很明顯，讓庫中的字段的內容和表單中提交的內容進行驗證比較連接。“登錄成功，轉到”loginok.asp，該頁面是一權限頁面，只有當登錄完全正確的時候才能進入。否則是登錄失敗，轉到loginbad.html。7，確定后，login.asp基本完成。切換到login.asp的代碼窗口，注意！已經生成了用戶的局部變量Session：“Session(MM_Username) = MM_valUsername”。該變量可以全站采用的。8，新建一loginok.asp，其是一個保護頁面，只有當用戶密碼正確登錄后才會進入。否則跳轉到loginbad.html（登錄失敗，可能原因是用戶名或密碼錯。）打開loginok.asp，“應用程序”-“綁定”-“階段變量”b9，彈出的階段變量對話框中，根據第7步的代碼顯示，名稱輸入MM_Username句即可。表示了Session(MM_Username)的直接引用。10，選擇建立起來的“MM_Username”，按下“插入”按鈕或者拖入頁中。可以讓不同用戶進入時動態(tài)顯示其對應的姓名。11，再為loginok.asp做下權限限定，意思是你可以知道http:/localhost/newgn/loginok.asp，但你單純在地址欄輸入絕對是進不了的，或者用戶密碼不正確也是進不了的。那該怎么實現這樣的效果呢？ “服務器行為”-“身份驗證”-“限制對頁的訪問”就OK了。12，按“用戶名和密碼”進行限制，拒絕則跳轉到“l(fā)oginbad.html”13，有關loginok.asp基本設置完畢，感覺還是蠻麻煩的，不過按步驟來會好很多，呵呵。Now，還有個loginbad.html再努力一下。很簡單，登錄失敗跳轉到該頁，非法登錄也同樣跳到本頁，內容很簡單。呵呵，不好意思哦。1，你注冊了嗎？沒有的話來登記下吧！2，你是不是忘了什么東西了，返回仔細填下哦。14，差不多了，調試一下。當然先從login.asp開始，填寫個正確的看看。測試：先用name:cnbruce，pwd:123456注意后面的name是cnbruce再用name:cnrose，pwd:123456注意，同樣是loginok.asp，但顯示的人姓名不一。再隨便敲個http:/localhost/newgn/loginok.asp看看，其自動跳轉到loginbad.html。 今天就把登錄系統(tǒng)好好做下，就夠你用時間的了。還有，再把前面的多多復習，直到閉著眼睛一氣呵成到登錄系統(tǒng)。嘿，說實話，我以前做了不下50遍，現在雖擱了今3個月，但一樣很上手。那多練啊，打基礎啊，呵呵！ 用dreamweaver開發(fā)ASP圖文教程。（查找密碼篇）1，建立第一個頁面 1.asp，其主要作用是讓查找密碼的朋友輸入其用戶名，很簡單的頁面：一個name文本輸入框，和一個submit提交按鈕。2，1.asp中選form標記，在相應的屬性框中，“動作”填寫2.asp，“方法”采用post。3，保存1.asp，在站點里面新建2.asp，并打開它。該頁的作用有兩個：(a)，判斷上一頁，即1.asp所填寫名字在數據庫中是否存在。(b)，不存在應提示出錯，存在則應將該用戶的問題（question）字段內容顯示。具體怎么實現呢？4，2.asp上數據庫已經連好。老方法，先綁定記錄集（“應用程序”面板-“綁定”標簽下“+”“記錄集(查詢)”）。在彈出的“記錄集”中就要好好設置了。最主要的就是“篩選”，選擇name = 表單變量 name。意思是，要顯示數據庫表中字段name的內容，得有個條件，那就是：從上一頁（1.asp）中書寫的name表單內容要和庫中的字段name值相等。5，其實切換到“高級”就可以看到自動生成的SQL代碼，其中就有requeset.form(name)，意思就是把1.asp文本框中輸入的值接受過來。6，在2.asp頁面敲入不存在該用戶的提示語言嘿嘿，這個用戶還沒有注冊，所以你就沒必要找密碼了。換行再敲入存在該用戶的語句。但與此同時還要注意把密碼問題SHOW出來，以及問題的答案做成文本框。7，選中2.asp的form標簽，屬性面板中動作填寫3.asp，方法采用post。3.asp主要就是用來判斷問題和答案是否吻合，如吻合則顯示正確密碼了。注意！是問題和答案在一起。而我們當前只有答案可以傳過去，那我們的問題該怎么傳到3.asp呢？ 8，在“你的密碼問題是：”后面插入光標，然后從“綁定”的“記錄集”中選擇“question”插入或者直接拖入到頁面。注意！這還只是顯示給用戶密碼問題，是不能將此信息傳過去的。那怎么樣才可以呢？9，我們采用“隱藏域”來傳送question的值。插入一“隱藏域”（PS：有人不會插入嗎？呵呵），對“隱藏域”的屬性進行修改：“隱藏區(qū)域”名稱就叫question吧，“值”點擊后面的閃電圖標，彈出對話框中選擇“question”。已經完成對“隱藏域”question的賦值，同樣也可以進行傳遞。10，剩下的就是把2.asp中的兩部分嚴格分開了。選中“嘿嘿，這個用戶還沒有注冊，所以你就沒必要找密碼了。”這段文本?！皯贸绦颉泵姘濉胺掌餍袨椤薄?”“顯示區(qū)域”“記錄為空則顯示區(qū)域”。彈出對話框中選擇剛剛建立的recordset1即可。意思很明顯：如果沒有找到滿足SQL語言查詢的記錄集就顯示該行錯誤提示。 11，同樣，選擇form表單，“應用程序”面板“服務器行為”“+”“顯示區(qū)域”“記錄不為空則顯示區(qū)域”。彈出對話框中選擇剛剛建立的recordset1即可。意思也很清楚：如果有滿足SQL語言查詢的記錄集就顯示問題和答案書寫框。最終效果頁應該如下：總算把2.asp搞定了。總結下，該頁主要起承上啟下的作用。先要判斷有沒有這個用戶，如果有，還有把密碼問題顯示出來，并要能傳送到下一頁3.asp12，那3.asp就要判斷2.asp過來的密碼問題以及答案是否和數據庫中的吻合了。又有兩個作用：不吻合，說明密碼答案錯，返回上頁再來！吻合，那就規(guī)規(guī)矩矩地給人家密碼吧，呵呵。不過有了做2.asp的經驗，做3.asp還不是小菜一碟！13，保存2.asp，在站點新建3.asp并且打開它。老規(guī)矩，綁定記錄集（“應用程序”面板-“綁定”標簽下“+”“記錄集(查詢)”）。在彈出的“記錄集”中就要值得你要小心注意了?！昂Y選”，選擇question = 表單變量 question14，但你有沒有注意到，我們要傳送兩個值給3.asp接受的，但現在只能一個進行選擇。那該怎么辦呢？切換到“高級”SQL的相關代碼。我們要稍加添加。SQL結構查詢語言會一點，模仿能力強一點，呵呵就過來了！“變量”添加一個“MMAnswer”，“運行值”當然就是“request.form(answer)”了然后把SQL語言加一下and answer = MMAnswer看SQL的意思就明白了：必須要求 question and answer和數據庫表中兩字段的值吻合。15，接著，象做2.asp樣快速設計3.asp頁面上書寫不吻合的語句“呵呵，你的問題答案不是這個吧，要不回去再試試？ ”并且選中后，同樣是“應用程序”面板“服務器行為”“+”“顯示區(qū)域”“記錄為空則顯示區(qū)域”。接著是吻合的情況，“你的密碼是：”的后面，從“綁定”“記錄集”中選擇“pwd”插入或者直接拖入到頁面；并且還要選中該部分，“應用程序”面板“服務器行為”“+”“顯示區(qū)域”“記錄不為空則顯示區(qū)域”。16，保存3.asp，大功告成！來調試下。今天主要就是頁面之間的關聯(lián)，還有對SQL的一點運用，以及根據記錄顯示區(qū)域等等。要好好理清楚其原理和邏輯順序。用dreamweaver開發(fā)ASP圖文教程。（修改資料篇）一，本人只能修改自己的；二，管理員可以修改所有人的。那今天先來搞個可以修改自己資料的頁面。順序是：先確認是正確登錄，然后才是自己的資料出現，再接著你才可以修改，對吧。還記得-菜鳥也學DW做ASP。（登錄系統(tǒng)篇）這里面的loginok.asp頁面還在的吧。不在也不要緊。再做一遍，當作練習的。好了吧。loginok.asp主要是個人信息頁面，不同的用戶顯示不同的信息。這個頁要注意的：是一保護頁面，要添加“限制對頁的訪問”的；當然相信你已經做了。那接著就是顯示記錄，來！動手了！1，loginok.asp中“應用程序”面板“綁定”標簽“+”“記錄集”。2，彈出的對話框中，好好設置下！主要是篩選那塊：name=階段變量MM_username。3，切換到“高級.”其實就是生成了SQL：SELECT*FROMuserWHEREname=MMColParam，并且MMColParam是一變量，運行的時候被賦上Session(MM_username)值。很好理解，loginok.asp所綁定以及要顯示的記錄，有一條件：就是按WHERE后面的去找。不愁找不到！因為只有當Session(MM_username)不存在才找不到。而如果Session(MM_username)不存在那說明這家伙根本還沒有正確登錄。呵呵，有點像雞和雞蛋的問題。4，其實，這個時候你只要選擇“應用程序”-“更新記錄表單”就可以做我們的修改了。但個人感受，先不去用這個，采用其它的辦法同樣可以，并且還能學到更多的知識。何樂而不為？5，下面，那就跟我來。再讓你學一手主詳細頁面的制作。有關主詳細頁，顧名思義。先來個籠統(tǒng)的顯示（主要的），對哪個感興趣，常會來個“詳情請進”。當然在這個頁子里面是沒有多大用處的，因為主來詳去就你一個用戶信息。但如果是管理員的頁面呢？對這個用戶具體查看一下就要用到了。6，在彈出的對話框中，記錄集Recordset1無需理會，主頁字段意思就是在主頁面上要顯示的字段信息。因為是主，其他不要顯示的字段就一個個按“”刪除吧，主得只剩下大名name。那下面的連接到詳細信息就只有選擇“name”了?！皞鬟f唯一鍵”就選自動編號ID吧，當然其他的也可以選，但一定要確認你所選的在數據庫表中一定要有內容。比如一些人注冊的時候QQ號碼不一定寫，那這時候你就不能選oicq做為“傳遞唯一鍵”（所謂“傳遞唯一鍵”，就是asp中傳遞URL參數值。君不見xxx網址是/blog/showl