tlove页面风格制作

tlove页面风格制作

ID:24068209

大小:56.50 KB

页数:4页

时间:2018-11-12

tlove页面风格制作_第1页
tlove页面风格制作_第2页
tlove页面风格制作_第3页
tlove页面风格制作_第4页
资源描述:

《tlove页面风格制作》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、TLOVE页面风格制作Tcc2.0(以下简称2.0)采用smarty(http://www.smarty.net)模板引擎来进行前台页面的渲染和生成。Smarty是一种功能强大扩展性很好的开源模板引擎,在php网页程序开发中由很广泛的应用。2.0可以很方便的更改前台页面的呈现方式,用户只需修改模板文件,然后将模板上载到网站,就可用使用该模板了,具体步骤如下1修改模板文件2.对修改好的模板文件压缩成一个zip文件包3通过后台“设定/模板管理/模板上传”进行上传4选择你要使用的模板。1.模板包结构2.0模板由20个htm文件组成,其中每个文件的作用如下layout.htm

2、布局文件,该布局文件控制网站的整体风格例如默认模板左边的菜单栏和顶部的header都在该文件进行定义,该页面定义的内容会显示在所有的页面中intro.htm欢迎页面,如果想网站直接进入首页就删除该模板album_index.htm相册模块进入时的页面album_list.htm相册点更多的时候的页面album相册相片展示页面article_index.htm文章进入时的页面article_list.htm文章点更多的时候的页面article_view.htm文章查看文章的页面default_index.htm主页面donation.htm商店代收进入时页面donati

3、on_confirm.htm商店代收确认页面donation_detail.htm商店代收查看代收项目页面donation_reprint.htm补印账单页面请不要修改此页面flash.htm信息提示页面比如留言成功提示等gbook.htm留言板页面gmap.htm电子地图页面请不要修改page.htm单个页面呈现一般不需要修改video.htm视频展示页面videolist.htm视频列表页面weekly.htm周报页面通常只需要这些文件网站即可正常运行了一般的模板包中还包含一个preview.gif文件用于在后台显示模板的预览效果Template.xml文件包含了

4、模板的名称等相关属性,是必须的文件。2.Smarty基础Smarty模板可用将在php程序中赋予的变量填充到模板文件中定义的位置还可用将一组在php中设置的数据按照模板文件定义的样式一条条显示出来。要进行模板的修改需要至少掌握以下知识。模板变量:在模板中定义为 <%$title%>如上图中被黄色覆盖的便是模板变量,在程序运行的时候这些变量就会被换成程序赋予它的指比如<%$LAYOUT_SITE_NAME%>这个变量就代表在后台设置的网站的名称,用户访问网站的时候该变量所在的位置就会被设定好的值代替,比如被换车“赞美科技”等等。。。。。当然你也可用删除这些变量换车你想好

5、的网站名称,这样的话后台设置的网站名称就不会影响这个位置了。变量数组变量数组就是在php中定义好的一组数据,定义方法为<%foreachfrom=$变量名item=项目名%>每一个变量显示的代码<%/foreach%>如上图就是两个变量数组其中黄色部分变量数组是$article_menu她被循环着按照进行输出$menu.id是她的属性函数<%函数名参数1=参数值参数2=参数2值。。。。%>Smarty有很多函数可以使用,上图黄色和蓝色标记的都是函数比如url函数该函数是用来生产url的参数由actioncontroller这2个例如<%urlaction=”weekl

6、y”controller=”Gbook”%>在运行时经过运算就会被替换成?ctl=Page&act=Weekly当然函数你可用也可不用常用的函数就是其中lang函数是出于对多语言支持来使用的一般都可用不用而换成你想显示的词句,比如上面的可用换成视频留言板周报和线上捐款等等。。。1.重要变量<%$LAYOUT_SITE_NAME%>网站名称<%$_VIEW_PATH%>模板当前路径不包含最好一个斜线<%$LAYOUT_NOTICE%>网站通过信息由用户在后台设置<%$main_page%>如果你要使用layout方式来设计页面该变量在layout页面所在位置将被内容页面

7、代替<%$LAYOUT_COPYRIGHT%>版权信息内容2.模板定义文件每个模板都必须拥有一个template.xml文件,该文件使用UTF-8编码,你可以用IE打开该文件如果能正常显示则表示xml语法正确。