字體:小 中 大 | |
|
|
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 資料不是空值 (""), 就會出現郵件圖示,
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"
|
|
( 知識學習|檔案分享 ) |