dreamweaver開發(fā)動態(tài)as網(wǎng)教程與實(shí)例

使用dreamweaver進(jìn)行asp網(wǎng)頁開發(fā)11/30/2013lyangyapengSql：用戶信息的存儲Iis：sql和dreamweaver的橋梁Dreamweaver：對asp進(jìn)行編輯制作Asp動態(tài)網(wǎng)頁工作需要的環(huán)境通過網(wǎng)頁瀏覽器與用戶進(jìn)行交互Sql的配置1.需要在服務(wù)器上安裝Sql軟件，并建立所需的數(shù)據(jù)庫文件且設(shè)置好各個數(shù)據(jù)的數(shù)據(jù)類型、是否可以為空等屬性；Sql的配置2.給所建立的新數(shù)據(jù)庫分配一個賬號和密碼，該賬號需要有對此數(shù)據(jù)庫的完全控制權(quán)IIS的安裝Windows系統(tǒng)默認(rèn)并沒有開啟IIS服務(wù)，所以需要自己開啟。Winxp開啟方法如下：進(jìn)入“控制面板”，依次選“添加/刪除程序→添加/刪除Windows組件”，勾選“Internet信息服務(wù)（IIS）”中的Web、FTP、NNTP和SMTP等全部四項(xiàng)服務(wù)，點(diǎn)擊確定。根據(jù)提示進(jìn)行安裝即可。Win7的安裝方法與winxp類似。測試安裝是否成功的方法如下：打開瀏覽器，在地址欄輸入：

http://localhost/iishelp回車；若進(jìn)入IIS幫助頁面，則證明安裝成功（win7系統(tǒng)下為歡迎頁面）。IIS的安裝IIS的配置IIS在使用之前需要進(jìn)行一些必要的設(shè)置，方法如下：1.進(jìn)入“控制面板”，依次選擇“管理工具→internet信息服務(wù)”。IIS的配置右鍵單擊“默認(rèn)網(wǎng)站”——“新建”——“虛擬目錄”，進(jìn)入虛擬目錄創(chuàng)建向?qū)В凑障聢D進(jìn)行配置。虛擬目錄用來存儲我們制作的網(wǎng)頁，只有在虛擬目錄內(nèi)的動態(tài)網(wǎng)頁才能被IIS執(zhí)行，實(shí)現(xiàn)網(wǎng)頁和數(shù)據(jù)庫之間的交互。dreamweaver的安裝目前有很多網(wǎng)頁開發(fā)軟件，如MicrosoftVisualStudio，dreamweaver等，dreamweaver具有的優(yōu)勢是圖形化界面，不需要進(jìn)行非常繁雜的代碼編寫，所做即所得，比較適合網(wǎng)頁開發(fā)入門使用。Dreamweaver8安裝成功后的開始界面如下：Dreamweaver站點(diǎn)的配置首先我們需要新建一個站點(diǎn)，站點(diǎn)目錄與IIS服務(wù)器中設(shè)置的虛擬目錄相同，使我們設(shè)計(jì)的asp網(wǎng)頁能夠被IIS識別和運(yùn)行。方法如下：單擊程序窗口右側(cè)“文件”標(biāo)簽組中“文件”——“管理站點(diǎn)”——“新建”——“站點(diǎn)”，打開如下頁面進(jìn)行配置：在新建建的站站點(diǎn)目目錄下下新建建一個個asp格式網(wǎng)網(wǎng)頁，，打開開，在在body部分添添加如如下語語句：：<%Response.Write(now)%>保存，，在瀏瀏覽器器中預(yù)預(yù)覽，，如顯顯示當(dāng)當(dāng)前日日期（（如圖圖），，則表表示站站點(diǎn)配配置成成功，，IIS正常工工作。。Dreamweaver站點(diǎn)的的配置置Dreamweaver與SQL數(shù)據(jù)庫庫連接接1.點(diǎn)擊數(shù)數(shù)據(jù)庫庫面板板左上上角的的“+”號，，選擇擇“數(shù)數(shù)據(jù)源源名稱稱（DSN）”；；2.點(diǎn)擊““定義義”；；Dreamweaver與SQL數(shù)據(jù)庫庫連接接3.選擇““系統(tǒng)統(tǒng)DSN”——“添加加”；；Dreamweaver與SQL數(shù)據(jù)庫庫連接接4.選擇““SQLServer”——“完成成”；；Dreamweaver與SQL數(shù)據(jù)庫庫連接接5.填入名名稱，，若SQL服務(wù)器器在本本機(jī)，，則服服務(wù)器器處填填寫““（local）”；；下一步步；Dreamweaver與SQL數(shù)據(jù)庫庫連接接6.使用SQLServer驗(yàn)證，，登陸陸ID和密碼碼就是是配置置SQLServer服務(wù)器器時所所分配配的賬賬號密密碼；；一路路“下下一步步”完完成設(shè)設(shè)置；；Dreamweaver與SQL數(shù)據(jù)庫庫連接接Dreamweaver與SQL數(shù)據(jù)庫庫連接接7.回到““數(shù)據(jù)據(jù)源名名稱（（DSN）”，，如圖圖所示示設(shè)置置；確確定；；Dreamweaver與SQL數(shù)據(jù)庫庫連接接至此，dreamweaver與SQL數(shù)據(jù)庫的的連接已已經(jīng)完成成。準(zhǔn)備工作作建立好一一系列的的網(wǎng)頁文文件，便便于后續(xù)續(xù)的網(wǎng)頁頁制作中中各個網(wǎng)網(wǎng)頁間的的調(diào)用；；制作網(wǎng)頁頁所要用用到的圖圖片素材材可放到到事先建建立的image文件夾中中；登陸界面面的設(shè)計(jì)計(jì)1.打開“l(fā)ogin.asp”，先做做好登陸陸界面框框架，然然后在““服務(wù)器器行為””面板添添加“登登錄用戶戶”；如圖填寫寫Dreamweaver與SQL數(shù)據(jù)庫連連接登陸頁面面代碼最終效果果如下主顯示頁頁面（index.asp）制作：：1.首先設(shè)計(jì)計(jì)如下界界面主顯示頁頁面（index.asp）制作：：2.綁定記錄錄集應(yīng)用程序序面板—綁定—“+”—記錄集，，如圖填填寫主顯示頁頁面（index.asp）制作：：主顯示頁頁面（index.asp）制作：：主顯示頁頁面（index.asp）制作：：主顯示頁頁面（index.asp）制作：：主顯示頁頁面（index.asp）制作：：修改頁面面（update.asp）制作1.先設(shè)計(jì)好好界面修改頁面面（update.asp）制作2.綁定記錄錄集修改頁面面（update.asp）制作3.添加“更更新記錄錄”修改頁面面（update.asp）制作修改頁面面（update.asp）制作刪除頁面面（delete.asp）的制作作1.設(shè)計(jì)頁面面刪除頁面面（delete.asp）的制作作2.綁定記錄錄集刪除頁