专题制作流程

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

一、专题制作流程

1.新建专题

点击“专题”进入专题管理界面。点击“新建专题”弹出新建专题窗口,填写专题信息,点击“保存”,创建专题成功。

2.创建栏目

在新创建的专题下可以创建一级或二级栏目,右键单击刚创建的专题“化成天下”(如下图所示)。

点击“增加一级栏目”,会自动创建一级栏目,双击一级栏目名称并回车可以修改一级栏目名称。

右键点击一级栏目同样可以设置二级栏目

3.添加文章

点击“资讯”进入资讯管理界面,如果“资讯”通过了大学生在线管理员审核,会出现如图1所示的“专题文章推送”图标。

点击该图标,弹出推送窗口(如图2),选择要推送到的栏目,然后点击“推送”,系统返回推送成功或失败提示

4.查看推送的文章

进入专题管理界面,找到上一步推送到的栏目,点击该栏目树,在右侧会出现上

一步推送的文章

5.上传模板及其他文件

右键单击“化成天下”专题,在菜单中点击“上传模板”,上传的模板页面目前支持专题首页模板(index.html),

专题列表页模板(list.html),专题详细页模板(show.html)。同时可以上传页面样式等文件。

注意:页面编码必须是GBK编码,否则上传文件可能会出现中文乱码。

6.编辑模板(编辑详细页模板为例进行说明,如果模板页已经线下编辑好,这里无需再编辑)

右键单击“化成天下”专题,在菜单中点击“编辑详细页”,弹出下图编辑窗口注意:页面编码必须是GBK编码,否则上传文件可能会出现中文乱码。编辑完直

接点击保存即可。

7.静态化详细页面

点击某一个栏目,右边会出现推送过来的文章,勾选要静态化的文章,点击“静态化”。静态化文章可以单篇静态化,也可

批量静态化,静态化后的文章可以重复静态化,也可取消静态化。没有静态化或被取消静态化的文章将不会出现在发布的专题中

8.静态化栏目列表页面

右键单击某一个栏目,在菜单中点击“静态化”即可。

9.静态化专题首页

右键单击专题,在菜单中点击“静态化”即可。

10.预览

右键单击专题,在菜单中点击“预览”即可。

11.发布

对该专题被审核通过后,右键单击专题,在菜单中会出现“发布”,点击发布则正式对用户开放访问权限。

12.注意事项

12.1.在静态化前务必上传相应的模板页面。

12.2.静态化顺序最好是:文章》栏目》专题首页

13.使用技巧

13.1 动态代码的添加最好拷贝,防止手写出现错误

13.2 对于已经静态化过的专题,如果又有新的文章需要静态化,只需静态化该篇文章以及这篇文章对应的栏目

二、如何获取页面数据

1.专题通用数据用法

1.1 访问专题上传的图片、样式等资源文件

如访问上传的图片banner.jpg

访问上传的样式文件style.css /style.css" rel="stylesheet" type="text/css" />

1.2 访问专题页面

如专题首页地址 /index.html">首页

1.3 栏目数据

获取栏目id为10的栏目标题

构造该栏目的地址

/

value="#columns[10].publishUri"/>">

value="#columns[10].title"/>

注:栏目id可以通过将鼠标放到创建的栏目上看到

1.4 special——专题相关信息

获取专题的标题

获取专题的简介

获取专题的图片地址

1.5 点击排行

获取6条排行数据 ${clickRank(6)}

2.专题首页主要数据用法

1.6 专题文章图片列表(只对资讯中上传的附件中jpg格式的图片进行提取)

获取10图片,按升序排序

/

value="fileUrl"/>" />

2.1 文章列表数据

获取栏目id为10的文章5条,按发布时间倒序提

取:specialData.articleList(10,5,0)

其中10为栏目id,5为要取数据条数,0表示降序(即按照静态化文章时间倒序,最新静态化文章在最前,非0则为正序)

用法:

/

value="publishUri"/>">

3.专题列表页主要数据用法

3.1 当前栏目数据

如获取当前栏目的标题

3.2 父栏目数据

如当前栏目为二级栏目,则当前栏目会有父栏目即一级栏目,获取父级标题如下

3.3 文章列表数据

获取5篇文章,按降序排序(与专题首页获取文章列表不同之处在于不需要设置栏目id)

注:disUtil.formatDate(staticTime,'yy-MM-dd hh:mm')可以定义页面显示的

相关文档
最新文档