DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計
Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計
編輯:Dreamweaver相關     

  我們現在開始來做公告系統的詳細內容頁,通過預覽首頁我們已經看到了在首頁的公告標題鏈接上給出了一個?g_ID=xxx的參數來鏈接到詳細內容頁面showgg.asp,我們要做的就是獲取這個參數值並通過該值來調用數據庫的內容。

  1、在“文件面板”中打開showgg.asp頁,在“綁定”面板中點擊“+”號,選擇“記錄集(查詢)”,在彈出的記錄集窗口中按下圖進行設置:

Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計

  這裡和首頁建立的記錄集差不多,區別就是這裡用了“篩選”,因為我們要根據傳遞來的URL參數選擇相應的記錄(URL參數就是showgg.asp?g_ID=xxx中的g_ID,而xxx則是該參數的值)。因為篩選後的記錄只有一條,所以就沒有必要再“排序”了。

  提示:ASP中,URL參數的值是通過語句 Request.QueryString("參數名") 來獲取的。

  也可以用 Request.QueryString() 來獲取所有的參數。

  2、按照剛才用過的方法把相應的字段綁定到頁面上,綁定完成後的頁面效果如下圖:

Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計

  但是這其中有一個比較特殊,那就是“附件”:{rsggshow.g_filename},在這個字段的上面要做一個鏈接,鏈接的不是一個具體靜態的頁面,而是從數據庫中動態的獲取地址。 我們用下面的方法實現這一點。

  4、選中頁面上的{rsggshow.g_filename},點擊屬性面板中的“鏈接”後面的文件夾圖標選擇鏈接文件,在彈出的選擇文件對話框中選擇“數據源”,在從下面的“域”中選擇“g_fileurl”,點擊確定返回。

Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計

  然後在下面的目標中選擇“_blank”,我們讓它在新窗口中打開。這樣動態的鏈接就做好了。

Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計

  5、還有一個特殊的部分,就是網頁的標題我們也要從數據庫中讀取。這個需要在代碼視圖下完成。切換到代碼視圖,找到<title>部分,把g_title綁定到相應的位置。

Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計

  6、相關附件這一行還有一點就是只能在有附件的時候才顯示,如果沒有附件的話這一行要隱藏起來,這樣才夠人性化嘛。切換到代碼視圖,找到這一行。

Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計

  在這一行的<tr>和</tr>之外加上這樣的語句:

Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計

<% If (rsggshow.Fields.Item("g_filename").Value)<>"" Then%>
<tr>
.........(原來的內容)
</tr>
<% End If %>

  做一個判斷,如果附件名為空則就不顯示這一行了。 這樣詳細頁面的大部分內容已經完成了,你可以從浏覽器中預覽首頁,然後點擊相應的標題看看詳細頁的完成情況了。多點幾次你就會發現,那裡的點擊計數根本就沒有變化。呵呵,那是因為我們還沒有做點擊計數嘛。好了,馬上就來做這個。

  7、在“綁定”面板上點擊“+”號,在菜單中選擇“命令(預存過程)”。

Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計

  8、在彈出的“命令”窗口中,名稱填入“uphits”(可以自定義),連接選擇conn,類型選擇“更新”,在SQL框中輸入:

UPDATE GongGao
SET g_hits = g_hits + 1
WHERE g_ID = rID

在“變量”後點擊“+”號,添加一個變量,名稱為“rID”(和上面SQL語句中的最後一個一致),運行值填寫: Request.QueryString("g_ID")

Dreamweaver MX 2004做信息公告系統(4)詳細內容頁設計

  這樣就在這個頁面添加了一個每訪問一次g_hits就加1的命令,就實現了點擊計數的功能了。但是這樣並不完美,因為每次我們訪問頁面看到的都是上一次的計數,比如數據庫中計數為0的話,你第一次打開

12下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved