網路城邦
上一篇 回創作列表 下一篇   字體:
PHP留言板製作
2014/09/03 22:59:18瀏覽11251|回應2|推薦32
   
鬼打牆了幾天, 終於有點進度了, 
快快記錄一下, 沒自己寫一下筆記, 好像學習就不怎麼落實!
提供想學資料庫的朋友, 
林金露老師的 php和 MySQL 線上教學很完整的課程,
藉由網路世界, 拉近了學習的城嫏差距, 也縮小了貧富級距, 
只要肯學習, Google大神總會幫我們找到學習路!
真得要感謝這些願意付出的人!
另外再介紹一本, 比較容易進入成果的一本書, 
dreamweaver cs6 & php超強互動網站特訓班
9大專題、近10小時影音教學,打造最強、最新、最實用的全方位商業級互動網站!
作者將硬幫幫的程式設計用套裝的方式, 讓初學者也能"組出"一組成品
裡面有完整的影片教學, 有興趣的可以買來研究研究, 
裡面內容當然比我的筆記容易了解, 我的筆記應該只適合看過書的自己較易了解...
畢竟跳來跳去的頁面, 還有門外漢對組出來的程式如何除錯,都是考驗...
作者真得厲害, 能這樣深入淺出的讓我們用套件完成....
今天完全是自己筆記用!現在的我真不習慣看書,當然有時是書上的字太小了....
做好的留言板頁面!
一. 觀看留言頁面製作
製作 boardMain.php 預先完成頁面
1.. 開始的第一步, MySQL連線
  資料庫 -> + -> MySQL連線
    
  連結成功後, 會出現可使用的資料庫
   
2.. 資料庫連線後, 修正程式頁面連線校對設定
  網站根目錄自動產生 Connection\runaSQL.php
   
  runaSQL MySQL連線所設的連線名稱
  開啟  Connection\runaSQL.php
  
  加入語系設定(加入最後一行的上方), 這樣才能使得中文正確顯示
  mysql_query("SET NAMES UTF8");
  
3. 繫結
  繫結 -> + -> 資料集(查詢) 
  名稱:(留言板記錄)
  排序: boardid 遞減
  
  繫結成功後產生可使用的資料項目
   
4. 將資料帶入所需欄位
  方法1: 將繫結項目拖曳至所需之欄位
  方法2: a.游標置於所需欄位後, b. 選取繫結項目, c.插入
 
  完成 5 個資料欄位顯示
   
5. 設定 mail和網站連結及ip顯示
 5.1.mail 
   點繫mail圖示 -> 連結資料夾 -> 資料來源
 
   點擊所需欄位後, 會程式自動帶入 URL:
   最前方加上 mailto:
 5.2.網站連結, 同上, 但不需加上mailto即可正確連結, 記得目標要設定_blank哦!
 點繫圖示 -> 連結資料夾 
 
 -> 資料來源-> 點擊所需欄位後, 會程式自動帶入 URL:
記得目標要設定_blank(另開新頁) 哦!
 5.3.ip顯示設定, 當滑鼠滑過時, 會有ip位址的顯示,這裡我做不出來,未成玏
   a. 點擊icon
   b. 繫結頁面, 選取boardip
   c. 繫結到 img.alt
   d. 繫結
6.設定重覆區域, 每筆資料以同樣格式顯示
 a.選取要重覆的範圍 b.開啟伺服器行為 c. +(增加動作) d.重覆區域
 每頁顯示 5 筆記錄
完成圖,
 
 預覽網頁
 
7.加入資料集導覽狀態及導覽列
  7.1 游標置於所需處 -> 插入 資料集導覽狀態
完成檔
 
預覽網頁
7.2 資料集導覽列
      將自動產生的表格置中
8.設定條件顯示區域(17:20)
 8.1以boardsex m或f 來判定使用男孩或女孩圖片
 點擊女孩圖片後->伺服器行為 (下方動作需安裝外掛程式)
 boardsex = 'f'會出現女孩圖示, 
 同樣設定男孩
