Lecture 4-2 網路行銷系統osCommerce

Lecture 4-2
網 路 行 銷 系 統 osCommerce
1

建 議
• 安 裝 版 本
–PHP 4.x.x
–Apache 1.3.x
–MySQL 4.0
• 雖 osCommerce 已 修 正 對 MySQL 5.0 的 支
援 , 但 仍 不 建 議 使 用
• 作 業 系 統
–Windows
–Linux
2

安 裝 環 境 –Windows +
Appserv (1)
• 準 備 項 目
–Windows 作 業 系 統 電 腦
–ADSL 寬 頻
–Appserv 軟 體
•Appserv 可 至
http://www.appservnetwork.com 下 載
– 可 選 擇 中 文 語 系 (Chinese), 字 元 編 碼 用 萬 國 碼
(UTF-8)
–Appserv 版 本 眾 多 , 請 使 用 2.4.x 版 本 ,2.5.x 為 開
發 版 本
–osCommerce 套 件
3

安 裝 環 境 –Windows +
• 下 載
Appserv
( 圖 中 紅 框 處 )
Appserv (2)
4

安 裝 環 境 –Windows +
• 選 擇 版 本
此 處 以 2.4.4a
Appserv (3)
5

• 執 行 安
裝 程 式
安 裝 環 境 –Windows +
Appserv (4)
1
6

• 選 取
安 裝 目 錄
安 裝 環 境 –Windows +
Appserv (5)
注 意 事 項 :
1. 於 紅 框 處 輸 入 安
裝 目 錄 ( 預 設 於
C:\AppServ )
2. 選 擇 Next
1
2
7

• 選 擇
安 裝 選 項
安 裝 環 境 –Windows +
Appserv (6)
注 意 事 項 :
1. 選 擇 Typical
若 有 其 他 特 殊 需 求 ,
可 選 擇 custom
2. 選 擇 Next
1
2
8

安 裝 環 境 –Windows +
• 設 定 Apache
Appserv (7)
注 意 事 項 :
1. 安 裝 於 本 機 , 則 填 寫
localhost, 若 有 網 域 名 稱
(DN), 則 須 填 寫 網 域 名 稱
( 例 如 :
www.yourdomain.net)
2. 填 寫 可 以 收 到 信 件 的 e-
mail 位 置
3.http 預 設 的 連 接 埠 為
80, 若 要 更 改 ( 如 800),
則 須 於 連 接 時 , 使 用
http://localhost: 埠 號
4. 點 選 Next
1 填 寫 主 機 名 稱
3 填 寫 埠 號
2 填 寫 e-mail
4
9

• 設 定 MySQL
安 裝 環 境 –Windows +
Appserv (8)
注 意 事 項 :
1. 使 用 者 名 稱 可 自 行 設
定 , 預 設 為 mysql
2. 設 定 密 碼
3.Charset 預 設 為
latin1( 可 更 改 )
4. 點 選 Next 後 , 即 會
開 始 安 裝
1 使 用 者 名 稱
2 使 用 者 密 碼
3 預 設 語 系
4
10

• 安 裝 完 畢
安 裝 環 境 –Windows +
Appserv (9)
注 意 事 項 :
1. 安 裝 完 畢 後 , 務 必
勾 選 Start Apache
及 Start MySQL
2. 點 選 Close
3. 電 腦 會 自 動 啟 動
Apache 及 MySQL
1
2
11

安 裝 環 境 –Windows +
• 測 試 網 頁
Appserv (10)
注 意 事 項 :
1. 安 裝 於 本 機 , 請 輸 入
http://localhost
* 若 有 設 定 網 域 名 稱 , 則
需 輸 入
http://www.yourdomain
2. 可 點 選 phpMyAdmin
測 試
3. 網 頁 根 目 錄 為
c:\AppServ\www
1
2
12

安 裝 環 境 –Windows +
• 下 載
osCommerce
並 將 檔 案 解
壓 縮 至
C:\AppServ\www\
Appserv (11)
1
13

