Dreamweaver CC 重回資料庫連結面板與亂碼修正

梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
  許多從事網頁設計的朋友,應該很習慣使用Dreamweaver來編輯頁面,除了介面簡單操控容易外,再來就是可同時開發前後端程式,所以在4.0版後,就加入資料庫連接的功能,專門為視覺人所設計,完全不用懂任何的程式語法,只要拖來拖去,就可完成各種互動的網頁,從簡單的留言版、討論版、購物車....,都能在無痛中完成,所以當初梅干也靠它接了不少的案子,雖然說很EZ,但中間只要一出問題,那可真是要命的麻煩,光除錯就會讓人很抓狂,所以之後就慢慢的,開始學習原生的PHP語法,現在就已經不再用Dreamweaver內建的資料庫來開發。
  一直以來Dreamweaver也把這當成,它重要的功能指標之一,所以無論每次的改版中,都會不斷的強化這一塊,但那一天有網友問到梅干此功能,才讓梅干發現到,Dreamweaver CC版竟然將它拿掉了,得自行安裝才行,好不容易安裝好後,在連接資料庫的部分,又狀況連連,真讓梅干很傻眼,而梅干也整理了一下檔案,與大家來分享,有需要的朋友,不妨看看囉!
資料庫面板-外掛程式存放位置:
Vista/Windows 7: C:/Program Files (x86)/Adobe/Adobe Dreamweaver CC/Configuration/DisabledFeatures
Mac OSX: /Applications/Adobe Dreamweaver CC/Configuration/DisabledFeatures

安裝擴充元件管理工具:
Step1
開啟Adobe CC安裝工具,切到Apps頁籤,並安裝Extension Manager CC
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
安裝資料庫面板擴充元件:
Step2
接著進到外掛元件的目錄下,雙響Deprecated_ServerBehaviorsPanel_Support.zxp
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step3
接受
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step4
這樣就安裝完成囉!
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
新增網站:
Step5
點一下管理網站,再按新增網站
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step6
設定網站名稱路徑
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step7
接著切到伺服器的選項下,再按一下加號
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step8
基本的頁籤下,將連線方式設成本機/網路,再指定伺服器資料夾網址
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step9
切到進階頁籤,將伺服器模式,設成PHP MySQL
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step10
都設定好後,馬上來檢測一下。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step11
伺服OK~正常運作。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
連接資料庫:
Step12
回到Dreamweaver,點一下視窗 / 資料庫 選項。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step13
點下資料庫面板的加號,再點MySQL連線
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step14
輸入MySQL的主機位置、帳號、密碼,再點選取
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step15
XD~經梅干檢查後,DW CC會產生該資料夾,但資料夾裡卻是空的。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
修復資料庫連線錯誤:
Step16
接著下載梅干整理好的檔案,直接覆蓋過去。[下載_mmServerScripts]
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step17
覆蓋好後,再試一次選取,就會出現許多資料庫可選擇。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step18
連接好後,點一下表格檢查,是否有正常的顯示資料欄位。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step19
新增資料集
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step20
設定資料集的顯示欄位與排序。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step21
將要顯示資料的欄位建立後,再來瀏覽一下,看一下結果畫面。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step22
資料是出來了,但卻出現亂碼XD~
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
修復亂碼:
Step23
打開Connections資料夾下的php檔。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step24
加入下方的語法。
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正
Step25
呼~總算搞定好了,收工!
梅問題-Dreamweaver CC MySQL資料庫連結與亂碼修正

相關文章

Adobe Dreamweaver CS6以上版本全面支援Bootstrap

Adobe Dreamweaver CS6以上版本全面支援Bootstrap

Adobe Dreamweaver CC 2017-beta測試版搶先用

Adobe Dreamweaver CC 2017-beta測試版搶先用

Dreamweaver CC2015限定-與PSD檔更緊密結合,網頁切版排版更快速

Dreamweaver CC2015限定-與PSD檔更緊密結合,網頁切版排版更快速

Dreamweaver CC安裝Emmet套件,實現在Dreamweaver下也可使用Emmet

Dreamweaver CC安裝Emmet套件,實現在Dreamweaver下也可使用Emmet

Dreamweaver 視覺化的編輯與設計 WordPress 佈景主題

Dreamweaver 視覺化的編輯與設計 WordPress 佈景主題





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 18 梅留言

  • 第3梅
    bibi 說道:

    你好 我沒有disabledfeatures那個資料夾也
    請問這個該如何解決呀 謝謝

    回應:
    建議直接升到DW CC 2014版本將可解決此問題
    https://www.minwt.com/dw/11872.html
  • 第2梅
    Jonathan 說道:

    梅神感謝您,我爬了一整天的文都找不到解決辦法
    來這邊一逛就找到了,好棒呀!!!!!

  • 第1梅
    Kenny 說道:

    大大請問您,可以告知那些拖來拖去就可以完成的互動式網頁(簡單的留言版、討論版、購物車),它那些精靈,有含來留言的使用者可以上傳圖片的功能嗎? 有沒有可以參考的那些拖來拖去就可以完成的互動式網頁完整的範例? 謝謝您!

    回應:
    目前市面上好像這類書比較少,但可找找看之前舊的版本CS6的,
    操控方式差不多
1 4 5 6