字體：小 中 大 |
|
|
|
| 2014/09/03 22:59:18瀏覽11217｜回應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 資料不是空值 (""), 就會出現郵件圖示,
 8.3網頁連結(點選連結)和版主回應(選取區塊所有內容)都同 8.2 設定不等於空值才顯示
 到此完成 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" |
|
| ( 知識學習｜檔案分享 ) |
