Transcript 10.osCommerce購物網站架站實戰

第十章 osCommerce購物網站
架站實戰
課前指引
本章的學習重點，在於如何利用osCommerce開放程式碼軟體架
設B2C的網站，如何架設網站並練習操作，包括會員註冊、商品
上傳、商品下訂單…等。
章節大綱
10-1 AppServ的下載和架站-安
裝osCommerce的環境
10-3 osCommerce 的後台功能
和操作範例
10-2 osCommerce的下載和安裝
10-4 osCommerce 的前台功能
和操作範例
備註：可依進度點選小節
10-1 AppServ的下載和架站
Apache網站上最新版套件是AppServ
2.5.7的安裝套件，包含
Apache 2.2.3
PHP 5.1.6
MySQL 5.0.24a
phpMyAdmin-2.9.0.2
下載過程如下:
3
10-1 AppServ的下載和架站
1.連至Apache Server下載網站
(http://www.appservnetwork.com/)
4
10-1 AppServ的下載和架站
2.點選Taiwan的Download超連結
5
10-1 AppServ的下載和架站
3.按【儲存】按鈕
6
10-1 AppServ的下載和架站
4.選擇要下載程式的目錄，按【儲存】
按鈕
7
10-1 AppServ的下載和架站
5.下載完成的程式
8
10-1 AppServ的下載和架站
安裝Apache Server的時候，安裝程式會
詢問下列問題
安裝目錄：預設值： C:\AppServ
程式集名稱：預設值 "AppServ"
安裝模式：
Typical安裝模式：除了source code不安裝外，所有的
項目組都會安裝。
Minimum安裝模式：僅安裝核心程式，其他附加模組、
線上說明檔與source code都不會安裝。
Custom安裝模式：可以選擇要安裝的項目，可以視需要
多安裝上source code。
安裝過程如下：
9
10-1 AppServ的下載和架站
1.直接(滑鼠左鍵按兩下)執行桌面(下載
目錄)上的appserv-win32-2.5.5.exe，
出現歡迎畫面(如圖)，按下Next。
10
10-1 AppServ的下載和架站
2.出現授權合約的畫面，按下I Agree。
11
10-1 AppServ的下載和架站
3.選取安裝的目錄，預設為c:\AppServ(
如圖)，為了以後學習方便，請不要修改
它，按下【Next】按鈕。
12
10-1 AppServ的下載和架站
4.選取安裝選項，不必修改，按下【
Next】按鈕。
13
10-1 AppServ的下載和架站
5.輸入伺服器資訊，按【Next】按鈕
14
10-1 AppServ的下載和架站
6.輸入MySQL伺服器資訊，按【Next】按
鈕
15
10-1 AppServ的下載和架站
7.按【Finish】按鈕
8.重新啟動電腦
16
10-1 AppServ的下載和架站
9.測試伺服器，在網址列輸入
http://localhost
17
10-2 osCommerce的下載和安裝
osCommerce系統 是由一群熱忱、活躍以
及持續成長的社群成員，互相幫忙和參
加解決問題，在Apache+php + mySQL架
構下，所發展出來的線上商店、電子商
務的解決方案。
請先至網路甘碼店網站http://osc.kmd.com.tw/
試用頁面下載osCommerce 這套軟體。
台灣PHP聯盟http://twpug.net/試用頁面下載，
如果你無法下載，請先註冊成為會員後再試一次
。
18
10-2 osCommerce的下載和安裝
osCommerce下載
1.台灣PHP聯盟，點選超鏈結下載最新osCommerce
軟體中文版。
19
10-2 osCommerce的下載和安裝
osCommerce下載
2.點擊後請您選擇儲存的資料夾，下載完成
osCommerce的壓縮檔。
20
10-2 osCommerce的下載和安裝
osCommerce下載
3.osc目錄複製至c:\appserv\www的資料夾
21
10-2 osCommerce的下載和安裝
osCommerce安裝
1.請開啟瀏覽器並在網址列輸入，如http://網域
名稱/catalog/install或
http://localhost/catalog/install 或
http://xxx.xxx.xxx.xxx/catalog/install，便
會進入如圖所示之安裝畫面，請按 Install 進行
安裝。
22
10-2 osCommerce的下載和安裝
23
10-2 osCommerce的下載和安裝
osCommerce安裝
2.第一次安裝設定選項，設定完後請按『繼續』
鈕
匯入商店資料庫：勾選『安裝資料庫及商店與商品資料
』可以選擇是否安裝商店預設的商品資料庫，通常第一
次安裝必須選取，如果是手動匯入資料庫，如
phpMyAdmin 則可不必勾選。
自動設定：勾選『儲存設定值』會在安裝過程中產生前
台(catalog/includes/configure.php)和後台
(catalog/admin/includes/configure.php)的設定檔，
反之則不產生任何設定檔，緊接著我們將會以『儲存設
定值』作為說明。
24
10-2 osCommerce的下載和安裝
osCommerce安裝
2.第一次安裝設定選項，設定完後請按『繼續』
鈕
25
10-2 osCommerce的下載和安裝
osCommerce安裝
3.輸入主機資訊，設定完後請按『繼續』鈕
資料庫主機：輸入資料庫主機名稱或IP位址，如
mydb.myserver.com 或 IP 位址，如192.168.100.101
，如果是自建主機，請填 localhost ，若是租用主機
才可能要填主機名稱或 IP。
使用者名稱：連接資料庫主機的使用者名稱，此使用者
至少必須擁有新增(Create)及刪除(Drop)資料表的權限
，如 'root'。
密碼：資料庫使用者密碼，例如：安裝AppServ時資料
庫密碼是’123456’。
資料庫名稱：OSC 所使用的資料庫名稱，可自己設定資
料庫名稱，安裝時會自動新增該資料庫，如
‘osCommerce’。
26
10-2 osCommerce的下載和安裝
osCommerce安裝
3.輸入主機資訊，設定完後請按『繼續』鈕
保持連接：這個選項是 mysql server 上 connect 與
pconnect 的問題，雖然 pconnect 效率比較好，因為
當連接人數超過限制時會造成 mysql server 無法正常
運作，因此預設為 connect 也就是不啟動。
Session 儲存於：選擇 session 的儲存方式，如果選
擇檔案，必須在設定檔內定義儲存的目錄及路徑，且必
須在主機該路徑下建立該目錄(/tmp)，若選擇 mysql
方式，則 seesion 會存入資料庫。
27
10-2 osCommerce的下載和安裝
osCommerce安裝
3.輸入主機資訊，設定完後請按『繼續』鈕
28
10-2 osCommerce的下載和安裝
osCommerce安裝
4.資料庫連接測試成功畫面，準備匯入資料庫，
請按『繼續』鈕進入下一步。
29
10-2 osCommerce的下載和安裝
osCommerce安裝
5.匯入資料庫成功，請按『繼續』鈕進入下一步
30
10-2 osCommerce的下載和安裝
osCommerce安裝
6.輸入設定檔相關資訊(configure.php)
網頁位址：請輸入商店前台的網頁根目錄，則應該輸入
http://localhost/catalog/ 或
http://xxx.xxx.xxx.xxx/catalog/
網頁根目錄：請輸入前台的實際路徑，如
c:/AppServ/www/catalog/ ，特別注意這裡使用的是
unix 的路徑格式而不是 windows 的路徑格式 。
HTTP Cookie 網域：此處填入你的網域，如
www.kmd.com.tw 或可以省略不填。
HTTP Cookie 路徑：此處填儲存 cookie 的路徑，如
/catalog/ 也可以省略。
啟動 SSL 連線：是否啟動 SSL， 請不要勾選。
31
10-2 osCommerce的下載和安裝
osCommerce安裝
6.輸入設定檔相關資訊(configure.php)
32
10-2 osCommerce的下載和安裝
osCommerce安裝
7.再次確認資料庫主機資訊，通常不需要修改，
請直接按『繼續』鈕進入下一步。
33
10-2 osCommerce的下載和安裝
osCommerce安裝
8.安裝完成
34
10-2 osCommerce的下載和安裝
osCommerce安裝
9.安裝完成，趕快來看看前台及後台的畫面吧！
請按『前台』鈕，彈出的另一個視窗內竟然是如
圖的錯誤訊息，前台上方出現幾行警告訊息，請
依說明修正即可。
35
10-2 osCommerce的下載和安裝
osCommerce安裝
36
10-2 osCommerce的下載和安裝
osCommerce安裝
10.修正1，請依照警告訊息，刪除install這個資
料夾
37
10-2 osCommerce的下載和安裝
osCommerce安裝
11.修正2，請依照警告訊息，修改configure.php
的權限成唯讀
38
10-2 osCommerce的下載和安裝
osCommerce安裝
12.修正3，依照警告訊息，請在 C 磁碟機的根目
錄之下，新建一個資料夾命名為 tmp
39
10-2 osCommerce的下載和安裝
osCommerce安裝
13.最後修正完成後，就不會出現錯誤訊息，恭喜
你已經全部安裝完成。
40
10-2 osCommerce的下載和安裝
課堂討論-假如您要成立一家網路「夢幻
魯味」 ，利用osCommerce開放程式源來
架站
照課本的步驟，先下載後安裝AppServ來架設網站
？
照課本的步驟，先下載後安裝osCommerce架設購
物網站？
最後照課本的步驟，修正osCommerce購物網站？
刪除安裝(install)目錄？
修改configure.php的權限成唯讀？
新增c:\tmp目錄？
41
10-3 osCommerce的後台功能和操作範例
osCommerce的後台功能
系統設定。
商品目錄設定。
客戶/訂單設定。
各類報表設定。
管理員系統設定。
外掛模組設定。
國別 / 地區 / 稅設定。
本地化設定。
我的帳號設定
系統工具設定。
42
10-3 osCommerce的後台功能和操作範例
osCommerce的後台功能
43
10-3 osCommerce的後台功能和操作範例
osCommerce的後台操作範例-商品上架
1.你必須使用預定的電子郵件及密碼登入後台，
帳號預設值是admin@localhost，密碼是admin。
44
10-3 osCommerce的後台功能和操作範例
osCommerce的後台操作範例-商品上架
2.新增一商品目錄
45
10-3 osCommerce的後台功能和操作範例
osCommerce的後台操作範例-商品上架
3.新增一商品
46
10-3 osCommerce的後台功能和操作範例
課堂討論-假如您要成立一家網路「夢幻
魯味」 ，利用osCommerce開放程式源來
架站
照課本的步驟，分組或各個同學將要販賣的標的
物登錄網站？(夢幻魯味、電腦周邊商品、文具商
品、…等。)
47
10-4 osCommerce的前台功能和操作範例
osCommerce前台功能-客戶線上購物系統
購物會員註冊。
商品分類。
商品搜尋系統。
暢銷商品展示。
最新上架商品展示。
商品更新追蹤。
商品評論。
系統化的購物及結帳程序。
支援多種付款方式。
訂單自動回覆。
客戶購物歷史紀錄。
48
10-4 osCommerce的前台功能和操作範例
osCommerce的前台操作範例
1.加入會員：首頁按下「我的帳號」，出現「新
增帳號」，輸入：個人資料、地址、通訊、選項
、密碼(不得少於5 個字)等會員基本資料(* 表示
該欄位必須填寫)。會員基本資料輸入完成後，按
「繼續」。
49
10-4 osCommerce的前台功能和操作範例
osCommerce的前台操作範例
50
10-4 osCommerce的前台功能和操作範例
osCommerce的前台操作範例
51
10-4 osCommerce的前台功能和操作範例
osCommerce的前台操作範例
2.加入購物車：選擇您要的物品，再按「放到購
物車」。
52
10-4 osCommerce的前台功能和操作範例
osCommerce的前台操作範例
3.確認訂單：顯示你帳單資訊，確認無誤後，再
按「確認訂單」。
53
10-4 osCommerce的前台功能和操作範例
課堂討論-假如您要成立一家網路「夢幻
魯味」 ，利用osCommerce開放程式源來
架站
照課本的步驟，分組或各個同學，新增一個會員
，購買標的物？(夢幻魯味、電腦周邊商品、文具
商品、…等。)
54
電子商務小趣聞
osCommerce的由來
osCommerce是由一位名叫Harald的德國人所開始
建立的，目前版本為2.2，官方網站為
http://www.oscommerce.com/。
許多後來者承襲osCommerce架構，創造出功能更
強大的電子商店軟體，如:XT-Commerce、Zencart
、TWE-Commerce。
55
電子商務小趣聞
osCommerce官方網站
56
本章結束
Q&A討論時間
57