EasyCart/模板制作(一)

网站模板的制作流程：

通常会叫美工用DIV+CSS写出纯静态的模板，然后再交给程序员，让程序员（或者美工）对该静态模板和模板标签进行关联。

说明

通常网站的模板布局会分为上、中、下结构，其中中间部又有分为左边的内容和右边的内容。

分离静态模板

在填写模板时，先把网站的头部、中间 和底部分离出来：

1. 把静态模板的头部内容放入/default/Public 目录下的header.html。
2. 把静态模板的底部内容放入/default/Public 目录下的footer.html。
3. 把静态模板的左边内容放入/default/Public 目录下的left.html。
4. 把首页的静态模板内容放入/default/Public 目录下的Index-index.html。
5. 把类别页面的静态模板内容放入/default/Public 目录下的cate.html。
6. 把产品详细页的静态模板内容放入/default/Public 目录下的disp.html。

填写模板--关联ThinkPHP模板标签和静态模板

• 网站前端头部

/default/Public 目录下的header.html文件是网站头部的模板。模板的制作具体如下。

1、填写SEO的三个标签，通过Meta函数的调用，在是模板输出的时候，会自动生成SEO的title、keywords、description三个标签。

   {:Meta($pagetitle,$pagekeywords,$pagedesc,$list)}

2、在网站头部引用一些常用的CSS文件和JS文件，如：

    <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}  

参考来源

• http://www.easycart.cn/bbs/portal.php?mod=view&aid=57