simpleplan5 发表于 2014-9-18 18:01:56

jeewx捷微CMS文档

下载地址:
链接: http://pan.baidu.com/s/1mgoPopy
密码: 8ee1


捷微CMS操作手册
1、 新建公众账号
由于我们的CMS模板和公众账号相关联,每个登陆用户绑定唯一的微信公众号。
公众号和建立的站点一一对应。

2、 新建站点模板
我们接到的文件是美工切完图的文件。

Html文件夹里要包含如下三个页面

打开index.html,如图,我们要做的就是将页面里的数据转化成动态的数据。

模板打包上传,将所有的模板文件打包成zip文件。压缩包里的文件不需要有顶层文件夹。层次结构如下:

选中模板,点击上传

3、 新建站点
选择刚刚建立的模板

4、更改模板
点击站点预览,我们可以看到已经应用了模板,但是我们需要将模板做一些改动,以找到服务器上的css,image的位置。

将<link href="css.css"rel="stylesheet" type="text/css" />
更改为<link href="${cmsData.base}/css/css.css"rel="stylesheet" type="text/css" />
同理,将图片地址改为${cmsData.base}/img….
刷新网页,可以看到加载了css的效果。

5、 栏目管理
我们现在将栏目切换成动态的。

打开index.html,将
<li><a href="#">网站首页</a></li>
<li><a href="#">关于我们</a></li>
<li><ahref="#">新闻中心</a></li>
更改为
<#list cmsData.menuList as data>
         <li>
<ahref="cmsController.do?goPage&page=menu&id=${data.id}"target="_self">${data.name}</a></td>
</li>
</#list>
刷新页面,看到栏目已经动态显示了。

6、 文章管理
我们在新闻中心这个栏目下面新建个文章。

更改栏目页模板
将原来的假数据更改为动态取数据的标签。
<#list cmsData.articleList as data>
<li><span>${data.createDate?string("yyyy-MM-ddHH:mm:ss")}</span><imgsrc="${cmsData.base}/img/icon.jpg" class="m-pic" /><ahref="news2.html">${data.title}</a></li>
</#list>
刷新页面,可以看到我们刚刚在后台新建的一条文章。

更改文章页模板,打开article.html
<div class="z-nc">
<h2>${cmsData.title}</h2>
<div class="z-n2-t">发布时间:${cmsData.article.createDate?string("yyyy-MM-ddHH:mm:ss")}</div>
<div class="z-n2-c">
                           ${cmsData.article.content}
</div>
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image038.jpg
页: [1]
查看完整版本: jeewx捷微CMS文档