Dreamweaver cs6自定義後臺主頁面

    之前網站設計都用CMS內容管理系統,如Joomla,WordPress等。後臺頁面登陸內容是固定的,沒法修改,久了就煩,只好用Dreamweaver Cs6來從新設計後臺主頁。 web

   使用dreamweaver設計後臺主頁面,必須是創建動態網站項目,是建立一個通用型動態網站的後臺管理頁面,即經過該頁面對前臺的註冊用戶、新聞發佈、投票調查、留言和通信錄進行管理。包括管理員用戶登陸頁面和後臺首頁,前者主要涉及表單的插入和管理員的身份驗證,後者涉及防止非法用戶直接輸入網址惡意登陸和退出時註銷用戶的問題。圖:  數據庫

   

固然除了ASP,也能夠是asp.net,PHP等創建後臺主頁。 瀏覽器

建立後臺管理員用戶登陸頁面 服務器

右單擊站點中的admin文件夾,選擇【新建文件】,在該文件夾下建立AdminLogin.asp和ReAdminLogin.asp文件。 框架

打開AdminLogin.asp文件,在設計視圖中插入表單,表單的名稱爲form1,對ReAdminLogin.asp文件進行一樣的操做。 asp.net

將光標定位在表單中,插入一個4行2列的表格,完成用戶登陸界面設計,如圖8-2-2所示。修改用戶名和密碼文本框名稱,分別改成Aname和Apass。相似完成當用戶名或密碼輸入錯誤時的從新登陸頁面。 測試

   

在【服務器行爲】面板中單擊【用戶身份驗證】→【登陸用戶】命令。該具體步驟及說明請參考項目2中任務3的相關內容,在此再也不贅述。第一次登陸與第二次登陸的操做步驟相似,圖: 網站


next,結合其中相關選項說明用戶登陸的流程。 spa

爲文件中插入"登陸用戶"時,如圖8-2-3所示。(1)圖①處標識了:「當管理員用戶第一次登陸時,若是失敗則轉向第二次登陸頁面ReAdminLogin.asp」。(2)圖是在ReAdminLogin.asp文件中插入"登陸用戶"時的截圖,其中②處標識了:「當用戶第二次嘗試登陸時,如失敗則轉向主頁index.asp」。這樣設計,避免了非法用戶的惡意屢次嘗試登陸後臺管理模塊。 .net

2.建立後臺管理員用戶登陸頁面

右擊站點中admin文件夾,在彈出的菜單中選擇【新建文件】命令,在該文件夾下建立AdminManage.asp文件。

打開AdminManage.asp文件,插入一個3行1列的表格,在第2行中再嵌套一個1行8列的表格,做爲導航欄。在AdminManage.asp文件的導航欄的①處插入局部變量Session(「MM_Username」),該變量保存了登陸用戶的用戶名信息,圖:


後臺主頁面設計(2)

單擊導航欄中菜單命令,在後臺首頁的下面主體部分將顯示相應的管理功能選項,如圖8-2-5所示,就是選擇"註冊用戶管理"命令以後的界面。

後臺註冊用戶管理
該界面是在後臺首頁中加入內框架實現的,這裏請注意上圖中地址欄矩形框中的內容:「adminManage.asp?name=userManage」。

