網路上的問與答

第十篇
如何使用便宜又好用的線上購物車

適合程度： 初學者 一般程度 進階者 以上均宜
問.請問使用線上購物車有何優點？
問
01.方便客戶清點選購項目。
02.計算累計購買金額。
03.可以設定是否要含運費或稅金。
04.讓網站看起來有價值感。
05.實際範例：本線上摹擬採購內容是虛構的，請盡情放心採購吧！

問.請問傳統訂購表單有何缺點？
問
01.採用Mailto時，客戶要有自己信箱或懂得設定。
02.客戶要逐一核對採購項目或金額。
03.數量或項目超過兩個，客戶要自己計算金額。
04.容易暴露自己的信箱。
05.客戶會認為您不夠專業。

問.請介紹一下這隻購物車？
問
01.本購物車屬於基本型，採購程序及功能完整，算是簡單版的購物車。
02.限制條件：一次限採購 19 個項目，超過時需先結算後才能再繼續採購。
03.郵資及運費程式計算，只能選擇要與不要，或多少錢以下不接受採購。
04.由於本程式功能比較陽春、屬於精簡型，所以價格也相對便宜。
05.如果您具備 HTML 語法或懂得網頁製作，很容易自己就可以上架貨品。
06.如果您具備 CGI 程式及 JS 程式語言基礎，也可以輕易修改他配合自己需要。

問.請問這隻購物車架構如何？
問
         index.htm 
             |
    menu.htm & main.htm
             |
             +-- cgi-bin / cart.pl  [755]
             |      
             +-- images / 所有圖檔
             |
    pcart.js & language.js 購物車2隻主程式










問.請問這隻購物車運作流程如何？

問

index.htm 下一步
分割為上 (top) 下 (main) 兩個視窗，上層為主選單 (menu.htm)，下層為主頁面 (main.htm)。

本範例使用水果 (fruit.htm)、肉類 (meat.htm)、蔬菜 (vegetable.htm)、酒品 (wine.htm) 四個購物頁檔案(註一)。

下一步 訪客選擇任一頁內之產品，填妥數量(如需增加時)按下放入採購車，便會跳出該項確認對話盒。

下一步 訪客按下確定 => 就會將該產品送入購物車清單 (managecart.htm) 內，並自動完成統計計算。

下一步 訪客如要修改數量、刪除項目或櫃檯結算，隨時都可按下[檢視購物車]清單 (managecart.htm)。

下一步 檢視購物車選單內的[採購需知]及[繼續採購]畫面，您自己可以視需要修飾或增減內容(註二)。

下一步 訪客如果沒有採購任何物品，無法[櫃檯結算]，他會警告：[此購物車目前沒有內容]。

下一步 訪客按上層選單或[繼續採購]選項，就可繼續採購商品(註三)。

下一步 訪客完成採購，按下[櫃檯結算]後，便會進入填寫個人[基本資料]之結帳訂購頁(checkout.htm)(註四)。

下一步 本訂購單已設 JavaScript 程式 (check.js) 欄位偵測功能，具有防止右鍵；如果不懂，最好不要亂動(註五)。

下一步 訪客填寫必要欄位，按下訂單後，就會交給 CGI 程式處理；此時，您及訪客都會收到這份訂單資料。

註一：您可以無限增加頁數或產品項目，惟訪客最多一次只能購買 19 項，就必需先結帳後再續購。

註二：強列建議您學會基 本HTML 語法，並使用電腦內的記事本 (NotePade) 來做修改。

註三：[請選擇類別繼續採購]選項，我是用 menu.js 製作，您可以配合需要自行製作。

註四：櫃檯結算網頁，您可以配合需要自行修飾或增減內容。

註五：基本資料表單各欄位，建議您不要修改，因為他的 name=" " 值要與 CGI 程式配合使用。











問.請問這隻購物車程式還有那些相關檔案？

問


fruit.htm       //水果購物頁(您可以自行增減)
meat.htm        //肉類購物頁(您可以自行增減)
vegetable.htm   //蔬菜購物頁(您可以自行增減)
wine.htm        //酒品購物頁(您可以自行增減)
css.css         //設定文字大小、背景顏色等 css 檔案
check.js        //訂購單欄位、JavaScript 程式偵測功能
language.js     //購物車中文設定 JavaScript 程式碼
pcart.js        //購物車主要設定 JavaScript 程式碼
medi.js         //首頁四項產品輪動 JavaScript 程式
menu.js         //四個購物頁選單 JavaScript 程式檔案
readme.txt      //本案說明檔
use.txt         //使用說明檔












問.訂購這隻購物車程式要多少費用？

問這個價錢別家是絕對找不到的，我們提供以下幾種方案讓您輕鬆獲得。

01.購買程式自行安裝：2,000 元/件(含本程式範例，適合：已懂的 HTML 語法及設定 CGI 者)。

02.由我代勞安裝設定：2,000 元/件 + 安裝數量費用(含本程式，適合：不懂網頁及 CGI 者)。

03.線上指導學習程式：500 元/案(適合：已購購物車，耽心自行安裝有困難或不便參加個別指導者)。

04.個別指導學習程式：1,500 元/案(適合：已購購物車，懂的 HTML 語法，想自己管理者)。

05.詳細介紹網址：










問.請問我是您們的資料或教學會員，有何優待？

問不論何時加入，只要是我們的資料或教學會員，所有[ CGI 程式服務專案]內項目，一律享有再7折的優待。











問.請問如果我需要這隻程式，要如何跟您聯絡及付款？

問我的付款辦法如下：

郵局轉帳：郵局代號：700 局號：001143-1 帳號：800041-8 

戶名：李文能  立帳郵局：汐止龍安郵局

花旗銀行台北分行戶名：李文能  轉帳：代碼：021  帳號：5664078009

聯絡電話：(02) 2647-3677 (H) 大哥大 0933895367 2642-2949(Fax)

聯絡信箱：有關購物車我想請教您，問題如下：

安裝過客戶實績：請寫信問我我對購物車貴有興趣，請給我安裝過客戶實績











結論與建議：
      
本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。

本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。

強烈建議您 學會 HTML 語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。

本報導屬於完全免費性質，   索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。

一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。

本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。

本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。