既然是用DreamWeaver MX來做ASP頁面,那DreamWeaver MX軟件肯定是少不了,當然以後會要連接到數據庫,所以一些數據庫管理軟件(DBMS)比如微軟的Access或者SQL Server等,也是必須的。這些都是做用ASP的元素材料了。但一般情況下,做成的ASP頁面是需要調試的。介於ASP腳本語言是在服務器端IIS或PWS中解釋和運行,並可動態生成普通的HTML網頁,然後再傳送到客戶端供浏覽的這一特點。我們要在本機上進行調試,那就要求我們的個人電腦具有服務器的功能。
不要看到“服務器”三個字就感到擔心:我的機子配置這麼底,性能這麼差,是不是不能配啊。放心!配個服務器,就是多裝個軟件,況且就自己一個人用,根本沒有必要多慮。那具體的裝個什麼軟件呢?剛才我們也看到了是在“IIS或PWS中解釋和運行”,很明顯,裝IIS或者PWS就可以了。
IIS為何物?IIS是Internet Information Server的縮寫,它是微軟公司主推的Web服務器。那PWS呢?它就顯得有些古老了:)早期在WIN98,當然現在仍有人采用的操作系統,PWS(Personal Web Server)是一般用戶最容易得到的web服務器: 在win98的安裝盤的Add_on\pws目錄下就可以找到pws的安裝程序。而對於IIS是我們所推薦的,也是大部分朋友在使用的,有必要。
1,打開控制面板
2,在控制面板中選擇“添加/刪除Windows組件”,打開窗口
3,點擊“添加/刪除Windows組件”後稍等片刻。出現“Windows組件向導”窗口。從中打勾“選擇Internet信息服務(IIS)”
4,在“Windows組件向導”中單擊“下一步”。開始安裝配置我們的服務器IIS。
5,等待進度條跑到終點。。。終於復制文件全部完成,配置服務器也相應的結束。
6,IIS服務器算是安裝OK了,那具體有什麼用處?又該如何使用呢?
首先IIS的作用之一就是可以解釋執行ASP網頁代碼,並將結果顯示出來。當然就現在而言,你的機器充當的既是服務器端,又是客戶端,該技術對你來說是透明的,你不需要也沒必要去研究它的原理,就這樣去理解去應用。
那打開你的浏覽器,隨便IE,NS,TE還是MYIE,只要是能浏覽網頁的浏覽器,在其地址欄輸入:http://localhost/ 查看即可。出現當前該窗口就表示已經成功了:WEB服務正在運行!
7,這,就行了?你知道下面怎麼辦呢?很是沒頭緒,對吧。費盡心思學到現在,就是看了人家的一個ASP頁面。
那我自己做,調試自己的ASP網頁又該如何呢?
首先,你得想好你的ASP文件總要放在一個地方吧。
行,打開“我的電腦”,在E盤下面建立一個“myasp”文件夾,以後所有的ASP文件先暫時放到這裡吧。
8,然後,從“開始”菜單,“程序”—“附件”—打開“記事本”。
在裡面敲入
<%=now()%>
9,接著將文件保存到E:\myasp\文件夾裡面,並且命名為time.asp
10,一個很簡單的ASP文件就OK了,下面我們怎麼辦?一句話:調試。
怎麼調試?還是輸入我們剛才的http://localhost/ ?很顯然是不行的。
那這時候是不是難點來了:我該如何調試我自己定義的一個文件夾裡的ASP文件呢?
同樣,一句話:用虛擬目錄。那什麼是虛擬目錄?又該如何建立一個虛擬目錄呢?
(引一段話:要從主目錄以外的其他目錄中進行發布,就必須創建虛擬目錄。“虛擬目錄”不包含在主目錄中,但在顯示給客戶浏覽器時就象位於主目錄中一樣。虛擬目錄有一個“別名”,供 Web 浏覽器用於訪問此目錄。別名通常要比目錄的路徑名短,更便於用戶輸入。使用別名更安全,因為用戶不知道文件是否真的存在於服務器上,所以便無法使用這些信息來修改文件。)
對初學者而言不必理會,重在實踐,用多了自然會理解這段話的意思。
大體上就是讓我剛才的myasp文件夾用一個代號來標記,比如就標記為myasp,那我調試的時候只要輸入:http://localhost/ myasp/time.asp 就可以調試了。
11,那如何標記呢?也就是如何建立一個虛擬目錄呢?
從“控制面板”裡面打開“管理工具”
從中選擇“Internet服務管理器”
12,彈出的窗口中右鍵“新建”—“虛擬目錄”。
13,彈出“虛擬目錄創建向導”。
下一步,填寫別名:myasp。
再下一步,目錄:浏覽到E:\myasp即可。
緊跟一步,訪問的權限一定要把“讀取”和“運行腳本”打勾。
最終點擊“完成”。
14,結果如下:
15,那麼剩下的就是調試該time.asp了。
在“Internet信息服務”裡面右鍵time.asp,選擇“浏覽”。
16,最終頁面如下:
17,看!就這麼簡單,你已經ASP入門了。但我們的學習遠遠不止這些。而且我們剛才的ASP是用記事本寫出來的,這樣的效率,這樣的方法也不是菜鳥的首選。我們要用DreamWeaver MX。
用DreamWeaver MX我們可以很快速地做注冊登錄,信息發布,文章管理,留言論壇等各類動態的網頁。心動不?呵呵,慢慢來吧。
1,打開電腦,在D盤下建立一文件夾newgn(這個夾子就是你的站點存放點了),並且在裡面建幾個子文件夾(就好似你網站的子目錄)
2,回到newgn的根目錄,右鍵選擇“共享和安全”(其實是快速地建立虛擬目錄)
3,出現屬性對話框後,選擇“Web共享”標簽,點選“共享文件夾”,出現共享別名對話框,選擇默然設置,確定即可。
4,補充說明。其實設置Web共享就是設置IIS的虛擬目錄。你可以查看到IIS中默認網站中已經有了newgn(附注:偶的OS是win2003的,其實有關IIS的操作一回事。如: win2K裡面打開IIS---本地計算機---默認站點)
5,以上步驟完成了建站,設虛擬目錄,下面就是把Dreamweaver打開了。第一步就是“編輯站點”了。
6,選擇“編輯站點”,在彈出的屬性框中選“高級”標簽,從“分類”中先選“本地信息”,右窗口中設置站點名稱(隨便輸入,但自己要清楚其代表的意思,推薦和你站點的根文件名同),本地根文件夾(這時候就指向到我們在步驟1中建的文件夾了)。
7,然後設置遠程信息,訪問選擇“本地/網絡”,遠端文件夾仍選擇我們的站點文件夾d:\newgn\
8,再接著“測試服務器”,“服務器模型”暫為ASP VBScript,“訪問”本地/網絡,“測試服務器文件夾”仍是我們的站點文件夾d:\newgn\,“URL前綴”在http://localhost後面添加“newgn/”,添加的東西就是我們步驟3中設置的虛擬目錄
9,這時,站點定義基本結束,點擊確定。出現“編輯站點”對話框,“完成”即可。
10,此時DW的站點屬性框中就將d:\newgn\內所有內容映射過來,在此需要提醒的是:DW中建好了站點連接,就可直接在DW中對其對應的文件、文件夾操作,最好不要回到我的電腦d:\newgn\裡面去操作。
【 能在DW中操作的,盡量不要離開DW的編輯環境 】
注:本文在寫之初,因對數據庫表以及對字段的命名(主要即是關於SQL關鍵字)認識尚還不夠,使得本文在一定程度上的缺陷。幸得各位朋友指點。所以,在此推薦大家命名表或字段時,盡量不要采用SQL關鍵字(比如name,user等),建議加前綴(比如cn_name,cn_user等)
1,首先確認站點根目錄下有專門的數據庫存放目錄,比如d:\newgate下面的database文件夾(有則Ok,無則新建)。
接著打開Microsoft Access DBMS,"文件"---“新建...”數據庫,在彈出的對話框中選擇存放路徑並命名。
2,在新建的數據庫中“使用設計器創建表”,彈出的“表1”中設計你的相關字段,注意各自的“數據類型”,還有一點很重要:字段ID,類型自動編號,並選擇它定為主鍵。
3,設計完“表1”後,直接關閉該窗口,在彈出對話框中點擊“是”保存“表1”命名為user。
此時一點需要提到:剛剛強調的設置字段id相關是必須的,否則在保存之後還會出現如下對話框,其效果還是設置類型是自動編號的關鍵字段。
4,這時候數據庫表user已經建立完畢。
5,雙擊數據庫表user,小添試一下,在彈出的user表中輸入相關內容。關閉保存。
至此對數據庫、表、字段的建立保存工作完畢。下面就開始動用DW操縱mdb文件了。
站點建了,DW也管理了,數據庫表也建了,還小添了一下。那下面就開用DW還算強大的功能:連接數據庫並且顯示紀錄。
1,打開DW,在站點裡面先新建個ASP頁面(index.asp)。 在“應用程序”面板中選中“數據庫”標簽。只要我們在前面建立了站點,選擇了文檔類型(即我們選的ASP Javascript的),並且還測試了服務器(http://localhost/newgn/);則當前我們看到就剩下第四步沒有打勾了。
那現在就點擊“+”號,選擇“自定義連接字符串”。
2,在彈出來的“自定義連接字符串”對話框中,"連接名稱"隨便寫一個。“連接字符串”就要好好填寫了。當"使用此計算機上的驅動程序"時應用絕對路徑:
DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d:\newgn\database\cnbruce.mdb
否則“使用測試服務器上的驅動程序”采用Mappath轉換路徑 :
"Driver={Microsoft Access Driver (*.mdb)};DBQ="& server.mappath("/newgn/database/cnbruce.mdb")
注:如果將要上傳到網上去的頁子就可以直接采用Mappath了。(有關Mappath的文章見http://www.cnbruce.com/blog/showlog.asp?cat_id=26&log_id=423 )
點擊“測試”,出現成功即爽。
附注:需要更多了解的,可以打開DW的幫助教程。
3,成功連接數據庫後,在DW裡其實是自動生成了一個連接文件。位置在自動生成的Connections文件夾中,名稱是你剛才在“自定義連接字符串”隨便敲的為命名asp文件。還可以注意到DW數據庫標簽內看到mdb文件內的各個字段。
4,連接數據庫的文件是有了,但下面我們具體的單個頁面怎麼和數據庫掛鉤呢。選擇“綁定”標簽,添加“記錄集(查詢)”。單看字面意思就知道是來SQL查詢語句了。
5,在彈出的“記錄集”窗口中,“名稱”隨便寫個吧,也可不寫,默認的。但"連接"就要從下拉列表中選擇你定義的連接對象了,“表格”繼續下拉選擇(注:這和設計數據庫的時候有幾張表相關的)。
6,其它隨便看下,其實最主要的是自動生成了SQL語言,點選“高級...”,可以看到如下圖
7,確定後,你會發現記錄集已經綁定,所有數據庫中的字段都顯現出來。
再注意下面有“插入”按鈕,完全可以將某個字段選中,或按按鈕或拖動到index.asp頁面即可。該asp頁面就顯示數據庫裡面內容了。但只能顯示首行的,要想全部顯示。。。。Next
8,“插入”工具欄“應用程序”標簽中選擇“動態表格”。
9,彈出的動態表格中選擇已經幫定的記錄集,顯示幾條記錄明白說就是分頁程序的生成:數據的記錄多,內容多,就分好幾頁來顯示,每頁幾條。記錄是用表格自動生成顯示出來的,再設下表格的屬性。
確定後效果如下:
10,可以告訴你,基本差不多了。F12看看效果
那麼現在暫搞一段落,你已經學會怎麼連數據庫,怎麼顯示庫表中的記錄了。等待你的就是下面怎麼插入新的記錄,怎麼修改記錄等等。。。。
1, 在站點裡右鍵新建一文件regist.asp用來做注冊頁面;同樣,因為在此之前已經建了和數據庫連接的文件conn.asp,該文件是全站點有效的。所以在你新建的regist.asp中的“應用程序”----“數據庫”標簽裡面就自動有了"conn"。這一步是只要開始做第一步,以後都不要添加的(除非要連另外的數據庫)。
今天主要是登錄系統的實現
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:有人不會插入嗎?呵呵),對“隱藏域”的屬性進行修改:“隱藏區域”名稱就叫"question"吧,“值”點擊後面的閃電圖標,彈出對話框中選擇“question”。已經完成對“隱藏域”question的賦值,同樣也可以進行傳遞。
10,剩下的就是把2.asp中的兩部分嚴格分開了。
選中“嘿嘿,這個用戶還沒有注冊,所以你就沒必要找密碼了。”這段文本。
“應用程序”面板“服務器行為”“+”“顯示區域”“記錄為空則顯示區域”。
彈出對話框中選擇剛剛建立的recordset1即可。
意思很明顯:如果沒有找到滿足SQL語言查詢的記錄集就顯示該行錯誤提示。
11,同樣,選擇form表單,“應用程序”面板“服務器行為”“+”“顯示區域”“記錄不為空則顯示區域”。
彈出對話框中選擇剛剛建立的recordset1即可。
意思也很清楚:如果有滿足SQL語言查詢的記錄集就顯示問題和答案書寫框。
最終效果頁應該如下:
總算把2.asp搞定了。總結下,該頁主要起承上啟下的作用。先要判斷有沒有這個用戶,如果有,還有把密碼問題顯示出來,並要能傳送到下一頁3.asp
12,那3.asp就要判斷2.asp過來的密碼問題以及答案是否和數據庫中的吻合了。
又有兩個作用:不吻合,說明密碼答案錯,返回上頁再來!吻合,那就規規矩矩地給人家密碼吧,呵呵。
不過有了做2.asp的經驗,做3.asp還不是小菜一碟!
13,保存2.asp,在站點新建3.asp並且打開它。老規矩,綁定記錄集(“應用程序”面板--“綁定”標簽下“+”“記錄集(查詢)”)。
在彈出的“記錄集”中就要值得你要小心注意了。
“篩選”,選擇"question" "=" "表單變量" "question"
14,但你有沒有注意到,我們要傳送兩個值給3.asp接受的,但現在只能一個進行選擇。那該怎麼辦呢?切換到“高級”SQL的相關代碼。我們要稍加添加。
SQL結構查詢語言會一點,模仿能力強一點,呵呵就過來了!
“變量”添加一個“MMAnswer”,“運行值”當然就是“request.form("answer")”了
然後把SQL語言加一下and answer = 'MMAnswer'
看SQL的意思就明白了:必須要求 question and answer和數據庫表中兩字段的值吻合。
15,接著,象做2.asp樣快速設計3.asp
頁面上書寫不吻合的語句“呵呵,你的問題答案不是這個吧,要不回去再試試? ”並且選中後,同樣是“應用程序”面板“服務器行為”“+”“顯示區域”“記錄為空則顯示區域”。
接著是吻合的情況,“你的密碼是:”的後面,從“綁定”“記錄集”中選擇“pwd”插入或者直接拖入到頁面;
並且還要選中該部分,“應用程序”面板“服務器行為”“+”“顯示區域”“記錄不為空則顯示區域”。
16,保存3.asp,大功告成!來調試下。
今天主要就是頁面之間的關聯,還有對SQL的一點運用,以及根據記錄顯示區域等等。
要好好理清楚其原理和邏輯順序。
今天是學習怎麼做修改資料的ASP頁面