Freecms怎么开发模板?
2015-09-28 08:40
225 查看
原文地址:http://javaz.cn/site/javaz/site_study/info/2015/35733.html
项目地址:http://www.freeteam.cn/
建设使用myeclipse等开发工具进行开发。主要步骤如下:
第一步:设计页面,制作静态页面。模板的基础是设计好的静态页面,所以制作模板前首先要根据自己网站的要求把静态页面做出来。
第二步:在后台模板管理中添加新的模板,添加成功后会在/templet目录下生成以一个以此模板id为名字的文件夹。
如果上传模板文件则会把模板压缩文件解压到此文件夹下。
如果没有上传模板文件此文件夹下会自动生成三个文件
首页指使用此模板的站点首页,在首页静态化时系统会根据站点模板下的“index.html”文件来生成站点首页。
栏目页面指使用此模板的站点栏目页面,在栏目页静态化时系统会默认根据站点模板下的“channel.html”文件来生成栏目页面,如果您指定此目录下其它文件作为栏目页面的模板文件,则系统使用您指定的页面进行静态化。
信息页面指使用此模板的站点信息页面,在信息页静态化时系统会默认根据站点模板下的“info.html”文件来生成信息页面,如果您指定此目录下其它文件作为信息页面的模板文件,则系统使用您指定的页面进行静态化。
第三步:在站点设置中的站点模板中选择此模板。
第四步:复制图片、样式、脚本等资源。模板使用的资源可以复制到模板文件夹下的resources,另外需要同时复制到所使用站点文件夹(/site/站点源文件夹)下的resources中。
第五步:将静态页面中的代码复制到模板中,以首页模板为例,可以将首页的静态页面代码复制到模板下的index.html文件中,然后修改引用的图片、样式、脚本等资源的地址,如${contextPathNo}${site.htmlpath}/resources/img/256.png,资源地址修改完后,可以在后台首页静态化一下,然后就可以在前台看到首页的显示效果,可以检查一下是否与静态页面一致,如不一致,需要检查资源引用地址是否正确。
第六步:使用freecms提供的标签提取数据,如显示一个栏目下的信息列表,可以使用infoList标题来提取此栏目下的数据,具体使用方法可以参考用户手册中的标签使用部分。修改后,在后台静态化一下,然后在前台查看是否按预期效果显示。
第七步:将所有需要提取的数据使用freecms提供的标签提取后,即完成了模板的制作。
项目地址:http://www.freeteam.cn/
建设使用myeclipse等开发工具进行开发。主要步骤如下:
第一步:设计页面,制作静态页面。模板的基础是设计好的静态页面,所以制作模板前首先要根据自己网站的要求把静态页面做出来。
第二步:在后台模板管理中添加新的模板,添加成功后会在/templet目录下生成以一个以此模板id为名字的文件夹。
如果上传模板文件则会把模板压缩文件解压到此文件夹下。
如果没有上传模板文件此文件夹下会自动生成三个文件
首页指使用此模板的站点首页,在首页静态化时系统会根据站点模板下的“index.html”文件来生成站点首页。
栏目页面指使用此模板的站点栏目页面,在栏目页静态化时系统会默认根据站点模板下的“channel.html”文件来生成栏目页面,如果您指定此目录下其它文件作为栏目页面的模板文件,则系统使用您指定的页面进行静态化。
信息页面指使用此模板的站点信息页面,在信息页静态化时系统会默认根据站点模板下的“info.html”文件来生成信息页面,如果您指定此目录下其它文件作为信息页面的模板文件,则系统使用您指定的页面进行静态化。
第三步:在站点设置中的站点模板中选择此模板。
第四步:复制图片、样式、脚本等资源。模板使用的资源可以复制到模板文件夹下的resources,另外需要同时复制到所使用站点文件夹(/site/站点源文件夹)下的resources中。
第五步:将静态页面中的代码复制到模板中,以首页模板为例,可以将首页的静态页面代码复制到模板下的index.html文件中,然后修改引用的图片、样式、脚本等资源的地址,如${contextPathNo}${site.htmlpath}/resources/img/256.png,资源地址修改完后,可以在后台首页静态化一下,然后就可以在前台看到首页的显示效果,可以检查一下是否与静态页面一致,如不一致,需要检查资源引用地址是否正确。
第六步:使用freecms提供的标签提取数据,如显示一个栏目下的信息列表,可以使用infoList标题来提取此栏目下的数据,具体使用方法可以参考用户手册中的标签使用部分。修改后,在后台静态化一下,然后在前台查看是否按预期效果显示。
第七步:将所有需要提取的数据使用freecms提供的标签提取后,即完成了模板的制作。
相关文章推荐
- iOS开源库
- 页面中基于JSTL标签调用函数--之${fn:}内置函数
- Windows10如何更改个人文件夹位置 Win10更改个人文件夹位置图文教程
- usaco American Heritage
- UITableView
- 电脑软件
- VIA头域
- n皇后2种解题思路与代码-Java与C++实现
- DB Error: 1 "unrecognized token: ":""
- 深入理解java虚拟机(1)------内存区域与内存溢出
- 将博客搬至CSDN
- 数据库字典查询
- hibernate关系映射配置
- Number Sequence(快速幂矩阵)
- 201509280825_《css3——media query整理2》
- 装饰模式
- 【jQuery】ajax提交xml
- Ajax中的get和post两种请求方式的异同
- 为什么不记录慢速查询?
- hdu--1257