Ultradev實例教學:5 做一個相對簡單的網站後台(2)

作者：Eve Cole 更新時間：2009-05-26 16:34:27

首先創建首頁，就是現實最新更新的5條新聞紀錄。利用我們學到的Ultradev顯示紀錄的功能，很容易你就能創造出如下圖的頁面：

怎麼顯示最新更新的5筆記錄呢？讓我們來看看建立記錄集的對話框：

如果我們按照一般建立記錄集的方法，在上圖中的SQL欄中顯示的內容就會是：

SELECT ID,title,insert_time （我們只需要顯示新聞的標題和記錄時間，而新聞內容不需要現實，所以不用選擇content這個欄位）

FROM article

我們將她修改成上面的樣子。 top 5表示我只選取5筆記錄，而ORDER BY ID DESC則表示選擇紀錄時是依照ID這個欄位從後往前取（DESC表示降序，而ID這個欄位是自動編號的，即預設是升序的），這樣就實現了我們要去最新更新的5筆記錄的想法。

在新增server behaviors的repeat region行為時，選擇顯示所有記錄（因為我們只取了5筆記錄）。細心的朋友這時候一定也想到了，哎呀，我也可以透過這裡的一頁顯示多少筆記錄來實現我要去多少筆記錄的想法啊！對，沒錯，你可以選擇每頁顯示5筆記錄，這樣也可以達到我們要實現的效果---但是別忘了，ORDER BY ID DESC是必不可少的^_^

然後我們再選取標題儲存格中的{RECORDSET1.title}，對它新增一個server behaviors----Go To Detail Page，如圖：

我們的目的就是為了要向detail.asp這個頁面傳遞一個ID值，使其能夠正確的取出我們想要的記錄。完成了這些後再添加一個More的連接，指向more.asp，以顯示更多的新聞紀錄。

頁面效果如圖所示：

在more.asp這個頁面裡，我們只需簡單的將剛才的首頁面修改一下就能使用了。打開建立記錄集的對話框，去掉我們新增的top 5（這樣就將取出資料庫表裡面的所有記錄），然後修改repeat region每頁顯示的條數為10條，再刪掉more的連接，然後插入Insert -> Live Objects ->Recordset Nagavition Bar，這樣我們就能翻頁顯示新聞了。頁面如圖：

接下來我們就進行新聞詳細頁面（即detail.asp）的製作。就像上面我們講到的一樣，我們在detail.asp頁面中最重要的事情就是獲得上一個頁面傳遞過來的值，這裡是ID=x。如圖：

就下來，做一些表格，將創建好的記錄集的項目一個個拖進去就行了，如圖：

到了這裡我們的前台部分的頁面就完成了，接下來就要進行後台管理頁面的製作了。

本來，正確的順序應該是先製作好後台管理頁面，做到能夠正確的新增、刪除、編輯資料的時候才進行前台頁面的製作。因為畢竟前台頁面做的就只是數據顯示而已，如果連數據都不能添加，那你前台做得再漂亮也沒用，而且如果在製作後台管理頁面可以不用太追求頁面美觀，一旦出錯要重新修改時也快，不像前台，一旦頁面設計好了，而要改動時是很辛苦的（儘管Ultradev已經使這項工作變得相對簡單了，但還是容易出問題）。不過因為我們這些頁面比較簡單，資料結構也是簡單的，不會出錯，所以就不強調這一點了。但是朋友們以後做的時候最好還是按照後台-〉前台這樣的順序來做比較好。
第五章：做一個相對簡單的網站後台(2)

後台管理頁面可以分為三個部分：

資料新增

資料編輯、刪除

登陸驗證

我們先從資料添加做起。透過前面的學習我們知道，在Ultradev中製作一個資料添加的頁面是在簡單不過的了，只需要Insert -> Live Objects -> Recordset Insertion Form就行了。如圖，是新增新聞的頁面，新增管理員使用者也類似，就不多講了：

建立完成後，如圖：

這是新增使用者的頁面：

打開瀏覽器看看效果：

但是我們的問題來了。當你添加晚了數據後，從首頁打開相應的詳細信息頁面，這時候你將看到剛才添加時還段落分明的數據現在擠成一團。原先的分段沒掉了！

所有使用UltraDev軟體的網友一定遇見過在asp頁面上的文字從資料庫匯出後擠成一團的現象，起初輸入的空格和換行都沒有了。因為在asp語句中根本沒有處理資料庫中的空格和換行。當然，學過asp程式設計的網友可以自行加入程式碼來轉換資料庫中的空格和換行成為html程式碼，或者還可以在文字提交進入資料庫時先將空格和換行換成html程式碼然後輸出。但不管是哪一種方式對於沒有學過asp的網友無疑都是如同惡夢一般。即使學會轉換那也得需要在每個asp頁面中手工修改源碼，既費時又費力，長久一來一直沒有非常方便的解決方法。

怎麼辦？呵呵，不急，這裡就要用到我們前面講過的插件功能了。

在這裡我們將要使用到一個插件---Spdesign format來幫助我們實現一個功能（點擊這裡下載插件）。
接下來我向各位推薦一款可以解決這個難題的UltraDev插件：使用方法很簡單，只需在選擇動態資料後應用該插件的命令即可完成空格和換行的格式化。

插件安裝後如圖

怎麼應用這個插件呢？很簡單，見下圖，是不是一目了然？ *_"

套用了外掛後，再察看我們的頁面，啊，是不是你想要的效果呢？

增加紀錄的頁面是相對比較簡單的，如果你認真閱讀了我們前面講的內容並作過一些練習，相信你很快就能夠做出來的。好，接下來，我們要講的是紀錄的編輯和刪除了。前面我們已經分析過，要進行紀錄的編輯和刪除，其實就是從一個頁面傳遞一個值到另外一個頁面，然後拿另外一個頁面就根據這個傳遞過去的值取出相應的唯一的那條記錄來施加編輯、刪除的行為。所以，我們首先要製作一個頁面，作為傳遞值。這個頁面很簡單，其實就是一個數據顯示頁面，不過添加了兩個連接：修改刪除選中這兩個連接，施加server bahaviors中的Go To Detail Page行為：分別是change_article.asp和del_article.asp兩個頁面（這裡我們以編輯、刪除新聞作為例子，使用者的管理也是一樣的）

最後頁面如圖所示：

在瀏覽器中顯示效果：