Dreamweaver制作數據庫頁面（DOC40頁）.doc

1、首先確認站點根目錄下有專門的數據庫存放目錄，比如d:newgate下面的database文件夾（有則Ok，無則新建）。接著打開Microsoft Access，文件-“新建.”數據庫，在彈出的對話框中選擇存放路徑并命名。 2、在新建的數據庫中“使用設計器創(chuàng)建表”，彈出的“表1”中設計你的相關字段，注意各自的“數據類型”，還有一點很重要：字段ID，類型自動編號，并選擇它定為主鍵。 3、設計完“表1”后，直接關閉該窗口，在彈出對話框中點擊“是”保存“表1”，并重新命名為user。 此時一點需要提到：剛剛強調的設置字段id相關是必須的，否則在保存之后還會出現如下對話框，其效果還是設置類型是自動編號的關鍵字段。 4、這時候數據庫表user已經建立完畢。 5、雙擊數據庫表user，小添試一下，在彈出的user表中輸入相關內容。關閉保存。 至此對數據庫、表、字段的建立保存工作完畢。下面就開始動用DW操縱mdb文件了。 1、打開DW，在站點里面先新建個ASP頁面（index.asp）。 在“應用程序”面板中選中“數據庫”標簽。只要我們在前面建立了站點，選擇了文檔類型（即我們選的ASP Javascript的），并且還測試了服務器（http:/localhost/newgn/）；則當前我們看到就剩下第四步沒有打勾了。那現在就點擊“+”號，選擇“自定義連接字符串”。 2、在彈出來的“自定義連接字符串”對話框中，連接名稱隨便寫一個。“連接字符串”就要好好填寫了。DRIVER=Microsoft Access Driver (*.mdb);DBQ=d:newgndatabasecnbruce.mdb 這在手工編寫ASP連接數據庫代碼中很普遍(相關文章見/dispbbs.asp?boardID=19&ID=172) 點擊“測試”，出現成功即爽。 附注：需要更多了解的，可以打開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看看效果 那么現在暫搞一段落，你已經學會怎么連數據庫，怎么顯示庫表中的記錄了。等待你的就是下面怎么插入新的記錄，怎么修改記錄等等。 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只能注冊一個?！叭绻汛嬖冢瑒t轉到”表示假如有重復的現象該怎么辦呢？那就跳到一個出錯頁面提示。當然這頁也還沒建，先寫個文件，和剛才的registok.html一樣記得馬上補上去。9、做一些細節(jié)性的動作，比如表單里面哪些必須添啊，哪些一定要是數字啊，email地址要包含一個和兩個.號啊等等。注意先選擇“提交”按鈕?！霸O計”面板“行為”中選擇“檢測表單”。彈出的對話框中就可以很輕易的點取設置了10、再做下剛剛沒有的兩個頁子吧：registok.html和registbad.htmlregistok.html頁面內容大概是“注冊成功，請登錄”（當然登錄系統(tǒng)是下一篇我要寫的）。registbad.html頁面內容大概就是“呵呵，對不起，有這個用戶了，還是麻煩你重新注冊下。返回！”還有注意下，把“密碼提示問題”和“密碼提示答案”也填下，以后講到“找回密碼系統(tǒng)”的時候會用到。今天的注冊系統(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，“應用程序”-“綁定”-“階段變量” 9、彈出的階段變量對話框中，根據第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個月，但一樣很上手。那多練啊，打基礎啊，呵呵！1、建立第一個頁面 1.asp，其主要作用是讓查找密碼的朋友輸入其用戶名，很簡單的頁面：一個name文本輸入框，和一個submit提交按鈕。 2、1.asp中選form標記，在相應的屬性框中，“動作”填寫2.asp，“方法”采用post。 3、保存1.asp，在站點里面新建2.asp，并打開它。該頁的作用有兩個：(1)判斷上一頁，即1.asp所填寫名字在數據庫中是否存在。(2)不存在應提示出錯，存在則應將該用戶的問題（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搞定了?？偨Y下，該頁主要起承上啟下的作用。先要判斷有沒有這個用戶，如果有，還有把密碼問題顯示出來，并要能傳送到下一頁3.asp。12、那3.asp就要判斷2.asp過來的密碼問題以及答案是否和數據庫中的吻合了。 又有兩個作用：不吻合，說明密碼答案錯，返回上頁再來！吻合，那就規(guī)規(guī)矩矩地給人家密碼吧，呵呵。 不過有了做2.asp的經驗，做3.asp還不是小菜一碟！ 13、保存2.asp，在站點新建3.asp并且打開它。老規(guī)矩，綁定記錄集（“應用程序”面板-“綁定”標簽下“+”“記錄集(查詢)”）。 在彈出的“記錄集”中就要值得你要小心注意了。 “篩選”，選擇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，大功告成！來調試下。 今天主要就是頁面之間的關聯，還有對SQL的一點運用，以及根據記錄顯示區(qū)域等等。要好好理清楚其原理和邏輯順序。1、loginok.asp中“應用程序”面板“綁定”標簽“+”“記錄集”。 2、彈出的對話框中，好好設置下！主要是篩選那塊：name=階段變量MM_username。 3、切換到“高級.”其實就是生成了SQL：SELECT * FROM user WHERE name=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/showlog.asp?cat_id=27&log_id=219，那“？”后面的是什么玩意，cat_id就是參數，27就是值，當然后面不光只要一個參數，多個參數就用&連起來。當然這些東西，學asp的（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.asp。12、那3.asp就要判斷2.asp過來的密碼問題以及答案是否和數據庫中的吻合了。 又有兩個作用：不吻合，說明密碼答案錯，返回上頁再來！吻合，那就規(guī)規(guī)矩矩地給人家密碼吧，呵呵。 不過有了做2.asp的經驗，做3.asp還不是小菜一碟！ 13、保存2.asp，在站點新建3.asp并且打開它。老規(guī)矩，綁定記錄集（“應用程序”面板-“綁定”標簽下“+”“記錄集(查詢)”）。 在彈出的“記錄集”中就要值得你要小心注意了。 “篩選”，選擇question = 表單變量 question14、但你有沒有注意到，我們要傳送兩個值給3.asp接受的，但現在只能一個進行選擇。那該怎么辦呢？切換到“高級”SQL的相關代碼。我們要稍加添加。 SQL結構查詢語言會一點，模仿能力強一點，呵呵就過來了！ “變量”添加一個“MMAnswer”，“運行值”當然就是“request.form(answer)”了 然后把SQL語言加一下and answer = MMAnswer?？碨QL的意思就明白了：必須要求 question and answer和數據庫表中兩字段的值吻合。 15、接著，象做2.asp樣快速設計3.asp頁面上書寫不吻合的語句“呵呵，你的問題答案不是這個吧，要不回去再試試？ ”并且選中后，同樣是“應用程序”面板“服務器行為”“+”“顯示區(qū)域”“記錄為空則顯示區(qū)域”。接著是吻合的情況，“你的密碼是：”的后面，從“綁定”“記錄集”中選擇“pwd”插入或者直接拖入到頁面；并且還要選中該部分，“應用程序”面板“服務器行為”“+”“顯示區(qū)域”“記錄