boardsex = 'm'
完成後圖像上方顯示條件示顯示
預覽網頁
 8.2電子郵件, 網站連結, 有資料才顯示
  同上方路徑進入欄位與輸入值
  當boardmail 資料不是空值 (""), 就會出現郵件圖示,
到此完成 boardMain.php 製作

二. 訪客留言頁面
1. 開啟 boardBook.php,
檢查格式 選取 form -> 確認所有要送進資料庫的欄位, 皆在form中
 
2. 查詢所有欄位名稱是否與對應資料集相同
 boardtitle, boardvisitor, boardcontent, boardresponse, 
  
3. 於標題後方新增二個隠藏欄位
  插入-> 表單 -> 隠藏欄位
 
4. 隠藏欄位, 時間
設定 boarddate 值:自動輸入系統時間
5. 隠藏欄位, ip 
設定 boardip 值
6.插入記錄
伺服器行為 -> + -> 插入記錄
送出值來源 form , 自動對應取得值, 插入後前往 boardMain.php
完成訪客頁面(驗證碼送上主機後無法顯示先移除)

三.登入管理頁面 login.php
1. 開啟 login.php , form 涵蓋所需資料
2. 伺服器行為 -> + -> 使用者驗證 -> 登入使用者
四. 留言版管理頁面 boardmange.php
1. 繫結資料集
2. 繫結3個需要更新資料至資料庫的欄位
   boardtitle, boardcontent, boardresponse
3. 標題欄位後方, 插入 -> 表單 -> 隠藏欄位
   此為最重要的連結資訊 boardid
4. 繫結不修改僅連結顯示的欄位
5. 性別 - 條件式顯示(男, 女)
   伺服器行為 ->eDreamweaver->條件式區域->欄位與輸入碼
6. 重復區域
   選取 form 內資料
   伺服器行為 -> + ->重復區域 -> 顯示 5紀錄
7. 插入 資料集導覽狀態和資料集導覽列
8. 更新紀錄
   伺服器行為 -> + ->更新紀錄 
   需要更新的資料有3筆, 可讀到3筆資料, 和選取依據的boardid 共4個資料值
   更新後回到留言板管理頁面 boardManage.php 
9. 設定連結刪除頁面
   a.檔案系統 URL: boardDelete.php(刪除管理頁面)
   b.參數 ->名稱: id , 值: boardid
   點擊 刪除時, 會依 boardid 值, 帶出資料到boardDelete.php(刪除頁面)
  
完成值
10. 登出管理
    選取登出管理文字後
    伺服器行為 -> + -> 使用者驗證 -> 登出使用者
11. 限制存取頁面
    伺服器行為 -> + -> 使用者驗證 -> 限制存取頁面
    不符合資格者導向 login.php
五. 刪除頁面 boardDelete.php
1. 開啟 Delete.php 
2. 繫結 -> + -> 資料集(查詢)
   由 id 帶出要刪除的資料, 篩選器要設定
  
3. 插入 id 的隠藏欄位(值帶入資料庫中boardid值)
  
4. 完成表單所有欄位
5. 選取 form 
   伺服器行為 -> + -> 刪除記錄 
6. 登出管理設定
   登出管理
    選取登出管理文字後
    伺服器行為 -> + -> 使用者驗證 -> 登出使用者
    登出後回到 boardMain.php
完作圖
回上一頁的按鈕,程式碼加上 onclick="window.history.back();"
六. 頁面修飾
1. 一般我們以 enter 做分行, 在此無法顯示, 另外若有惡意在留言版上放置程式碼,
可能會破壞系統或傷害到瀏覽者的視窗
 加上 eDreamweaver的擴充程式加在留言者的content中
 a.. 開啟 boardMain.php
 b. 點擊 boardcontent -> 繫結頁面 
 c. 將視窗向右拉, 出現格式欄位-點選調整字串-調整全部
  
 d.   完成檔
2.當圖像與文字置於同一列時, 位置無法對齊, 可將圖像加上
   align="absmiddle"
