在Dremaweaver的「使用者認證」伺服器行為中，對於密碼的欄位僅僅是將其當為一般字串去做處理（應該說沒有任何處理），但我們先想一個問題，若有一個網站規模不算小，站上也有自個的會員系統，當然我們在註冊時會填上許多基本資料如姓名、性別、電子郵件、密碼等，而一般人通常都是一個密碼走遍天下，也就是說當我們註冊之後，若該站管理員心懷不軌很有可能就可以由資料庫中，觀察使用者留下的註冊資訊進而得知註冊者的信箱及密碼，如果是你你會放心隨便註冊嗎？
 |
|
|
2004 年 08 月 10 日
加強使用者認證行為 - 使用md5編碼
(2 votes, average: 5 out of 5)
Loading ...
Cttlee • 
20:01:42 • 
2004 年 06 月 23 日
動態兩階選單
(No Ratings Yet) Loading ...New! 動態 N 階選單 By Dreamweaver & PHP MySQL 終極版
在許多場合中，動態的N階選單是個很好用的功能，例如出現選擇「郵遞區號」的場合，主選項選擇縣市、副選項則會出現所對應的縣市中鄉鎮的列表，或者是主選項選擇部門，副選項則可出現所對應部門內的所有職稱、人員等。
在這之前，一般在需要製作到相關功能時會求助到JavaScript，或者郵遞區號的選單可以找到Extension來使用，但這Extension實際上也是包裝著JavaScript，以這個方式有一個缺點就是日後管理不易、以及要修改為其他應用的時候麻煩，必須在原始程式碼的模式下按照原本的格式作修改，看著密密麻麻的原始碼還沒開始要改就已經頭昏眼花了。
今天要介紹的方式只讓各位自己修改原始程式碼「輸入11個英文字母」，其他的都是利用Dreamweaver MX 2004的內建功能組合起來，配合得則是PHP+MySQL，如果使用其他資料庫+其他語言來達成的話，則是大同小異的，這是第一次以「影像檔案」來做教學檔（你們聽不到我的聲音就是了），若有問題的話可以至討論區一個專屬的主題內討論。
首先在這先對資料庫介紹一下，這樣子應該有助於各位在接著下來看影片說故事。
基本上這個教學的資料庫是建立在一個資料庫（test）內含兩個資料表（main、sub）的基礎上。
main資料表：
|
欄位
|
型態
|
屬性
|
Null
|
預設值
|
附加
|
| tinyint(4) | 否 | auto_increment | |||
| tinytext | 否 |
|
ID
|
COLOR
|
|
1
|
黃色
|
|
2
|
紅色
|
|
3
|
綠色
|
sub資料表：
|
欄位
|
型態
|
屬性
|
Null
|
預設值
|
附加
|
| tinyint(4) | 否 | auto_increment | |||
| smallint(6) | 否 | 0 | |||
| tinytext | 否 |
|
ID
|
CLASS
|
SUB
|
|
1
|
1
|
香蕉
|
|
2
|
1
|
木瓜
|
|
3
|
1
|
香瓜
|
|
4
|
2
|
蕃茄
|
|
5
|
2
|
火龍果
|
|
6
|
3
|
芭樂
|
|
7
|
3
|
西瓜
|
這樣子大家應該很清楚了，main資料表的ID欄位，每一個ID各代表著一個顏色，而與mian.ID相對應的就是sub資料表的CLASS欄位，所以sub資料表中第一筆到第三筆資料中SUB欄位記錄的都是同樣外皮是「黃色」的水果（香瓜好像有點不像….）
總而言之就是要製作一個像這樣的選單#Sample Link，瞭解之後呢，就來看看影片檔案吧。
教學名稱：製作「動態二階選單」
影片長度：三分零九秒
影片大小：1689K
影片尺寸：640×480
（ 用影片檔就是想少打點字，想不到還是得打這麼多><” ）
–
影片中提到修改< option value=”menu.php?ID=< ? php echo $row_rsmain['ID'] ? >”部分
送進資料庫後值也是照單全收
因此跳頁部分要從內定產生之JavaScript著手
<script language=”JavaScript” type=”text/JavaScript”>
<!–
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+”.location=’”+’網頁.php?URL參數ID=‘+selObj.options[selObj.selectedIndex].value+”‘”);
if (restore) selObj.selectedIndex=0;
}
//–>
</script>
2004 年 06 月 09 日
解析伺服器行為-使用者驗證
(No Ratings Yet) Loading ...
講到Dreamweaver MX 2004的內建伺服器行為，應該沒有人不認識「使用者驗證」這一組吧？！這一篇的主題就是帶各位來簡單瞭解一下這個伺服器行為骨子裡到底賣的是什麼藥，當然，各位可能需要有一點點PHP的閱讀能力，並對Dreamweaver MX 2004的邏輯有一點概念。
瞭解了這些有什麼好處？這需要看個人了，如果你只是簡單的要用內建伺服器行為「兜」出一些程式，或著只是看書講的就照著作，那或許幫助不大，實質上的幫助則是，如果能有這樣的感覺（當然各位也能有自己一套的方法和感覺）去閱讀程式，在需要自己Coding的部分就能夠與Dreamweaver MX 2004互相搭配，就像悟空和達爾合體以後變成超級賽亞人第四階，可以玩弄終極的一星龍一樣！（雖然又是同樣一套到最後玩過頭XD），簡單的來說就是可以讓Dreamweaver MX 2004幫你作苦力，我們再來撿現成的就是了！雖然還要先學會怎麼檢。
繼續閱讀 »
2003 年 05 月 18 日
彈出式選單 II
(No Ratings Yet) Loading ...很久很久以前我們有一篇彈出式選單的教學，今天再來一個一樣是彈出式選單，但比上一篇更簡單，因為這是內建的功能，看官們就看圖說故事吧！
基本上這次可以完全不必用到圖層，範例用一個至#的連結
到上面應該大家就都自己會摸了吧？！那我就結束囉！bye！
2003 年 04 月 07 日
資料庫-插入資料
(No Ratings Yet) Loading ...上面一篇光只是顯示資料怎麼夠，現在要講怎麼新增資料，凡事要有效率，所以我們把上一篇的東西拿來繼續用！我們把重複顯示的區域放到下面，上面插一條水平線（沒任何作用，弄爽的）再來請照著圖示分別放入 表單 文字方塊 按鈕。
好了之後去點選 伺服器行為 - + - 插入記錄
form1是表單名稱，test是資料庫名稱，tech則是資料表名稱，這應該不用在多做解釋了！
一開始 攔 裡的東西應該都是沒有取得值的，除非你把文字方塊名稱命名跟資料表欄位名稱一樣他就會自動對應，否則還是手動點一點吧！
一切就緒按下F12使用IE預覽！填個資料上去吧按送出
哈哈，成功了！
資料庫-顯示資料
(No Ratings Yet) Loading ...一個多月沒更新了，今天來動一下好了，前面講過做資料庫連結了，接下來講應用，要怎麼在網頁上顯示資料庫裡的資料呢？
本來是想用Access的啦，後來還是用MySQL，在範例中我在test的資料庫裡新增一個tech的資料表，有以下四個欄位
同時加入三筆資料如下
OK後回Dreamweaver去，當然就是先建立繫結囉，名稱隨你定啦，連線對應到我剛剛講的"test"資料庫，表格對應到資料表
好了之後會看到多出了一個資料集，後面的名稱對應到剛剛的名稱
我們在編輯區放了一個1*4的表格，將滑鼠分別放至上面的id.class.name.num上然後拖曳到編輯區的表格內
好了之後應該像上面這樣
之後將整個表格選取，注意！要選取喔！下面是錯誤的示範沒有選！
選取起來後點選 伺服器行為 - + - 重複區域
你可以選擇一次顯示幾個記錄或者全部顯示
如果沒有做這個動作則一次只會顯示一個記錄
那要怎麼看到剩下的紀錄？？後面再講啦。
好了後按下即時資料檢視，就是這個光！出來了吧！
最後來補充一下
有人如果問，難道我就不能一次只顯示一筆資料，然後在慢慢看其他的嗎？可以，當然可以
那你就不要做重複區域了，做上面的動作，不是有移至XXX嗎
聰明吧，我選了移至下一頁，他就自己跑出來下一頁的連結了，再按下即時資料檢視試試看吧！
2003 年 02 月 15 日
動態彈出式選單
(1 votes, average: 5 out of 5) Loading ...把滑鼠移到上面的 搜尋引擎 項目，是不是跑出來一個小小的選單？才一個不夠看，那就到 http://yingko.tacocity.com.tw，這樣子的選單要怎麼做？不廢話了，往下看下去。
> 繼續閱讀 »
2003 年 02 月 14 日
建立資料庫連線、資料集查詢-MySQL
(No Ratings Yet) Loading ...| 開始要講到資料庫的東西了，我想表格、框架等那些東西並不需要介紹了，基本上ASP的Access資料庫要資料庫連線跟這是大同小異的，不囉說先開始這篇。
首先當然先確認你的網站定義-進階-測試伺服器-伺服器模式是否為PHP MySQL，當然如果你本來就要以其他語言為腳本就沒話講了。
選擇Dreamweaver MX右邊工作列之應用程式-資料庫 點選 + - MySQL連線
在這邊輸入
按下測試以確認連線成功
完成之後就可以看到我們剛剛成功建立之資料庫連線名稱在下方
再來我們要建立資料集(查詢)，選擇應用程式-繫結-資料集(查詢)
在這裡我們可以定義：
接下來要怎麼將動態資料放到網頁上
只要把需要的欄位資料拖曳到網頁需要的地方就可以了
按下 即時資料檢視，看吧，就會出現目前這個欄位內的第一筆資料了。 後面的就已經超出單純資料庫連線範圍了，寫到這為止。 |
2003 年 01 月 25 日
樣版
(1 votes, average: 5 out of 5) Loading ...|
你會看到很多網站有很多頁面（廢話），但又發現基本的版面卻都是一樣的，卻又不是使用框架頁，這是如何辦到的？難道是弄好一頁的基本版面然後有新的頁面的時候把這些原始碼複製貼上的嗎？笑話..誰有這種閒功夫..我就幹過這種事..有興趣的visit http://yingko.tacocity.com.tw，當時年少不懂事..看到旁邊的多重選單了嗎？我就是這麼一頁一頁複製原始碼過去的.. 如果你認為還好嘛，反正多個步驟而已，那你就錯了！大哥，如果你發現這個選單有個小錯誤怎麼辦？以後要修改怎麼辦？你就一次每頁開起來改吧..
|
 |
