<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>basic-demo</title>
<script src="../../wap/js/zepto.min.js"></script>
<script src="../../wap/js/template.js"></script>
</head>
<body>
<input type='button' id='btn1' value='测试'>
<a>执行次数:</a><input type='text' id='process' value='10'>
<div id="content"></div>
<pre name="code" class="html"><!-- 定义模板 -->
<script id="test" type="text/html"><h1><%=title%></h1><table><% for (i = 0i <counti ++) { %><tr><td>列<%= i + 1 %></td><td>列<%= i + 2 %></td><td>列<%=Math_PI()%></td></tr><% } %></table></script><script type="text/javascript"/>
/* 定义模板可用的外部方法 */<span style="white-space:pre"> </span>
template.helper('Math_PI', function(){
return Math.PI*Math.random()
})
$('#btn1').click(function(){
var data = {
title: '基本例子',
isAdmin: true,
count:$('#process').val(),
list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
}
var html = template.render('test',data)//解析模板
$('#content').empty()
$('#content').append(html)//用于将解析后的html显示出来
})
</script>
</body>
</html>
同学很简单的,如下操作。1.一些购买的模板是可以改变的可变图片区域。一般就是这个按钮和对话框,可以在模板的特定模块中找到替换图片。
2.但是,固定背景、边框和标题栏中使用的一些图片无法修改,因为模板制作者将它们封装在固定图片区域中。
3.如果需要修改某一张图片,可以咨询模板制作人,他们最后能给出最准确的答案。
4.原则上不使用黑科技是不能修改买来的模板的。其实就算是已经上线的模板,xml也是不能再编辑的。所以加功能肯定不行(淘宝模板php,php,css都可以改)。一般买家只能通过模板后台已有的功能来更改东西。买的模板的代码不能自己改。
5.自己写代码做模板去应聘设计师就行了。只用简单的php知识,xml,css,html。如果不是js模板,js就不要了。淘宝有很多内置组件,随便叫。