Chapter 1 TWE-COMMERCE購物平台介紹

1.1 TWE-COMMERCE3.05簡介

1.2 TWE-COMMERCE3.05的平台架構



Chapter 2 網站伺服器

2.1 SERVER伺服器的建議

2.2 Windows Server安裝

2.3 伺服器設定



Chapter 3 安裝TWE-COMMERCE3.05

3.1 本機（localhost）Windows作業系統安裝

3.2 網頁空間（虛擬主機）安裝的方式

3.3 網頁空間（虛擬主機有提供Cpanel）安裝的方式



Chapter 4 商店管理

4.1 後台基礎設定

4.2 外掛模組－付款機制

4.3 外掛模組－運送機制

4.4 外掛模組－購物總額

4.5 商品上架

4.6 帳號管理與購物流程

4.7 訂單處理

4.8 非會員購物

4.9 地區�稅別

4.10 客戶�訂單

4.11 商品類別設定

4.12 商品屬性管理

4.13 特價商品

4.14 分級價格

4.15 各類報表

4.16 系統工具

4.17 內容管理員

4.18 資料庫管理

4.19 廣告管理

4.20 伺服器資訊

4.21 線上客戶

4.22 輸出模組

4.23 最新消息�新聞

4.24 會員群組

4.25 檢查客戶位階

4.26 下載商品

4.27 禮券�折價券

4.28 其他



Chapter 5 TWE-COMMERCE佈景改造、裝潢

5.1 預設佈景的變化

5.2 佈景滿版的變化

5.3 佈景一部份滿版一部份限寬的變化

5.4 佈景中央區塊調整

5.5 佈景中央區塊新增

5.6 傳統佈景的調整

5.7 佈景另類的調整

5.8 使用Google Chrome模擬手機、平板畫面

5.9 佈景的另類思考



Chapter 6 RWD與商店中的Bootstrap

6.1 我所認知的Bootstrap

6.2 商店中Bootstrap的架構介紹

6.3 Bootstrap的.container與.row

6.4 Bootstrap的column

6.5 Bootstrap的RWD工具

6.6 Bootstrap的Carousel

6.7 Bootstrap的modal

6.8 Bootstrap的Navbar

6.9 Bootstrap的Responsive images

6.10 Bootstrap的其它



Chapter 7 增加功能與程式修改

7.1 在特定頁加入橫幅大圖

7.2 新增判斷瀏覽裝置函式

7.3 商品詳細頁新增商品連結QR Code

7.4 新增Font Awesome ICON圖標

7.5 load_css.js與導入CSS方式

7.6 load_js.js

7.7 如何導入jQuery外掛

7.8 jQuery back to top回到頂端

7.9 Window Resize

7.10 編輯器TinyMce

7.11 側欄隱藏滑動模組

7.12 JQuery多級摺疊目錄

7.13 中央合作夥伴（廠商）區塊

7.14 中央橫幅大圖SLIDE

7.15 Smarty2樣版引擎升級到Smarty3

7.16 針對PHP7的修改



Chapter 8 資料庫與程式檔案對照表

8.1 前台資料夾與程式對照

8.2 後台資料夾與程式對照

8.3 商品圖片架構對照

8.4 商店佈景程式對照

8.5 語系檔案對照

8.6 資料庫名稱對照

?

序



　　近年來由於瀏覽網站的裝置日新月異，變化之快令人眼花撩亂，除此之外PHP版本的變動也不惶多讓，加上HTML5&CSS3的問市，再再提醒著寫程式的我，必須抬步向前快快跟上。記得第一次接觸到RWD（響應式）網站時，心中一則以喜一則以憂，喜的是又有很多新玩意可嘗試，憂的是怕舊有程式跟不上腳步。無論是喜是憂，不變的是每當網站程式有重大變革時，每每都是需要沒日沒夜敲鍵盤Google資料。幾天下來Chrome瀏覽器的標籤已經擠不下螢幕，每一個頭上標籤都看不見字了，程式編輯器也不知開啟了多少檔案，而電腦的回應也漸漸緩慢下來，似乎在述說著:" 別再開了!" 再開要罷工了。



　　茶不思飯不想的幾天後，對於程式應該有哪些地方需要修正，哪些地方需增加、補強，哪些Framework需加入，心中大致有個盤算，接下又是瘋狂寫、改Source Code的日子，一邊改一邊DEBUG，不去想有多辛苦，只想著完成後的成就感，還有那麼眾多支持者的鼓勵，嗯....感覺自己好像是依存這種心情埋頭苦幹。



　　完成後不經意站在鏡子前突然發現自己，頭髮又多一撮白，唇上長了一條鬍渣，眼袋更大更垂了，雙手抹一抹臉，心裡告訴自己沒關係，自己很棒，這些都是戰利品，這些日子的努力一定會有回饋的，只能自我催眠到極致。



　　為什麼這一次會有感而發去提這些過程呢? 之前專注網站都是坐在電腦前（桌機），舒舒服服看著我32吋的電腦銀幕一點都不覺得吃力，現在為了一個RWD還得看完電腦看手機，因為早先我沒有平板、iPad，為了RWD還跑去買了一台Sony平板。這下好了，看完桌機看平板再看手機，改一個地方看三種裝置，心想不瘋真的很難。還好有幸，Google的Chrome瀏覽器增加新的功能，可以模擬不同裝置下的網頁呈現狀況，這些年越來越依賴Google，也不知是幸還是不幸。

?