ASP代碼以下:
130 <%
131 dim sysname '定義一個變量
132 select case request(「name」)
133 case 「usermanage」
134 sysname=「ch02/usermanage」
135 case 「admin_link」
136 sysname=「ch06/admin_link」
137 case 「admin_news」
138 sysname=「ch07/admin_news」
139 case 「admin_vote」
140 sysname=「ch04/admin_vote」
141 case 「admin_liu」
142 sysname=「ch05/admin_liu」
143 case else
144 sysname=「null」
145 end select
146 %>
147 <p>第147行的HTML標記表示嵌入一個名字爲admin的內框架,內框架的頁面地址爲&rdquo;<%=sysname%>.asp&rdquo;。例如,在圖8-2-5中,根據地址欄的name變量值,sysname變量的值爲"ch02/usermanage&rdquo;,再加上後面的&rdquo;.asp&rdquo;,即"ch02/usermanage.asp&rdquo;,則內框架的頁面地址爲當前頁面下子文件ch02中的文件usemanage.asp。</p> <p>同理,在該內框架中實現其餘幾個後臺管理子模塊。</p> <p>將光標定位在文件中,選擇【服務器行爲】→【用戶身份驗證】→【限制對頁的訪問】命令,以阻止非法用戶直接輸入後臺的地址來繞過管理員身份驗證。</p> <p>選中"退出"文字,執行【服務器行爲】→【用戶身份驗證】→【註銷用戶】命令。該步驟的做用在於當管理員退出後,清除瀏覽器中的階段變量,以免被惡意利用,非法進入後臺。 <br/>註冊用戶管理 <br/>該任務是項目2的後臺管理部分,即對註冊用戶進行管理,包括用戶的刪除及用戶信息的修改。其主要操做步驟爲:在後臺管理目錄admin的子目錄ch02下建立用戶管理主頁面UserManage.asp,根據用戶的ID號對其執行刪除操做DelUser.asp,或執行修改用戶信息的操做ModUserInf.asp。關於數據庫表的創建與鏈接請參考項目2。</p> <p>註冊用戶管理頁面及操做流程如圖: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/125748_j7rU_183102.png" alt="在此輸入圖片描述" /></p> <p>建立用戶管理主界面</p> <p>右擊站點中後臺文件夾admin,在彈出的菜單中選擇【新建文件夾】命令,建立ch02做爲註冊用戶管理子模塊單獨使用的文件夾,並在該文件夾下新建usermanage.asp文件。</p> <p>打開usermanage.asp文件,在設計視圖中插入表單,表單的名稱爲form1。</p> <p>將光標放在文檔中,執行【服務器行爲】→【用戶身份驗證】→【限制對頁訪問】命令,填寫對話框參數,如圖: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/125909_qLaM_183102.png" alt="在此輸入圖片描述" /></p> <p>在後臺管理模塊的每一個頁面中都要經過添加【服務器行爲】→【用戶身份驗證】→【限制對頁訪問】命令來實現頁面的訪問限制,以免非法用戶直接輸入URL繞過登陸頁面,直接對後臺進行操做。</p> <p>將光標定位在表單中,插入一個2行5列的表格,完成用戶管理主界面中①的設計,如圖; <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130214_acsD_183102.png" alt="在此輸入圖片描述" /></p> <p>用戶管理主界面製做步驟 <br/>將光標定位在表單中,選擇"窗口"下拉菜單中的【綁定】命令,單擊右上角的&rdquo;+&ldquo;,在彈出的菜單執行【記錄集(查詢)】命令,在當前文檔中插入數據庫表Userlogin的一個記錄集,如圖8-3-4所示。並將記錄集中動態文本"ID&rdquo;、&ldquo;Uname&rdquo;、&ldquo;Upass"分別拖入表格中的相應位置,如圖: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130329_eTc6_183102.png" alt="在此輸入圖片描述" /></p> <p>註冊用戶管理(2)</p> <p>選中"修改"兩個字,執行【服務器行爲】下的【轉到詳細頁面】命令,在彈出的對話框中輸入相應內容,如圖8-3-5所示,而後單擊"肯定"按鈕。再選中"刪除"兩個字進行一樣的操做,以後頁面格式變成如圖: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130529_WA1F_183102.png" alt="在此輸入圖片描述" /></p> <p>選中第2行,執行【服務器行爲】下的【重複區域】命令,頁面格式將變成圖8-3-3的④,在第2行上出現"重複"兩個字,表示該行出現的次數將有記錄集中的記錄數決定。再查看"服務器行爲"項下將出現7個服務器行爲,如圖: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130645_baCd_183102.png" alt="在此輸入圖片描述" /></p> <p>建立刪除用戶頁面</p> <p>右擊ch02文件夾,選擇【新建文件】,建立deluser.asp文件。</p> <p>打開deluser.asp文件,在設計視圖中插入表單,表單的名稱爲form1。</p> <p>將光標放在文檔中,執行【服務器行爲】→【用戶身份驗證】→【限制對頁訪問】命令。</p> <p>將光標定位在表單中,插入一個2行1列的表格,完成刪除用戶界面①中的設計,如圖: <br/>將光標定位在表單中,在當前文檔中插入"記錄集(查詢)&ldquo;,並將記錄集中動態文本"Uname"拖入表格中第一行的相應位置,如圖8-3-7中的②所示。</p> <p>選中"肯定"按鈕對象,執行【服務器行爲】→【刪除記錄】命令,在彈出的"刪除記錄"對話框中輸入相應內容,如圖所示,而後單擊"肯定"按鈕。 <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/130834_dw2K_183102.png" alt="在此輸入圖片描述" /></p> <p>建立用戶修改頁面</p> <p>右擊ch02文件夾,選擇【新建文件】,建立moduserinf.asp文件。</p> <p>打開moduserinf.asp文件,在設計視圖中插入表單,表單的名稱爲form1。</p> <p>將光標放在文檔中,執行【服務器行爲】→【用戶身份驗證】→【限制對頁訪問】命令。 <br/>將光標定位在表單中,插入一個4行2列的表格,完成刪除用戶界面中①的設計, <br/>將光標定位在表單中,在當前文檔中插入【記錄集(查詢)】,並將記錄集中動態文本 &ldquo;Uname"與"Upass"拖入表格中第2行與第3行的相應位置,選中"肯定"按鈕對象,執行【服務器行爲】→【更新記錄】命令,在彈出的對話框中輸入相應內容,而後單擊"肯定"按鈕,如圖: <br/><img src="http://static.codeweblog.com/uploads/space/2015/0501/131056_8HfF_183102.png" alt="在此輸入圖片描述" /></p> <p>最後是首頁選項,對後臺頁面進行測試。 <br/>ok,介紹到這,趕快自定義後臺頁面。 <br/>end</p>

end

相關文章
相關標籤/搜索