Joomla! 1.0.12網站建置 (多圖)

由於專案需求,必須在短時間裡建置企業網站,為了建站效率與日後的擴充彈性,因而挑選了先前小試過的PHP CMS系統:Joomla!(「逐浪」)來加速建置的速度。 Joomla!最新的版本是1.5.3,但較多人使用與有較佳套件的卻仍是1.0版本,因此幾經考慮後,最終使用了1.0.12 A+無障礙版本來使用,為了留下建站的記錄與學習歷程因而陸續完成了這些文字,或許對剛踏入Joomla!的同好也能有些幫助。

另外要向讀者致歉的是本人對於PHP與MySQL並未有非常深入的了解,因此若文內有謬誤之處,敬請通知我修改,感謝。

要建置Joomla!網站可以區分成幾個步驟:

  • 安裝運行環境,主要是Apache Web Server、PHP與MySQL,我使用的是XAMPP整合系統
  • 設定MySQL帳號密碼
  • 安裝Joomla! 1.0.12
  • 基本設定
  • 安裝擴充元件與模組

安裝XAMPP 1.6.6a

  1. 執行下載回來的執行檔後,依步驟指示安裝;按〔下一步〕。
  2. XAMPP-1

  3. 指定安裝資料夾,建議使用預設的C:XAMPP,以免後續還要做額外的調整。資料夾指定好後按〔下一步〕。

    XAMPP-2

  4. 為方便執行,建議將圖示放到桌面上。若要把Apache、MySQL或FileZilla安裝成服務的話,將最下面的三個選項都打勾即可,若你是初學者的話,建議用應用程式的方式執行,不要勾選成服務。安裝選項勾選好後按〔Install〕。

    XAMPP-3

  5. 檔案複製完畢後,按〔Finish〕結束安裝程序。
    XAMPP-4

  6. 安裝結束後會彈出對話窗,詢問是否要進入XAMPP的控制台,請按〔是〕以啟動系統來做測試。

    XAMPP-5

  7. 先按MySQL右側的〔Start〕按鈕,再按Apache的〔Start〕按鈕,以啟動MySQL與Apache。啟動成功後會出現【Running】字樣,按鈕會變成〔Stop〕。按右上角的〔X〕符號會將視窗縮小到System Tray,要真正的結束系統必須按〔Exit〕按鈕。

    XAMPP-6

  8. Apache與MySQL啟動成功後,在瀏覽器網址列輸入http://localhosthttp://127.0.0.1以顯示XAMPP的主網頁,若能看到XAMPP的內容的話,恭喜你,第一個大步驟已經正確安裝了。

    如果不幸無法顯示網頁內容,查看看是否有啟動了別的程式,把網頁使用的80通訊埠佔住了(常見的是IIS已先啟動而佔用了80埠),將之排除後再試。

    XAMPP-7

  9. 點擊XAMPP的中文網頁可以看到XAMPP更多的功能與資訊。

    XAMPP-8

設定MySQL帳號密碼

為了讓後續Joomla!安裝過程能順利的建立資料庫,我們必須先設定好MySQL的管理帳號 root的密碼,對MySQL的管理我們可以透過phpMyAdmin網頁來操作,只要在瀏覽器網址輸入 http://localhost/phpmyadmin
即可。

  1. 進入phpMyAdmin網頁後,點擊網頁下方的「權限」連結。phpMyAdmin-1
  2. 找到修改密碼的地方後,按最右側的修改按鈕,逐一把root的密碼設定進去。

    phpMyAdmin-2

  3. 輸入兩個相同的密碼後按〔執行〕。

    phpMyAdmin-3

  4. 看到下面的畫面表示root的密碼已設定成功了。接著就準備開始安裝Joomla!的程式了。

    phpMyAdmin-4

  5. 再瀏覽一次http://localhost/phpmyadmin檢查是否密碼有設定成功,若不幸的看到錯誤網頁,則修改c:xamppphpMyAdmin
    config.inc.php
    第21行,把密碼直接填入等號右側的單引號裡面,再重新試一次。

    phpMyAdmin-5

安裝Joomla! 1.0.12無障礙A+版

XAMPP的文件根目錄是C:XAMPHTDOCS
只要在此資料夾裡新增子目錄就能建立一個新的同名網站,例如:

新增資料夾 瀏覽網站
md c:\xampp\htdocs\myweb 用http://localhost/myweb瀏覽新建的網站

把下載而來的Joomla_1.0.12-Stable-Full_Package_TaiwanWA_aplus.zip解壓縮到
c:\xampp\htdocs\myweb,在瀏覽器裡輸入 http://localhost/myweb 就能直接進入Joomla! 1.0.12的安裝網頁。在正式安裝Joomla之前,請先修改下列檔案,使建立的資料庫是正常的UTF-8版本,否則中文會變成亂碼而無法閱讀(網頁顯示正常,但用http://localhost/phpmyadmin瀏覽資料庫時是亂碼,匯出資料時也是亂碼)。下列修改是參考
http://www.joomla.org.tw/phpbb3/viewtopic.php?f=63&t=2225
的教學而來的,若仍有問題請直接到該網站查找。

