###### 系統環境搭建好了，好的工具有利于你快速修改和制作模板。 一、瀏覽器  二、編輯器  三、熟悉[模板制作標簽](http://www.eyoucms.com/doc/label/)(當然，如果你只是對已有的模板做單純的修改，比如：顏色修改、結構修改等。那么不熟悉模板標簽也沒關系。) ###### 在制作模板之前，你還需要先了解Eyoucms特有的目錄結構，按規則放置網頁文件、CSS文件、JS文件，這樣程序才能夠順利讀取到模板文件。 打開Eyoucms網站根目錄，模板都放在根目錄下的template文件夾里面  打開template文件夾可以看到多個子文件夾，pc表示電腦端模板，mobile表示移動端模板，如果無mobile目錄，則電腦和移動端均引用PC目錄模板。  如果你是一個在[eyoucms](http://www.eyoucms.com/download/)官網直接下載的免費安裝系統，那么系統里面將默認只有一個pc目錄，該模板屬于響應式模板，所以電腦和移動端均用PC目錄模板 接下來我們需要了解模板文件夾里面的文件結構  到這里，我們需要認識一下文件結構 | 名稱 | 類型 | 說明 | | --- | --- | --- | | skin | 文件夾 | 存放css，js文件 | | users | 文件夾 | 存放會員模板及購物模板文件 | | footer.htm | 文件 | 共用底部文件，里面編寫底部信息等，所有的頁面一般都會調用。 | | header.htm | 文件 | 共用頭部文件，里面編寫網站LOGO、導航等，所有的頁面都會調用。 | | index.htm | 文件 | 首頁文件，里面編寫首頁內容部分的代碼，引用了頭部和底部文件。 | | index\_tags.htm | 文件 | 標簽主頁文件，里面可以調用tag模板標簽，將羅列文檔的tags標簽集合。 | | lists\_article.htm | 文件 | 文章模塊列表頁面 | | lists\_article\_text.htm | 文件 | 文章模塊自定義列表頁面，\_text表示基于默認列表模板自定義出新的列表模板，保持lists\_article不變即可在后臺列表欄目里切換引用。 | | lists\_download.htm | 文件 | 下載模塊列表頁面 | | lists\_guestbook.htm | 文件 | 留言模塊列表頁面 | | lists\_guestbook\_30.htm | 文件 | 留言模塊自定義列表頁面。命名里的30可以是任意的字母或數字，均關聯留言模塊列表里。 | | lists\_images.htm | 文件 | 圖集模塊列表頁面 | | lists\_product.htm | 文件 | 產品模塊列表頁面 | | lists\_search.htm | 文件 | 搜索結果列表頁面 | | lists\_single.htm | 文件 | 單頁模塊頻道頁面 | | index\_tags.htm | 文件 | tag標簽主頁模板頁面 | | lists\_tags.htm | 文件 | tag標簽列表模板頁面 | | uiset.txt | 文件 | 如果是易優可視化模板制作，請將此文件放在模板目錄下，比如：pc 、mobile | | view\_article.htm | 文件 | 文章模塊詳情頁面 | | view\_download.htm | 文件 | 下載模塊詳情頁面 | | view\_images.htm | 文件 | 圖集模塊詳情頁面 | | view\_product.htm | 文件 | 產品模塊詳情頁面 | 按照上面表格中的文件說明，需要寫什么地方，就在對應模板文件里修改，或者自己按規則新建新的模板頁亦可。 如果需要新建自定義模板讓對應的欄目關聯上可以這樣命名： 比如lists\_article\_xxx.htm （xxx為自己定義的模板名稱，可以隨便寫） ?保持“lists\_article\_”不變則可以關聯給列表欄目頁，可以在后臺編輯欄目時選擇，如下圖case及fuwu為我們新增的：  users文件夾介紹： | 名稱 | 類型 | 說明 | | --- | --- | --- | | skin | 文件夾 | 存放css，js文件 | | users\_reg.htm | 文件 | 賬號注冊頁 | | users\_reg\_field.htm | 文件 | 賬號注冊自定義字段頁 | | users\_login.htm | 文件 | 賬號登錄頁 | | users\_select\_login.htm | 文件 | 微信登錄頁(包含本站登錄) | | reset\_password.htm | 文件 | 重置密碼頁 | | retrieve\_password.htm | 文件 | 找回密碼頁 | | users\_centre.htm | 文件 | 個人信息頁 | | users\_centre\_field.htm | 文件 | 個人信息自定義字段頁 | | users\_change\_pwd.htm | 文件 | 個人信息修改密碼頁 | | bind\_email.htm | 文件 | 個人信息綁定郵箱頁 | | users\_header.htm | 文件 | 會員中心頂部頁 | | users\_left.htm | 文件 | 會員中心左側頁 | | users\_footer.htm | 文件 | 會員中心底部頁 | | release\_centre.htm | 文件 | 投稿列表頁 | | release\_bar.htm | 文件 | 投稿導航頁 | | article\_add.htm | 文件 | 文章投稿--添加頁 | | article\_edit.htm | 文件 | 文章投稿--編輯頁 | | shop\_centre.htm | 文件 | 訂單管理--訂單列表頁 | | shop\_order\_details.htm | 文件 | 訂單管理--訂單詳情頁 | | shop\_under\_order.htm | 文件 | 訂單管理--訂單提交頁(下單操作) | | shop\_wechat\_pay\_select.htm | 文件 | 訂單管理--支付方式選擇頁(微信內) | | shop\_cart\_list.htm | 文件 | 購物車管理--購物車列表頁 | | shop\_address\_list.htm | 文件 | 地址管理--地址列表頁 | | shop\_add\_address.htm | 文件 | 地址管理--地址添加頁 | | shop\_edit\_address.htm | 文件 | 地址管理--地址編輯頁 | | shop\_get\_wechat\_addr.htm | 文件 | 地址管理--添加地址方式選擇頁(微信內) | | pay\_account\_recharge.htm | 文件 | 賬戶余額--余額列表頁 | | pay\_consumer\_details.htm | 文件 | 賬戶余額--余額充值頁 | | pay\_recharge\_detail.htm | 文件 | 支付管理--支付頁(包含充值及購買) | | pay\_wechat.htm | 文件 | 支付管理--微信二維碼頁 | | pay\_success.htm | 文件 | 支付管理--支付成功頁 | | pay\_error.htm | 文件 | 支付管理--支付失敗頁 | | level\_centre.htm | 文件 | 會員升級頁 | 小提示：放心修改，程序升級并不會覆蓋用戶的前臺模板及后臺數據。