EasyCart/模板制作(一)
来自站长百科
网站模板的制作流程:
通常会叫美工用DIV+CSS写出纯静态的模板,然后再交给程序员,让程序员(或者美工)对该静态模板和模板标签进行关联。
说明
通常网站的模板布局会分为上、中、下结构,其中中间部又有分为左边的内容和右边的内容。
分离静态模板
在填写模板时,先把网站的头部、中间 和底部分离出来:
- 把静态模板的头部内容放入/default/Public 目录下的header.html。
- 把静态模板的底部内容放入/default/Public 目录下的footer.html。
- 把静态模板的左边内容放入/default/Public 目录下的left.html。
- 把首页的静态模板内容放入/default/Public 目录下的Index-index.html。
- 把类别页面的静态模板内容放入/default/Public 目录下的cate.html。
- 把产品详细页的静态模板内容放入/default/Public 目录下的disp.html。
填写模板--关联ThinkPHP模板标签和静态模板
- 网站前端头部
/default/Public 目录下的header.html文件是网站头部的模板。模板的制作具体如下。
1、填写SEO的三个标签,通过Meta函数的调用,在是模板输出的时候,会自动生成SEO的title、keywords、description三个标签。
{:Meta($pagetitle,$pagekeywords,$pagedesc,$list)}
<Link href="../Public/images/style.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="../Public/Js/jquery.js"></script> <script type="text/javascript" src="../Public/Js/validator.js"></script>
3、填写到购物车的信息
到购物车的链接
<a href="{:U('Cart/disp')}">Shopping Cart</a>
购物车中产品的数量
{:itemCount()} items
4、会员登录的信息
<gt name="mid" value="0"> <a href="{:U('Member-Index/index')}">My Account</a> <a href="{:U('Member-Index/LogOut')}">LogOut</a> <else/> <a href="{:U('Member-Public/Join')}">Register</a> <a href="{:U('Member-Public/Login')}">Log In</a> </gt>
5、货币切换
<form name="Currencies" id="form1" action="{:U('Index/Currencies')}" method="post"> <select name="Currencies" onchange="document.Currencies.submit();"> <option value="">Please select...</option> <volist name="currencies" id="vo"> <option value="{$vo.symbol}" <eq name="_SESSION ['currency']['symbol']" value="$vo['symbol']">selected</eq>>{$vo.name}</option> </volist> </select> </form>
6、搜索框
<form action="{:U('Search/index')}" method="post" onsubmit="return Validator.Validate(this,2);"> <input type="text" name="key" class="input1" dataType="Require" msg="keywords is required!" /> </form> <a href="{:U('Search/index',array('key'=>”keyname”))}"> keyname </a>
- 网站前端底部
/default/ Public目录下的footer.html文件是网站底部的模板。模板的制作具体如下。
显示版权:
{$footcode}
显示底部的文章:
{$Footer}
参考来源[ ]
EasyCart使用手册导航 | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|