|
如圖，先點選"檔案"-"開新檔案"之後就會跑出這個對話方塊，選取"一般\"-"動態頁面\"，這裡會有好幾種類型可以選擇，看你的網站主要以哪種語言構成你就選哪個吧，不知道？嗯..那你選HTML就對了。 按下建立之後會出現一個跟一般沒兩樣的編輯環境，你就好好的建立這個樣板吧，如果你不知道在這邊到底要弄哪些東西的話..你就想一想，那些東西是你網頁上每一頁都會重覆出現的東西？背景選單等等都是。 好了之後呢，再來我們要建立可編輯區域了，顧名思義，之後我們藉由樣板建立的頁面我們只能動可編輯區域的範圍，聽不懂？看下去吧.. |
|
然後他會叫你命名，這邊看你爽就可以了，按下確定
你就會看到上面這種東西，在你認為之後會編輯到的地方都建立了可編輯區域後你就可以將這個樣板頁面存檔了。 其他好幾個樣板物件是幹麻的？最近比較懶.. |
 |
| 之後，檔案-開新檔案，這次我們選擇"樣板\"，在 樣板，針對： 下面的會是你所有定義過的網站名稱，而右邊就是你針對各定義網站所編輯過的樣板頁面，選擇樣板頁面後旁邊會出現樣板的預覽給你看，沒事的話就按下建立。 |
|
這就是一個很典型使用樣版的方式了，樣板提供了背景，選單等，而之後新增的頁面，我們只需煩惱新增的文字內容，圖片等即可。 |
廢話不多說，因為沒稿費，這就是樣板，什麼是樣板？簡單的說就是你只要弄好你網站的基本頁面，之後的更新這些問題就交給Dreamweaver了，像這邊的基本頁面是長怎樣？就像右邊這樣。
看左邊，插入-樣板物件-可編輯區域。
你會發現，當想去動剛剛建立的可編輯區外時，會不能動，在這裡你只能在可編輯區內有自主權了。2003 年 01 月 17 日
定義網站
(No Ratings Yet) Loading ...要建構一個網站，就先由定義網站開始吧。下面是DreamweaverMX的Logo。
|
|
|
 |
依照圖示，選擇網站－新增網站…
|
|
在這裡可以看到網站的基本設定，包括站名，本地目錄，這裡沒什麼好注意的 |
|
 再來看遠端資訊的設定，例如已經在網路上有ftp空間了，可在此處設定。之後若本機檔案有異動，可靠Dreamweaver自動判斷檔案替你上傳。 |
|
|
在這邊可以定義這個站台要用到的動態伺服器語言，都不會？那有什麼問題，你可以完全不懂這些語言而利用Dreamweaver來你替達到你想要的功能，至於這些是後面在來介紹的！ |
|
 |
左邊就是檔案管理的選單了，在這邊你可以選擇要管理的站台，本地還是遠端的檔案，就很簡單介紹到這了。
|
最新回應