jeewx捷微CMS文档

simpleplan5

下载地址：
链接: 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