帝国cms 文章列表api实现过程

帝国cms 文章列表api实现过程

1、系统-管理菜单-扩展菜单-新建：文章列表API接口

2、插件-找到菜单-点击-菜单名称：课程表列表api

                                      链接地址：plugins/api/index.php

                                     金刚模式链接

3、刷新：插件-找到菜单-点击-菜单名称：课程表列表api

建模块：kcb  课程表  课程表

建控制器listinfo  代码如下

<?php
defined("api_m") or exit;
$p = $api->param('page' , 1 , 'intval');  //页码
if($p==0)
{
$p=1;
}
$classid = $api->param('classid' , 88 , 'intval');  //classid
$w = "classid = ".$classid;
$l = $api->param('limit' , 10 , 'intval');
$table = "ecms_xk";                              //表
$rulelist = $api->select($table , $field = 'id,title,ftitle,titlepic,onclick,newstime' , $where = $w , $limit = $l , $page = $p , $orderby = 'newstime desc');

//构造输出数组
$res = array(
    "success" => true,
    "data" => $rulelist
);

//输出json数据
$api->json($res);

?>

预览：获得接口地址http://www.uclass.top:8085/e/extend/api/index.php?m=kcb&c=listinfo

可以添加page参数http://www.uclass.top:8085/e/extend/api/index.php?m=kcb&c=listinfo&page=3

在mui调用和遍历Jason数据

 <script>  
        mui.init();  

        var url = "http://www.uclass.top:8085/e/extend/api/index.php?m=kcb&c=listinfo";         
        mui.ajax(url,{  
            data: {  
                'type': 1,  
                's': "喜欢你",  
                'limit': 10  
            },  
            dataType:'json',//服务器返回json格式数据  
            type:'post',//HTTP请求类型  
            timeout:10000,//超时时间设置为10秒；  
            success:function(data){  
                console.log(JSON.stringify(data));  
                var songs=data.songs;  

                var list = document.getElementById("list");  
                var fragment = document.createDocumentFragment();  
                var li;  
                mui.each(songs,function(index,item){  
                     var id = item.id,  
                        name = item.title,  
                        author = item.username,  
                        picUrl = "http://www.uclass.top:8085"+item.titlepic,  
                        audio = item.titleurl;     

                    li = document.createElement('li');  
                    li.className = 'mui-table-view-cell mui-media';  
                    li.innerHTML = '<a class="mui-navigate-right" id='+ id +' data-audio='+ audio +'>'+  
                                       '<img class="mui-media-object mui-pull-left" data-lazyload="'+picUrl+'">'+ 
                                        '<div class="mui-media-body">'+name+  
                                            '<p class="mui-ellipsis">'+author+'</p>'+  
                                        '</div>'+  
                                    '</a>';  
                    fragment.appendChild(li);  
                })  

                list.appendChild(fragment)  

                mui(document).imageLazyload({  
                    placeholder: '../img/60x60.gif'  
                });  
            },  
            error:function(xhr,type,errorThrown){  
                //异常处理；  
                console.log(type);  
            }  
        });  

        //列表点击事件  
        mui("#list").on('tap','li a',function(){  
            var id = this.getAttribute('id');  
            var audio = this.getAttribute('data-audio');  
            //打开详情页面  
            mui.openWindow({  
                url:'music.html',  
                id:'music.html',  
                extras:{  
                    musicId:id,  
                    audioUrl:audio  ,
                }  
            });  
        });  
    </script>