模板制作準(zhǔn)備工作
系統(tǒng)環(huán)境的搭建,請(qǐng)點(diǎn)擊鏈接查看。
系統(tǒng)環(huán)境搭建好了，好的工具有利于你快速修改和制作模板。
一、瀏覽器
二、編輯器
三、熟悉模板制作標(biāo)簽(當(dāng)然，如果你只是對(duì)已有的模板做單純的修改，比如：顏色修改、結(jié)構(gòu)修改等。那么不熟悉模板標(biāo)簽也沒(méi)關(guān)系。)
在制作模板之前，你還需要先了解Eyoucms特有的目錄結(jié)構(gòu)，按規(guī)則放置網(wǎng)頁(yè)文件、CSS文件、JS文件，這樣程序才能夠順利讀取到模板文件。
打開(kāi)Eyoucms網(wǎng)站根目錄，模板都放在根目錄下的template文件夾里面
打開(kāi)template文件夾可以看到多個(gè)子文件夾，pc表示電腦端模板，mobile表示移動(dòng)端模板，如果無(wú)mobile目錄，則電腦和移動(dòng)端均引用PC目錄模板。
如果你是一個(gè)在eyoucms官網(wǎng)直接下載的免費(fèi)安裝系統(tǒng)，那么系統(tǒng)里面將默認(rèn)只有一個(gè)pc目錄，該模板屬于響應(yīng)式模板，所以電腦和移動(dòng)端均用PC目錄模板
接下來(lái)我們需要了解模板文件夾里面的文件結(jié)構(gòu)
到這里，我們需要認(rèn)識(shí)一下文件結(jié)構(gòu)
| 名稱(chēng) | 類(lèi)型 | 說(shuō)明 |
|---|---|---|
| skin | 文件夾 | 存放css，js文件 |
| users | 文件夾 | 存放會(huì)員模板及購(gòu)物模板文件 |
| footer.htm | 文件 | 共用底部文件，里面編寫(xiě)底部信息等，所有的頁(yè)面一般都會(huì)調(diào)用。 |
| header.htm | 文件 | 共用頭部文件，里面編寫(xiě)網(wǎng)站LOGO、導(dǎo)航等，所有的頁(yè)面都會(huì)調(diào)用。 |
| index.htm | 文件 | 首頁(yè)文件，里面編寫(xiě)首頁(yè)內(nèi)容部分的代碼，引用了頭部和底部文件。 |
| index_tags.htm | 文件 | 標(biāo)簽主頁(yè)文件，里面可以調(diào)用tag模板標(biāo)簽，將羅列文檔的tags標(biāo)簽集合。 |
| lists_article.htm | 文件 | 文章模塊列表頁(yè)面 |
| lists_article_text.htm | 文件 | 文章模塊自定義列表頁(yè)面，_text表示基于默認(rèn)列表模板自定義出新的列表模板，保持lists_article不變即可在后臺(tái)列表欄目里切換引用。 |
| lists_download.htm | 文件 | 下載模塊列表頁(yè)面 |
| lists_guestbook.htm | 文件 | 留言模塊列表頁(yè)面 |
| lists_guestbook_30.htm | 文件 | 留言模塊自定義列表頁(yè)面。命名里的30可以是任意的字母或數(shù)字，均關(guān)聯(lián)留言模塊列表里。 |
| lists_images.htm | 文件 | 圖集模塊列表頁(yè)面 |
| lists_product.htm | 文件 | 產(chǎn)品模塊列表頁(yè)面 |
| lists_search.htm | 文件 | 搜索結(jié)果列表頁(yè)面 |
| lists_single.htm | 文件 | 單頁(yè)模塊頻道頁(yè)面 |
| index_tags.htm | 文件 | tag標(biāo)簽主頁(yè)模板頁(yè)面 |
| lists_tags.htm | 文件 | tag標(biāo)簽列表模板頁(yè)面 |
| uiset.txt | 文件 | 如果是易優(yōu)可視化模板制作，請(qǐng)將此文件放在模板目錄下，比如：pc 、mobile |
| view_article.htm | 文件 | 文章模塊詳情頁(yè)面 |
| view_download.htm | 文件 | 下載模塊詳情頁(yè)面 |
| view_images.htm | 文件 | 圖集模塊詳情頁(yè)面 |
| view_product.htm | 文件 | 產(chǎn)品模塊詳情頁(yè)面 |
按照上面表格中的文件說(shuō)明，需要寫(xiě)什么地方，就在對(duì)應(yīng)模板文件里修改，或者自己按規(guī)則新建新的模板頁(yè)亦可。
如果需要新建自定義模板讓對(duì)應(yīng)的欄目關(guān)聯(lián)上可以這樣命名：
比如lists_article_xxx.htm （xxx為自己定義的模板名稱(chēng)，可以隨便寫(xiě)） 保持“lists_article_”不變則可以關(guān)聯(lián)給列表欄目頁(yè)，可以在后臺(tái)編輯欄目時(shí)選擇，如下圖case及fuwu為我們新增的：
users文件夾介紹：
| 名稱(chēng) | 類(lèi)型 | 說(shuō)明 |
|---|---|---|
| skin | 文件夾 | 存放css，js文件 |
| users_reg.htm | 文件 | 賬號(hào)注冊(cè)頁(yè) |
| users_reg_field.htm | 文件 | 賬號(hào)注冊(cè)自定義字段頁(yè) |
| users_login.htm | 文件 | 賬號(hào)登錄頁(yè) |
| users_select_login.htm | 文件 | 微信登錄頁(yè)(包含本站登錄) |
| reset_password.htm | 文件 | 重置密碼頁(yè) |
| retrieve_password.htm | 文件 | 找回密碼頁(yè) |
| users_centre.htm | 文件 | 個(gè)人信息頁(yè) |
| users_centre_field.htm | 文件 | 個(gè)人信息自定義字段頁(yè) |
| users_change_pwd.htm | 文件 | 個(gè)人信息修改密碼頁(yè) |
| bind_email.htm | 文件 | 個(gè)人信息綁定郵箱頁(yè) |
| users_header.htm | 文件 | 會(huì)員中心頂部頁(yè) |
| users_left.htm | 文件 | 會(huì)員中心左側(cè)頁(yè) |
| users_footer.htm | 文件 | 會(huì)員中心底部頁(yè) |
| release_centre.htm | 文件 | 投稿列表頁(yè) |
| release_bar.htm | 文件 | 投稿導(dǎo)航頁(yè) |
| article_add.htm | 文件 | 文章投稿--添加頁(yè) |
| article_edit.htm | 文件 | 文章投稿--編輯頁(yè) |
| shop_centre.htm | 文件 | 訂單管理--訂單列表頁(yè) |
| shop_order_details.htm | 文件 | 訂單管理--訂單詳情頁(yè) |
| shop_under_order.htm | 文件 | 訂單管理--訂單提交頁(yè)(下單操作) |
| shop_wechat_pay_select.htm | 文件 | 訂單管理--支付方式選擇頁(yè)(微信內(nèi)) |
| shop_cart_list.htm | 文件 | 購(gòu)物車(chē)管理--購(gòu)物車(chē)列表頁(yè) |
| shop_address_list.htm | 文件 | 地址管理--地址列表頁(yè) |
| shop_add_address.htm | 文件 | 地址管理--地址添加頁(yè) |
| shop_edit_address.htm | 文件 | 地址管理--地址編輯頁(yè) |
| shop_get_wechat_addr.htm | 文件 | 地址管理--添加地址方式選擇頁(yè)(微信內(nèi)) |
| pay_account_recharge.htm | 文件 | 賬戶(hù)余額--余額列表頁(yè) |
| pay_consumer_details.htm | 文件 | 賬戶(hù)余額--余額充值頁(yè) |
| pay_recharge_detail.htm | 文件 | 支付管理--支付頁(yè)(包含充值及購(gòu)買(mǎi)) |
| pay_wechat.htm | 文件 | 支付管理--微信二維碼頁(yè) |
| pay_success.htm | 文件 | 支付管理--支付成功頁(yè) |
| pay_error.htm | 文件 | 支付管理--支付失敗頁(yè) |
| level_centre.htm | 文件 | 會(huì)員升級(jí)頁(yè) |
小提示：放心修改，程序升級(jí)并不會(huì)覆蓋用戶(hù)的前臺(tái)模板及后臺(tái)數(shù)據(jù)。