開 始 安 裝 (1)
• 確 認 安 裝 環 境 設 定
• 依 據 系 統 環 境 , 使 用 下 列 網 址 進 行 安 裝
–Windows :
http://localhost/catalog/install
14

開 始 安 裝 (2)
1
1. 畫 面 上 方 為
osCommerce 的 說
明
2. 點 選 Install 繼 續
3. 之 後 會 顯 示 官 方
歡 迎 畫 面 , 再 點 選
Install 進 行 安 裝
2
15

開 始 安 裝 (4)
• 第 一 次 安 裝 設 定 選 項
1 務 必 勾 選
2 務 必 勾 選
3
16

開 始 安 裝 (5)
• 輸 入 主 機 資 訊
1 輸 入 主 機 名 稱 或 IP
2 輸 入 使 用 者 名 稱
3 輸 入 使 用 者 密 碼
4 輸 入 資 料 庫 名 稱
17

開 始 安 裝 (6)
• 資 料 庫 匯 入 成 功
18

開 始 安 裝 (7)
• 輸 入 設 定 檔 資 訊
1 網 頁 路 徑
2 網 頁 位 置
3 網 域 ( 可 不 填 )
4 cookie 路 徑 ( 可 不 填 )
5 ssl 連 線 ( 不 要 打 勾 )
19

開 始 安 裝 (8)
• 再 次 確 認 資 料 庫 主 機 資 訊
20

開 始 安 裝 (9)
• 設 定 configure.php 權 限
Unix-like 環 境 :
1. C:\ 表 示 [WebRoot]
2. 若 權 限 706 不 行 , 請
改 用 777
Windows 環 境
21

開 始 安 裝 (10)
• 安 裝 完 成
22

前 台 畫 面
23

後 台 畫 面 (1)
• 登 入 畫 面
帳 號 : admin@localhost
密 碼 : admin
24

後 台 畫 面 (2)
• 登 入 後 畫 面
25

安 裝 後 修 正
(1)
•[WebRoot]/catalog/install :
基 於 安 全 性 原 則 , 此 目 錄 應 刪 除
•[WebRoot]/catalog/include/configur
e.php : 應 設 定 正 確 權 限 ( 唯 讀 )
•Session 資 料 夾 不 存 在 : 新 增 /tmp 資
料 夾
26

安 裝 後 修 正
(2)
•Windows 環 境 修 正 ( 寄 信 問 題 )
修 改 php.ini ( 大 約 在 480-485 行 )
[mail function]
; For Win32 only.
SMTP = localhost 改 成 寄 信 的 SMTP
; For Win32 only.
Sendmail_From = me@localhost
改 成 個 人 的 mail address
• 重 新 啟 動 Apache
27

安 裝 後 修 正
(3)
• 到 後 台 / 系 統 設 定 / 電 子 郵 件 選 項 / 電 子 郵 件 寄
信 方 式 按 編 輯 , 修 改 為 smtp, 按 更 新 即
可
28

版 面 介 紹
上 區 塊
左
區
塊
中
間
區
塊
右
區
塊
下 區 塊
29

上 區 塊
• 放 置 公 司 的 LOGO 及 網 站 導 覽
logo
30

左 區 塊
• 分 為 五 個 部 份 :
1. 商 品 分 類
2. 製 造 廠 商
3. 新 上 架 商 品
4. 快 速 尋 找 商 品
5. 服 務 台
31

中 間 區 塊 (1)
• 分 為 三 個 部 份 :
1. 上 半 部
包 含 : 歡 迎 詞 、
登 入 等
2. 中 間 部 分
最 新 商 品 區 塊
3. 下 半 部
商 品 預 告 區 塊
32

中 間 區 塊 (2)
• 已 登 入 畫 面
33

中 間 區 塊 (3)
• 新 客 戶 註 冊 畫 面
34

右 區 塊 (1)
• 預 設 項 目
1. 購 物 車
2. 特 價 商 品
3. 商 品 評 論
4. 語 系
5. 貨 幣
6. OSC 網 群
35

右 區 塊 (2)
• 當 選 擇 商 品 後 , 新
增 區 塊 :
1. 廠 商 資 訊
2. 暢 銷 商 品
3. 商 品 通 知
4. 商 品 評 論
5. 推 薦 給 親 友
36

下 區 塊
• 主 要 是 OSC 版 權 宣 告 及 站 內 廣 告 播 放
37

使 用 者 註 冊
(1)
• 點 選 我 的 帳 號
38

使 用 者 註 冊
(2)
• 未 註 冊 者 :
按 繼 續
• 已 註 冊 者 :
輸 入 帳 號 、 密 碼
再 按 登 入
39

使 用 者 註 冊
(3)
• 註 冊 時 須 填 寫 一
些 基 本 資 料 ,
並 按 繼 續
40

使 用 者 註 冊
(4)
• 註 冊 完 成
41

• 我 的 帳 號 內 容
登 入 後 畫 面
42

購 物 車
• 分 為 三 個 部 份 :
1. 購 物 車
2. 購 物 記 錄
3. 暢 銷 商 品
43

結 帳 (1)
• 結 帳 畫 面
1. 送 貨 地 址
2. 送 貨 方 式
3. 意 見 欄
44

結 帳 (2)
• 付 款 方 式
1. 帳 單 地 址
2. 付 款 方 式
3. 意 見 欄
45

結 帳 (3)
• 確 認
若
有
錯
誤
還
可
以
再
修
改
46

結 帳 (4)
• 完 成 畫 面
47

STS 簡 介
•STS:Simple Template System, 簡 單
樣 版 系 統
• 將 預 先 設 計 好 的 網 站 樣 版 , 利 用 後 台 管
理 程 式 套 用 , 讓 前 台 以 預 先 設 計 的 樣 板
顯 示
• 利 用 一 個 標 準 的 html 檔 , 以 表 現 OSC 預
設 版 面 的 所 有 元 件
48

STS 安 裝 (1)
• 第 一 次 安 裝 :
– 將 STS 所 有 檔 案 上 傳 即 可
• 手 動 安 裝 : 需 進 行 下 述 檔 案 修 改
後 台 :
•catalog/admin/modules.php
•catalog/admin/includes/languages/tchinese.php
•catalog/admin/includes/languages/tchinese/modules.php
•catalog/admin/includes/boxes/modules.php
前 台 :
•catalog/includes/application_top.php
•catalog/includes/header.php
•catalog/includes/column_left.php
•catalog/includes/column_right.php
•catalog/includes/footer.php
49

STS 安 裝 (2)
• 預 設 樣 版 安 裝
– 點 選 『 預 設 樣 版 』 後 , 點 取 右 邊 的 『 安 裝 』 即 可
– 可 以 點 選 『 編 輯 』 以 針 對 不 同 項 目 進 行 修 改
50

STS 安 裝 (3)
•index 頁 面 樣 版 安 裝
– 點 選 『index 頁 面 樣 版 』 後 , 點 取 右 邊 的 『 安 裝 』
即 可
– 可 以 點 選 『 編 輯 』 以 針 對 不 同 項 目 進 行 修 改
51

STS 安 裝 (4)
•product_info 頁 面 樣 版 安 裝
– 點 選 『product_info 頁 面 樣 版 』 後 , 點 取 右 邊 的
『 安 裝 』 即 可
– 可 以 點 選 『 編 輯 』 以 針 對 不 同 項 目 進 行 修 改
52

STS 使 用 說 明
(1)
• 簡 易 模 式
– 此 模 式 僅 使 用 sts_template.html 的 頁 面
– 引 用 stylesheet.css 的 樣 式 檔
– 可 使 用 網 頁 編 輯 器 進 行 該 頁 面 的 修 正
• 變 更 預 設 樣 版
– 可 使 用 自 行 設 計 的 樣 版 , 需 至 後 台 更 改 預
設 之 樣 版 檔
• 設 計 個 人 樣 版
– 可 至 catalog/includes/sts_templates/
下 新 增 個 人 樣 版
53

• 除 錯 模 式
STS 使 用 說 明
(2)
– 可 設 定 除 錯 模 式 , 在 不 影 響 前 台 消 費 者 下 修
改 樣 版
–STS 資 訊 、 使 用 模 版 、 引 入 檔 案 及 變 數 等
細 部 資 料 會 在 頁 面 下 方 顯 示
– 使 用 方 式 :
• 在 瀏 覽 器 網 址 列 輸 入 :
http://[web]/catalog/index.php?sts_debug=
debug
•debug 為 預 設 碼 , 可 於 後 台 進 行 設 定
54

• 新 增 變 數
STS 使 用 說 明
(3)
– 使 用 sts_user_code.php
• 檔 案 位 於
catalog/includes/modules/sts_inc/ 下
• 可 直 接 於 檔 案 後 面 新 增 變 數
– 自 行 新 增 變 數 定 義 檔
• 參 照 上 述 檔 案 進 行 檔 案 新 增
• 可 一 次 設 定 多 個 定 義 檔
55

• 特 定 頁 面 樣 版
STS 使 用 說 明
(4)
– 為 某 特 定 頁 面 設 計 專 屬 樣 版
– 命 名 格 式 ─ *.php.html
如 :index.php ↔ index.php.html
•index 頁 面 樣 板 模 組 ─ 商 品 目 錄 樣 版
– 為 某 一 個 或 全 部 商 品 設 計 不 同 樣 版
– 命 名 格 式 ─ index.php_ 第 一 層 _ 第 二 層 _ 第 三
層 .html
– 第 n 層 應 為 『 數 字 』
如 :index.php?cPath=11_22_33 ↔
index.php_11_22_33.html
56

STS 使 用 說 明 (5)
•index 頁 面 樣 板 模 組 ─ 製 造 廠 商 樣 版
– 為 某 一 家 或 全 部 廠 商 設 計 不 同 樣 版
– 命 名 格 式 ─ index.php_mfr_xx.html
–xx 應 為 『 數 字 』
如 :index.php?manufactures_id=4 ↔
index.php_mfr_4.html
•Product_info 頁 面 樣 板 模 組 ─ 特 定 商 品
樣 版
– 為 某 一 個 或 全 部 商 品 設 計 不 同 樣 版
– 命 名 格 式 ─ product_info.php_xx.html
–xx 應 為 『 數 字 』
如 :product_info.php?product_id=3 ↔
product_info.php_3.html
57

STS 使 用 說 明
(6)
•product_info 頁 面 樣 板 模 組 ─ 中 間 內 容
樣 版
– 為 商 店 中 間 區 塊 設 計 不 同 樣 版
– 命 名 格 式 ─ product_info.php_xx.html
–xx 應 為 『 數 字 』
如 :product_info.php_3.html
58

STS 變 數 列 表
•STS 變 數 繁 多 , 檔 案 位 於
catalog/includes/modules/sts_inc/ 下 , 可 分
成 :
– 通 用 變 數 (general.php)
– 區 塊 變 數 (column_left.php)
–html header 專 用 變 數
– 頁 腳 變 數 (footer.php)
– 自 定 變 數 (sts_user_code.php, 可 自 行 定 義 或 新 增 )
– 商 品 內 容 變 數 (product_info.php)
59

• 修 改 變 數 名 稱
STS 使 用 技 巧
– 為 避 免 資 料 與 變 數 名 稱 的 錯 誤 , 可 於 變 數 後
方 加 一 個 字 元 , 是 資 料 與 變 數 名 稱 不 至 重 複
• 移 除 沒 有 使 用 的 程 式 碼
– 檢 查 自 定 義 變 數 (sts_user_code.php) 及
general.php, 移 除 未 使 用 的 程 式 碼
• 使 用 自 訂 的 變 數 定 義 檔
– 使 用 分 開 的 變 數 定 義 檔
60

stylesheet.css 樣 式 表
•OSC 預 設 樣 式 表
– 位 於 catalog/stylesheet.css
•STS 引 用 樣 式 表
– 位 於 catalog/includes/sts_templates/ 樣
式 目 錄 中
• 使 用 CSS 樣 式 表 方 式 定 義
61

STS 樣 板 設 計
• 決 定 版 面 樣 式 及 顏 色
• 切 割 版 面
• 設 計 樣 版 檔
• 修 改 stylesheet.css, 調 整 顏 色
及 大 小
• 依 需 要 修 改 圖 片
62

外 掛 必 備 工 具
• 編 輯 器 : 當 需 要 修 改 程 式 碼 時 使 用
•MySQL 資 料 庫 工 具 : 新 增 或 調 整
MySQL 資 料 庫 使 用
• 檔 案 傳 輸 工 具 : 提 供 上 傳 程 式 碼 到 遠 端
主 機 , 本 機 使 用 者 不 需 用 到
63

官 方 外 掛 簡 介
• 官 方 外 掛 網 站
– 提 供 12 大
類 ,3500 多
筆 資 料
64

外 掛 安 裝 基 本 觀 念
1. 閱 讀 readme
2. 備 份 程 式
3. 上 傳 新 增 的 檔 案
4. 修 改 OSC 原 始
碼
5. 匯 入 資 料 表
6. 處 理 語 系 檔
65

線 上 人 數 外 掛
(1)
解 壓 縮 後 目 錄
線 上 人 數 外 掛 下 載 位 置
66

線 上 人 數 外 掛
(2)
外 掛 名 稱
難 易 程 度
備 份 檔 案
上 傳 檔 案
修 改 原 始 碼
STS 新 增 變
STS 數 樣 板 修
匯 改 入 資 料 表
語 系 處 理
線 上 人 數 區 塊
★★☆☆☆
Yes
Yes
Yes
Yes
Yes
Yes
Yes
67

線 上 人 數 外 掛
(3)
• 閱 讀 readme 後 , 備 份 catalog 目 錄
• 將 /includes_boxes/whos_online.php
上 傳 到 /catalog/includes/boxes
• 修 改 相 關 檔 案
– 預 設 安 裝 ( 未 安 裝 STS)
– 安 裝 STS 修 正
68

• 預 設 安 裝 ( 未 安 裝 STS)
– 前 台 修 正 檔 案
線 上 人 數 外 掛
(4)
•catalog/includes/functions/whos_online.php
•catalog/includes/column_left.php
•catalog/includes/column_right.php
– 後 台 修 正 檔 案
•catalog/admin/whos_online.php
69

• 安 裝 STS
– 前 台 修 正 檔 案
線 上 人 數 外 掛
(5)
•catalog/includes/functions/whos_online.php
•catalog/includes/modules/sts_user_code.php
新 增 sts v4.1 變 數 $whos_online
•catalog/includes/sts_templates/ 樣 板 目 錄 (sts04)/
sts_template.html
– 後 台 修 正 檔 案
•catalog/admin/whos_online.php
70

線 上 人 數 外 掛
(6)
• 匯 入 資 料 表 – 開 啟 phpMyAdmin
71

線 上 人 數 外 掛
(7)
• 匯 入 資 料 表 – 選 取 OSC 資 料 庫
72

線 上 人 數 外 掛
(8)
• 匯 入 資 料 表 – 選 取 『SQL』 連 結
73

線 上 人 數 外 掛
(9)
• 匯 入 資 料 表 – 選 取 本 機 目 錄 中 的 sql 檔
1
74

線 上 人 數 外 掛
(10)
• 匯 入 資 料 表 – 點 選 『 執 行 』
執 行 後 若 無 問 題 則 出 現 順 利 匯 入 訊 息
75

線 上 人 數 外 掛
(11)
• 後 台 畫 面
76

• 加 入 語 系 檔
– 可 至 KMD 下
載
• 安 裝 完 成
線 上 人 數 外 掛
(12)
77

登 入 區 塊 (1)
外 掛 名 稱
難 易 程 度
備 份 檔 案
上 傳 檔 案
修 改 原 始 碼
STS 新 增 變
STS 數 樣 板 修
匯 改 入 資 料 表
語 系 處 理
登 入 區 塊
★☆☆☆☆
Yes
Yes
No
Yes
Yes
No
Yes
78

登 入 區 塊 (2)
• 未 登 入 會 員 之 登 入 區 塊
79

登 入 區 塊 (3)
• 登 入 會 員 之 登 入 區 塊
80

THE END
81