修改中文亂碼問題

  • 修改的第一個檔案:c:xampphtdocsmywebincludesdatabase.php
  • 修改行號:第101行-102行
  • 修改前:
$this->_table_prefix = $table_prefix;
//@mysql_query("SET NAMES 'utf8'", $this->_resource);
  • 修改後:
$this->_table_prefix = $table_prefix;
if ($this->isSupportUtf8()) {
  mysql_query("SET NAMES 'utf8'", $this->_resource);
}
  • 並增加新的函數isSupportUtf8
/**
* @return bool check if mysql support utf8 or not
*/
function isSupportUtf8() { // from dotproject 2.1rc1 Chinese Mark Wu
  // check mysql version. Version lower than 4.1.1 doesn't support utf8
  if (mysql_get_server_info($this->_resource) < '4.1.1') return false;
  // check if utf8 support was compiled in
  $result = mysql_query("SHOW CHARACTER SET like 'utf8'",$this->_resource);
  if (mysql_num_rows($result) > 0) {
      return true;
  }
  return false;
}
  • 修改的第二個檔案:c:xampphtdocsmywebinstallationinstall2.php
  • 修改行號:第67行
  • 修改前:
$sql = "CREATE DATABASE `$DBname`";
  • 修改後:
if ($database->isSupportUtf8()) {
  $sql = "CREATE DATABASE `$DBname` CHARACTER SET utf8 COLLATE utf8_general_ci";
} else {
  $sql = "CREATE DATABASE `$DBname`";
}

安裝Joomla!

  1. 第一次在網址輸入 http://localhost/myweb就會進入安裝網頁,選好【繁體中文】後按〔下一步〕。 Jommla-1
  2. 顯示安裝前檢查網頁,按〔下一步〕。

    Joomla-2

  3. 顯示授權規定,按〔下一步〕。

    Joomla-3

  4. 輸入MySQL的資料庫設定。

    joomla-4

    依下列範例輸入資料庫相關資料:

    主機名稱 localhost
    MySQL 帳號 一般是root,請全部用小寫
    MySQL 密碼 自行輸入密碼
    MySQL 資料庫名稱 自行輸入,可與網站名稱相
    同以方便管理
    MySQL 資料表前綴字 使用預設的jos_即可
  5. 做最後確認,按下,〔確定〕後就開始安裝資料庫myweb。

    Joomla-5

  6. 在步驟2裡輸入你的網站描述。

    Joomla-Step-2

  7. 逐一輸入需要的資料。此處的密碼是網站的管理帳號admin登入管理區時使用的密碼。

    Joomla-step-3

  8. 到了步驟4表示網站已經順利的建立成功了,最後要再做一個動作好讓網站能正常使用:將Joomla!的安裝目錄刪除,但為了能再重新安裝,建議不要把安裝目錄刪掉而只要做改名即可,即把 c:\xampp\htdocs\myweb\installation 改名成
    c:\xampp\htdocs\myweb\installation-bak(改名的目錄名稱可以是任何名稱)。

    Joomla-step-4

  9. 瀏覽器網址輸入 http://localhost/myweb,若安裝正確即能顯示網站內容:

    Joomla-front-page

  10. 若使用http://localhost/myweb/administrator則能進入管理區,輸入安裝步驟7裡輸入的密碼後,即能看到管理網頁內容。

    Jomla-admin-login

    Joomla-admin-content

如何重新安裝Joomla!

只要依照下列步驟就能重新安裝Joomla!:

  1. 把 c:\xampp\htdocs\myweb\configuration.php 刪掉或改名
  2. 把改名的c:\xampp\htdocs\myweb\installation-bak改回c:\xampp\htdocs\
    myweb\installation
  3. 用 http://localhost/phpmyadmin 把資料庫myweb刪掉
  4. 重新依安裝程序再執行一次

驗證資料庫中文編碼是否正確

  1. 使用http://localhost/phpmyadmin連接MySQL來檢視資料庫的中文編碼是否是正確無誤的UTF-8。首先點選要檢視myweb資料庫。

    MySQL-encoding-1

  2. 依序瀏覽jos_content的資料內容,若能正確看到中文表示編碼是正確的。

    MySQL-Encoding-2


版本:2008/06/22 V1.1

作者:簡睿

版權:歡迎轉載,但請註明作者與來源連結

##

您可能也會有興趣的類似文章

簡睿

服務於軟體業的資訊老兵。興趣廣泛,學習力佳,樂於分享所知所學。

您可能也會喜歡…

1 個回應

  1. 2011/01/18

    […] 在本機安裝WordPress 3.0 WordPress需要的環境是Apache Web Server、PHP程式語言環境、MySQL資料庫系統,在Windows平台最簡單的方法是安裝軟體包XAMPP或AppServ,先前的Joomla是使用XAMPP,此次改以AppServ來展示。依照正常程序建立AppServ後,將WordPress安裝檔解壓縮到C:AppServwww資料夾裡。 […]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *