1 / 57

第十章 osCommerce 購物網站架站實戰

第十章 osCommerce 購物網站架站實戰. 課前指引 本章的學習重點，在於如何利用 osCommerce 開放程式碼軟體架設 B2C 的網站，如何架設網站並練習操作，包括會員註冊、商品上傳、商品下訂單 … 等 。. 章節大綱. 10-1 AppServ 的下載和架站 - 安 裝 osCommerce 的環境. 10-3 osCommerce 的後台功能 和操作範例. 10-2 osCommerce 的下載和安裝. 10-4 osCommerce 的前台功能 和操作範例. 備註：可依進度點選小節.

hiram-case
Download Presentation

第十章 osCommerce 購物網站架站實戰

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第十章 osCommerce購物網站架站實戰 課前指引 本章的學習重點，在於如何利用osCommerce開放程式碼軟體架設B2C的網站，如何架設網站並練習操作，包括會員註冊、商品上傳、商品下訂單…等。

  2. 章節大綱 10-1AppServ的下載和架站-安 裝osCommerce的環境 10-3osCommerce 的後台功能 和操作範例 10-2osCommerce的下載和安裝 10-4osCommerce 的前台功能 和操作範例 備註：可依進度點選小節

  3. 10-1AppServ的下載和架站 • Apache網站上最新版套件是AppServ 2.5.7的安裝套件，包含 • Apache 2.2.3 • PHP 5.1.6 • MySQL 5.0.24a • phpMyAdmin-2.9.0.2 • 下載過程如下:

  4. 10-1AppServ的下載和架站 • 1.連至Apache Server下載網站(http://www.appservnetwork.com/)

  5. 10-1AppServ的下載和架站 • 2.點選Taiwan的Download超連結

  6. 10-1AppServ的下載和架站 • 3.按【儲存】按鈕

  7. 10-1AppServ的下載和架站 • 4.選擇要下載程式的目錄，按【儲存】按鈕

  8. 10-1AppServ的下載和架站 • 5.下載完成的程式

  9. 10-1AppServ的下載和架站 • 安裝Apache Server的時候，安裝程式會詢問下列問題 • 安裝目錄：預設值： C:\AppServ • 程式集名稱：預設值 "AppServ" • 安裝模式： • Typical安裝模式：除了source code不安裝外，所有的項目組都會安裝。 • Minimum安裝模式：僅安裝核心程式，其他附加模組、線上說明檔與source code都不會安裝。 • Custom安裝模式：可以選擇要安裝的項目，可以視需要多安裝上source code。 • 安裝過程如下：

  10. 10-1AppServ的下載和架站 • 1.直接(滑鼠左鍵按兩下)執行桌面(下載目錄)上的appserv-win32-2.5.5.exe，出現歡迎畫面(如圖)，按下Next。

  11. 10-1AppServ的下載和架站 • 2.出現授權合約的畫面，按下I Agree。

  12. 10-1AppServ的下載和架站 • 3.選取安裝的目錄，預設為c:\AppServ(如圖)，為了以後學習方便，請不要修改它，按下【Next】按鈕。

  13. 10-1AppServ的下載和架站 • 4.選取安裝選項，不必修改，按下【Next】按鈕。

  14. 10-1AppServ的下載和架站 • 5.輸入伺服器資訊，按【Next】按鈕

  15. 10-1AppServ的下載和架站 • 6.輸入MySQL伺服器資訊，按【Next】按鈕

  16. 10-1AppServ的下載和架站 • 7.按【Finish】按鈕 • 8.重新啟動電腦

  17. 10-1AppServ的下載和架站 • 9.測試伺服器，在網址列輸入 http://localhost

  18. 10-2osCommerce的下載和安裝 • osCommerce系統 是由一群熱忱、活躍以及持續成長的社群成員，互相幫忙和參加解決問題，在Apache+php + mySQL架構下，所發展出來的線上商店、電子商務的解決方案。 • 請先至網路甘碼店網站http://osc.kmd.com.tw/試用頁面下載osCommerce 這套軟體。 • 台灣PHP聯盟http://twpug.net/試用頁面下載，如果你無法下載，請先註冊成為會員後再試一次。

  19. 10-2osCommerce的下載和安裝 • osCommerce下載 • 1.台灣PHP聯盟，點選超鏈結下載最新osCommerce軟體中文版。

  20. 10-2osCommerce的下載和安裝 • osCommerce下載 • 2.點擊後請您選擇儲存的資料夾，下載完成osCommerce的壓縮檔。

  21. 10-2osCommerce的下載和安裝 • osCommerce下載 • 3.osc目錄複製至c:\appserv\www的資料夾

  22. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 1.請開啟瀏覽器並在網址列輸入，如http://網域名稱/catalog/install或 http://localhost/catalog/install 或 http://xxx.xxx.xxx.xxx/catalog/install，便會進入如圖所示之安裝畫面，請按 Install 進行安裝。

  23. 10-2osCommerce的下載和安裝

  24. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 2.第一次安裝設定選項，設定完後請按『繼續』鈕 • 匯入商店資料庫：勾選『安裝資料庫及商店與商品資料』可以選擇是否安裝商店預設的商品資料庫，通常第一次安裝必須選取，如果是手動匯入資料庫，如 phpMyAdmin 則可不必勾選。 • 自動設定：勾選『儲存設定值』會在安裝過程中產生前台(catalog/includes/configure.php)和後台(catalog/admin/includes/configure.php)的設定檔，反之則不產生任何設定檔，緊接著我們將會以『儲存設定值』作為說明。

  25. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 2.第一次安裝設定選項，設定完後請按『繼續』鈕

  26. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 3.輸入主機資訊，設定完後請按『繼續』鈕 • 資料庫主機：輸入資料庫主機名稱或IP位址，如 mydb.myserver.com 或 IP 位址，如192.168.100.101，如果是自建主機，請填 localhost ，若是租用主機才可能要填主機名稱或 IP。 • 使用者名稱：連接資料庫主機的使用者名稱，此使用者至少必須擁有新增(Create)及刪除(Drop)資料表的權限，如 'root'。 • 密碼：資料庫使用者密碼，例如：安裝AppServ時資料庫密碼是’123456’。 • 資料庫名稱：OSC 所使用的資料庫名稱，可自己設定資料庫名稱，安裝時會自動新增該資料庫，如 ‘osCommerce’。

  27. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 3.輸入主機資訊，設定完後請按『繼續』鈕 • 保持連接：這個選項是 mysql server 上 connect 與 pconnect 的問題，雖然 pconnect 效率比較好，因為當連接人數超過限制時會造成 mysql server 無法正常運作，因此預設為 connect 也就是不啟動。 • Session 儲存於：選擇 session 的儲存方式，如果選擇檔案，必須在設定檔內定義儲存的目錄及路徑，且必須在主機該路徑下建立該目錄(/tmp)，若選擇 mysql 方式，則 seesion 會存入資料庫。

  28. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 3.輸入主機資訊，設定完後請按『繼續』鈕

  29. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 4.資料庫連接測試成功畫面，準備匯入資料庫，請按『繼續』鈕進入下一步。

  30. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 5.匯入資料庫成功，請按『繼續』鈕進入下一步

  31. 10-2osCommerce的下載和安裝 • 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， 請不要勾選。

  32. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 6.輸入設定檔相關資訊(configure.php)

  33. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 7.再次確認資料庫主機資訊，通常不需要修改，請直接按『繼續』鈕進入下一步。

  34. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 8.安裝完成

  35. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 9.安裝完成，趕快來看看前台及後台的畫面吧！請按『前台』鈕，彈出的另一個視窗內竟然是如圖的錯誤訊息，前台上方出現幾行警告訊息，請依說明修正即可。

  36. 10-2osCommerce的下載和安裝 • osCommerce安裝

  37. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 10.修正1，請依照警告訊息，刪除install這個資料夾

  38. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 11.修正2，請依照警告訊息，修改configure.php的權限成唯讀

  39. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 12.修正3，依照警告訊息，請在 C 磁碟機的根目錄之下，新建一個資料夾命名為 tmp

  40. 10-2osCommerce的下載和安裝 • osCommerce安裝 • 13.最後修正完成後，就不會出現錯誤訊息，恭喜你已經全部安裝完成。

  41. 10-2osCommerce的下載和安裝 • 課堂討論-假如您要成立一家網路「夢幻魯味」 ，利用osCommerce開放程式源來架站 • 照課本的步驟，先下載後安裝AppServ來架設網站？ • 照課本的步驟，先下載後安裝osCommerce架設購物網站？ • 最後照課本的步驟，修正osCommerce購物網站？ • 刪除安裝(install)目錄？ • 修改configure.php的權限成唯讀？ • 新增c:\tmp目錄？

  42. 10-3osCommerce的後台功能和操作範例 • osCommerce的後台功能 • 系統設定。 • 商品目錄設定。 • 客戶/訂單設定。 • 各類報表設定。 • 管理員系統設定。 • 外掛模組設定。 • 國別 / 地區 / 稅設定。 • 本地化設定。 • 我的帳號設定 • 系統工具設定。

  43. 10-3osCommerce的後台功能和操作範例 osCommerce的後台功能

  44. 10-3osCommerce的後台功能和操作範例 • osCommerce的後台操作範例-商品上架 • 1.你必須使用預定的電子郵件及密碼登入後台，帳號預設值是admin@localhost，密碼是admin。

  45. 10-3osCommerce的後台功能和操作範例 • osCommerce的後台操作範例-商品上架 • 2.新增一商品目錄

  46. 10-3osCommerce的後台功能和操作範例 • osCommerce的後台操作範例-商品上架 • 3.新增一商品

  47. 10-3osCommerce的後台功能和操作範例 • 課堂討論-假如您要成立一家網路「夢幻魯味」 ，利用osCommerce開放程式源來架站 • 照課本的步驟，分組或各個同學將要販賣的標的物登錄網站？(夢幻魯味、電腦周邊商品、文具商品、…等。)

  48. 10-4osCommerce的前台功能和操作範例 • osCommerce前台功能-客戶線上購物系統 • 購物會員註冊。 • 商品分類。 • 商品搜尋系統。 • 暢銷商品展示。 • 最新上架商品展示。 • 商品更新追蹤。 • 商品評論。 • 系統化的購物及結帳程序。 • 支援多種付款方式。 • 訂單自動回覆。 • 客戶購物歷史紀錄。

  49. 10-4osCommerce的前台功能和操作範例 • osCommerce的前台操作範例 • 1.加入會員：首頁按下「我的帳號」，出現「新增帳號」，輸入：個人資料、地址、通訊、選項、密碼(不得少於5 個字)等會員基本資料(* 表示該欄位必須填寫)。會員基本資料輸入完成後，按「繼續」。

  50. 10-4osCommerce的前台功能和操作範例 • osCommerce的前台操作範例

More Related