下面是前置表單製戶
一.觀看留言 boardMain 表格製作 
1. 格式-對齊-置中對齊 -> 插入 5X2 表格
2. 合併儲存格
3. 插入性別圖像width=85
4. 插入水平線 height= 20
5. 插入使用者, 日期, mail, web, ip 圖像, 靠右對齊, 欄高 30, 顏色 #EFFEEF
二. 訪客留言表單製作 boardBook.php
1.content 中, 格式 格式-對齊-置中對齊 -> 插入-> 表單-> 表單
 (產生 form 程式碼)
 
2. 在form內部 -> 插入 10X2 表格
   
form 格式有紅色虛線, 表格置於紅色虛線方格中
3. 第一列, 合併儲存格, 插入圖片, 水平置中
 
4. 選取第一欄, 設定表頭
 
5. 標題, 姓名, 電子信箱, 個人網站的第二欄
   插入->表單->文字欄位
 
6. 標題-> 文字欄位 要對應到繫結的 boardtitle 
 
  依序
   姓名-> 對應 boardvisitor
   電子信箱 -> 對應 boardmail
   個人網站 -> 對應 boardweb
7.性別
  插入->表單->選項按鈕 boardsex
 
 插入boy圖片
  
 設定男孩按鈕 核取值 m
  
 設定女孩按鈕 核取值 f
  二個按鈕 皆要設定 input name="boardsex" 才為同一單選的選項
 
8.留言內容
  插入 ->表單 -> 文字區域
9 按鈕設定
   合併第九列的二欄儲存格, 水平置中
   插入 -> 表單 -> 按鈕(我要留言-送出表單)
  
  另一按鈕-重新填寫, 重設表單
  
完成 boardBook 表單

三. 管理頁面 login.php

1. content 中, 格式 格式-對齊-置中對齊 插入一列兩欄

 左欄插入圖面 水平置中, 寬 200

   
2. 右欄 插入-> 表單 ->表單(紅色虛線方框)-form 格式
   
3. 插入3列2欄表格
   
4. 左欄設定 - 靠右對齊, 欄寬 70, 表頭
   
5. 第三列合併儲存格 置入二顆按鈕
     
6. 1-2列第二欄 插入-> 文字欄位
7. 文字欄位 要對應到繫結的資料集
   帳號 -> username
   密碼 -> passwd 
完成 login.php 表單

四. 管理頁面 boardMange.php

 1.content 中, 格式 格式-對齊-置中對齊 -> 插入-> 表單-> 表單

 (產生 form 程式碼)

2.插入 6列三欄表格

3. 依序完成下圖

4. 留言標題: 插入->表單-> 文字欄位 (input type="text"

5. 留言內容: 插入->表單-> 文字區域 (textarea name="boardcontent")

6. 版主回應: 插入->表單-> 文字區域 (textarea name="boardresponse")

完成 boardMange.php 預設表單

  

五. 刪除留言頁面

1.content 中, 格式 格式-對齊-置中對齊 -> 插入-> 表單-> 表單

 (產生 form 程式碼)

2.插入 5 列 2 欄表格

3.左邊五欄 -> 合併儲存格, 置入性別圖像

  

 

4.回上一頁的按鈕, 

  a.動作: 無

  b. 程式碼加上 onclick="window.history.back();"   

 

5.完成的 delete 版面

6. 當圖像與文字置於同一列時,

    

  位置無法對齊, 可將圖像加上  align="absmiddle"

    

( 知識學習檔案分享 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=runa2012&aid=16908044

 回應文章

小淫妹外約賴lg8526
2019/12/12 01:25

台灣外送茶賴lg8669台北外送茶,新店正妹介紹,板橋旅館飯店找女人泰山找小姐開房三重外送服務,新莊旅館飯店叫小姐Telegram:av8526新店外叫小姐,士林外送茶,林口約正妹,淡水愛愛茶,三重找茶官網:http://www.ppp8669.com/forum.php 





(xiaoya5221@gmail.com)

eee
2015/12/25 03:37
eeeeee(eee)