經(jīng)過一些時間,千呼萬喚始出來,不好意思,讓大家久等了。
上次做的留言板只能顯示數(shù)據(jù),讓我們賦于它生命吧,讓這個留言板把網(wǎng)友們互動起來,大家可以積極發(fā)言,討論侃山。首先要做一個寫留言的網(wǎng)頁,為了簡單化,我們把寫入留言的網(wǎng)頁和提交保存留言的網(wǎng)頁分成兩個,這樣容易看懂,方便學(xué)員分析。
我們先做寫入留言的網(wǎng)頁,靜態(tài)或動態(tài)網(wǎng)頁均可,不需要任何ASP代碼,最好建個靜態(tài)文件,這樣瀏覽速度快,不增加服務(wù)器負(fù)擔(dān),也不是說全是ASP網(wǎng)頁就好哦,有必要的時候該出手就出手。海┲恍杼峁⿲懥粞缘慕缑孀尵W(wǎng)友填均可,新建write.htm,排版如下圖:
注意給各個文本域命名,最好和數(shù)據(jù)表里的各個字段相同,這樣賦值的時候容易對應(yīng),不會出錯。然后選中紅色虛線的表單,在屬性欄里action欄里填入save.asp,這是將來接收網(wǎng)友的留言并保存到數(shù)據(jù)庫里,我們后面會接著做這個網(wǎng)頁。如下圖:
寫留言的表單頁很簡單,就這樣制作完了,大家不要以為有多麻煩啊:)
下一步我們開始制作接收網(wǎng)友留言并處理的網(wǎng)頁,新建save.asp網(wǎng)頁,將上次做的表單提交的網(wǎng)頁名稱要一致啊,不能隨便命名了。在網(wǎng)頁HTML標(biāo)簽的最上面加入以下紅線框起來的代碼,如下圖:
以上代碼分幾個段落,并說明了每一塊代碼的意思,都是通用的基本操作,比較簡單,如果有點困難的話,先放一放,先學(xué)好ASP基礎(chǔ)再說哦.注意在劃紅線的地方我們增加了兩個函數(shù)使用.
一個是Trim函數(shù),是用來幫助我們除去不必要的空格符,有很多人習(xí)慣多打幾個空格出來,我們用這個函數(shù)來去掉空格就行了。 還有一個是Replace函數(shù),我們在留言內(nèi)容寫了很多字,它到了邊上會自動換行,或生成段落會生成回車符,這在提交前表單文本區(qū)域是正常的,但提交后數(shù)據(jù)庫不能正常識別這兩個特殊符號,在顯示留言頁只會生成一行,這可不得了啊,把表格撐得寬寬的,很不舒服。而Replace幫助我們來解決這個問題,它可以把文字段落里所有的自動換行符和回車符找出來(vbCrLf是自動換行符和回車符的代碼),并自動轉(zhuǎn)換為<br>字符串,這樣HTML就可以正常解釋了。
提交保存留言頁基本上就完成了,為了更加友好一點,表示提交成功,我們再多做一點工作,一切為了網(wǎng)友方便嘛!我們回到設(shè)計視圖環(huán)境中,插入大表格在正中央,寫入“留言成功!2秒后自動返回首頁”,在返回首頁加入鏈接到 index.asp網(wǎng)頁里。如下圖:
提交成功后2秒鐘后自動返回首頁,是不是很難??其實一點都不難!用Dreamweaver自帶的功能就輕松解決這個問題,我們操作如下圖:
插入欄中切換到head欄里,點擊Refresh按鈕,會彈出對話框,如下圖:
按以上內(nèi)容填好,就萬歲了,是不是太簡單了,別太得意了啊^_^
我們的發(fā)表提交留言頁就到此結(jié)束了,大家是不是很激動,可以留言了,趕緊拉人來試試吧,猛灌水過把自己的癮吧:), 這關(guān)我們順利過了,就要一鼓作氣做完其它的工作,就是回復(fù)頁和刪除頁,有了以上的基礎(chǔ),就更加輕松了,相信我,是真的!
出處:
責(zé)任編輯:幻想曲
上一頁 建立顯示留言頁 [2] 下一頁 刪除頁和回復(fù)頁 [4]
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|