跳转到主要内容
laoxue 提交于 7 September 2016

一、 开发流程

l  下载所需的Drupal模块。

l  启用所需模块。

l  配置模块。

l  创建views。

l  创建appcan项目。

l  编写新闻列表页面代码。

l  创建新闻详情页面并编写代码。

l  预览结果。

l  打包发行。

二、 下载所需的Drupal模块

l  services:http://drupal.org/project/services

l  libraries:http://drupal.org/project/libraries

l  views:http://drupal.org/project/views

l  views datasource:http://drupal.org/project/views_datasource

l  ctools:http://drupal.org/project/ctools

l  spyc:http://code.google.com/p/spyc/ 下载以后放在“servers/rest_server/lib/spyc.php”

三、 启用所需模块

l  Services

l  REST Server

l  Views

l  Views JSON

l  Views UI

l  Chaos tools

四、 配置模块

添加Services:

l  结构->服务,点击“添加”

l  ◦ 名称:myservice

l  ◦ Server:REST

l  ◦ Path to endpoint:myservice

l  ◦ Authentication:选中“Session authentication”

 

l  点击“保存”

l  编辑新创建的Service,也就是myervice,点击“编辑源”。

l  选中全部“Resource”,比如“comment, file, node ,system …”

l  点击“Server”选项卡,在Response formatters里选择“json”,在Request parsing里选择“application/x-www-form-urlencoded”

 

 

 

 

 

五、 创建Views

创建Views

l  结构->Views,点击“Add new view”(添加视图)

l  View name(视图名称)输入article

l  内容类型选择“文章”

l  选择“创建一个页面”

l  点击“Continue & edit”(继续编辑)

l  为视图添加一个“内容:Nid(Nid)的字段

l  在“格式”里,选择“JSON data document”

l  为视图添加一个页面

l  在“Page Setting”(页面设置)里设置页面的路径为 article-list

l  点击“保存”

 

 

六、 创建appcan项目

​到appcan官网下载IDE。

 

七、 编写新闻列表页面代码

在js目录下新建custom.js文件,文件内容如下:

 

 

在index_content.html文件中引入该js文件。插入listview控件并删除JavaScript代码段(这部分内容已经写入了custom.js文件中)。

 

八、 新建新闻详情页面并编写代码

创建appcan页面,文件名为“display”。

在display_content.html文件中加入相应的JavaScript代码。

 

九、 预览结果

 

十、 打包发行

具体打包发行方法参见appcan开发文档。

标签
Drupal 版本