模板制作准备工作

2022-05-26 17:53 易优技巧

系统环境的搭建 ,请点击链接查看。

系统环境搭建好了，好的工具有利于你快速修改和制作模板。

一、浏览器

二、编辑器

三、熟悉模板制作标签(当然，如果你只是对已有的模板做单纯的修改，比如：颜色修改、结构修改等。那么不熟悉模板标签也没关系。)

在制作模板之前，你还需要先了解Eyoucms特有的目录结构，按规则放置网页文件、CSS文件、JS文件，这样程序才能够顺利读取到模板文件。

打开Eyoucms网站根目录，模板都放在根目录下的template文件夹里面

打开template文件夹可以看到多个子文件夹，pc表示电脑端模板，mobile表示移动端模板，如果无mobile目录，则电脑和移动端均引用PC目录模板。

如果你是一个在eyoucms官网直接下载的免费安装系统，那么系统里面将默认只有一个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	文件	会员升级页