一、添加表單、布局表格
成都創(chuàng)新互聯公司是一家集網站建設,樂清企業(yè)網站建設,樂清品牌網站建設,網站定制,樂清網站建設報價,網絡營銷,網絡優(yōu)化,樂清網站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網站。
1、新建文檔,保存為write.asp這個頁面是簽寫留言的。首先要插入一個表單見圖2。
二、添加表單域
1、姓名:在姓名對應的表格里添加文本字段,在屬性面板上取名為name見圖4,這樣做是為了與數據庫的字段名字相對應。
圖4 姓名對應的表單域命名
2、OICQ、EMAIL、個人主頁的表單域的添加方法同上,均為文本字段,分別命名為:OICQ|oicq,EMAIL|mail,個人主頁|homepage。
3、頭像:在相對應的單元格里分別插入用戶頭像圖片,然后添加對應的單選按鈕命名為:tx。
4、性別:在姓名對應的表格里添加兩個單選按鈕,選中性別男單選按鈕:在屬性面板為它改名為sex選定值為男,初始狀態(tài)-已勾選,
設置見圖5。 選中性別女單選按鈕:在屬性面板為它改名為sex選定值為女,初始狀態(tài)-未選中,方法同上。
圖5 性別男:對應表單域單選按鈕的設置
5、提交與重置按鈕:在最下面的單元格添加兩個按鈕,選中提交按鈕:在屬性面板為它改名為Submit,標簽選提交,動作-提交表單,
設置見圖6。 選中重置按鈕:在屬性面板為它改名為Submit2,標簽選重置,動作-重設表單,方法同上。
圖6 提交按鈕屬性
6、添加隱藏區(qū)域:在提交按鈕旁單擊添加隱藏區(qū)域,在屬性面板里為它改名為IP,在值里添加代碼 %= Request("remote_addr") %
這段代碼是獲取客戶端IP的,見圖7。
三、定義提交按鈕的服務器行為
1、選中的整個表格,打開服務器行為面板,單擊“+”按鈕選擇菜單下的插入記錄,見圖9。
圖9 服務器行為-插入記錄
2、設置表單域與數據庫字段名一一對應,在表單元素里分別依次選中元素,在下面的列里選擇與數據庫相對應的域,見圖10。
圖10 插入記錄對話框
四、定義表單提交的錯誤檢查(行為面板)
1、簽寫留言時為了避免有錯誤信息的寫入,添加表單提交的錯誤檢查功能。打開設計面板下的行為面板,單擊"+"選擇檢查表單,見圖11。
圖11 設計-行為-檢查表單
2、設置表單域和檢查事件:name選擇必需的,ociq選擇數字,mail選擇必需的和電子郵件,homepage不選,liuyan選擇必需的,見圖12。
一、控制一頁顯示留言數和翻頁按鈕
先介紹應用程序下的按鈕:記錄集導航條:翻頁功能按鈕,記錄集導航條狀態(tài):顯示留言數量功能按鈕,見圖1。
圖1 應用程序-記錄集導航條/記錄集導航狀態(tài)
1、光標移到頁面下方,單擊記錄集導航狀態(tài)就會彈出記錄集導航狀態(tài)對話框,見圖2。
圖2 記錄集導航狀態(tài)對話框
2、再回車另起一行,單擊記錄集導航條就會彈出記錄導航對話框,記錄導航條將以文字方式顯示,見圖3。
圖3 記錄集導航條對話框
這樣我們就完成了顯示留言數量和翻頁按鈕,見圖4。
圖4 已加好翻面和顯示留言數功能
二、留言內容顯示問題
1、現在main.asp文件基本完成。當然,你會想到:如果我們輸入一些html代碼,會怎么樣呢? 我們來輸入一行html代碼試一下,輸入: font color="#0000FF" size="7" 測試 /font ,結果見圖5,這個當然是不安全的。也就是為什么決大部分論壇不支持html的原因。
再測試看看,用戶的留言如果很長,表格會自動撐大(文字不會自動換行)??!
2.、為了解決以上問題,我們將原來綁定到留言單元格中的記錄集字段( %=(Recordset1.y_liuyan)% )刪除,添加“文本區(qū)域”,添加好后的文本區(qū)域見圖7。
圖7 添加好的文本區(qū)域
3、然后選中剛才添加的文本區(qū)域,在屬性面板里點擊打開動態(tài)數據對話框,添加動態(tài)留言文本字段y_liuyan,見圖8。
圖8 為文本區(qū)域添加動態(tài)數據
現在可以在留言試試看,表格自動換行,而且不支持html代碼了,留言內容的顯示問題也可以借助Dreamweaver MX的插件來實現的。
如果制作的不是動態(tài)程序,比如php等程序,制作的僅僅是html網站,則不需要填寫配置服務器選項。
如果制作的是動態(tài)程序,需要在電腦內安裝相應的網頁服務器,并開通服務器,如果在本機運行程序,連接方式則選擇“本地”,“服務器文件夾”可以選擇站點文件夾,在“web url”填寫本機主頁ip地址,比如:等等
如果有安裝網頁服務器的經驗,對動態(tài)程序有了解,那么在dreamweaver里配置服務器不會很難。建議使用最新版dreamweaver,建立動態(tài)程序站點比舊版本更方便一些。
首先打開DW,找到數據庫 選項卡:
這里是說,要完成連接數據庫操作 需要完成3步。那么好,我們按步驟來做:
1、搞定創(chuàng)建站點
點擊藍色“站點”,彈出如下界面
站點命名
服務器技術
編輯和測試文件存放位置,我們都在本地開發(fā)的,所以都在本地文件存在的位置就選你網站代碼的位置
定義瀏覽器打開預覽時url路徑,我這里是:,注意這個路徑一定是可以訪問的路徑,就是在瀏覽器中能打開,否則4步的mysql會報連接不成功的操作
是否共享文件,這個是用來團隊開發(fā)的,點否
OK,下一步,完成,收功。這樣我們就完成了第一步,多出來一個√,增加了一個第四步。
2、搞定文檔類型
點擊藍色“文檔類型”,彈出如下界面
我們用的PHP,這里選擇PHP
完成,ok,第二步搞定??从侄喑鲆粋€√。
3、搞定測試服務器
點擊藍色“測試服務器”,彈出如下界面
顯示我們第一步已經配置過的內容,直接點確認
完成,ok,但是并沒有按照預想多出一個√,沒事,繼續(xù)。
4、創(chuàng)建MYSQL連接
點擊上圖紅色箭頭指的+,出來Mysql連接,點擊,彈出如下界面
依次輸入你本地的信息,如我這里輸入的
然后點選取,彈出你的數據庫,選擇你的項目news所用的數據庫。確定,確定,ok,完成。