课程中心 问答&分享 读书 注册、登录 关闭菜单
HOA 介绍
HOA 介绍
数据接口
普通GET及POST
轮播组件数据源
普通列表数据源
图文列表数据源
新闻细节数据源
演示项目源代码下载
 
Hcoder Open Api

HCoder Open Api 简称 HOA 是由 www.hcoder.net 提供的一套api数据源,提供了日常app开发学习过程中常用的数据源,适用于基于 mui hui h5+的app开发。
API 通信账号 hcoder 密码 hcoder ( 注意 : 账号密码不会不定期修改,并公布在本页面。项目中请使用变量设置帐号和密码,便于修该 )
客服QQ : 1265928288 交流群 : 335126794 , 511320732

普通 GET
接口地址 : http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder 
访问形式 : GET
返回内容 : welcome to hcoder open api ^_^
普通 POST
接口地址 : http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder 
访问形式 : POST
返回内容 : JSON 形式的您提交的POST数据
轮播组建数据源
接口地址 : http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=lunbo 
访问形式 : GET
返回内容 : 文本形式的轮播数据
返回样例 : <img src="..." width="100%" />--hcSplitor--<img src="..." width="100%" />...
相关说明 : 使用--hcSplitor--分割了多个轮播图,使用时使用js的split()函数拆分即可
项目应用代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<link type="text/css" rel="stylesheet" href="css/hui.css" />
</head>
<body>
<div class="HUI_Wrap">
    <div class="HUI_Slide" id="slider">
        <ul></ul>
    </div>
</div>
<script type="text/javascript" src="js/hui.js"></script>
<script type="text/javascript" src="js/huiSlide.js"></script>
<script>
hui.plusReady(function(){
    hui.get('http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=lunbo',function(data){
        var arr  = data.split('--hcSplitor--'), html = '';
        for(var i = 0; i < arr.length; i++){
            html += '<li>'+arr[i]+'</li>';
        }
        hui('#slider').find('ul').eq(0).html(html);
        var slider = new huiSlide('#slider');
    });
});
</script>
</body>
</html>
普通列表数据源
接口地址 : http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=list1&page=1
访问形式 : GET
返回内容 : 使用--hcSplitor--分割的文本数据
相关说明 : 每页15条数据,最大页码 2 超过后返回 null
项目应用代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<link type="text/css" rel="stylesheet" href="css/hui.css" />
</head>
<body>
<div class="HUI_Wrap">
    <div class="HUI_List" id="slider">
    <ul></ul>
</div>
</div>
<script type="text/javascript" src="js/hui.js"></script>
<script>
hui.plusReady(function(){
    hui.get('http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=list1&page=1',function(data){
        if(data == 'null'){return false;}
        var arr  = data.split('--hcSplitor--'), html = '';
        for(var i = 0; i < arr.length; i++){html += '<li>'+arr[i]+'</li>';}
        hui('#slider').find('ul').html(html);
    });
});
</script>
</body>
</html>
图文列表数据源
接口地址 : http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=mediaList&page=1 
访问形式 : GET
返回内容 : 使用--hcSplitor--分割的多个图片新闻项目,每子个项目又使用--hcListSplitor--分割了图文项目的id 图片地址 标题 描述信息相关说明 : 每页10条数据,最大页码 2 超过后返回 null
项目应用代码
核心容器dom : 
<div class="HUI_MediaList1" id="mediaList"><ul></ul></div>
js代码 : 
<script type="text/javascript" src="js/hui.js"></script>
hui.plusReady(function(){
    hui.get('http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=mediaList&page=1',function(data){
        if(data == 'null'){return false;}
        var arr  = data.split('--hcSplitor--'), html = '';
        for(var i = 0; i < arr.length; i++){
            var itemArr = arr[i].split('--hcListSplitor--');
            html += '<li><a href="javascript:hui.open(\'info.html\',{},true,{id:\''+itemArr[0]+'\'});">'+
            '<div class="HUI_MediaListImg"><img src="'+itemArr[1]+'" /></div>'+
            '<div class="HUI_MediaListContent">'+
                '<h1>'+itemArr[2]+'</h1>'+
            '</div>'+
            '</a></li>';
        }
        hui('#mediaList').find('ul').html(html);
    });
});
</script>
			
新闻细节数据源
接口地址 : http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=info&id=1 
访问形式 : GET JSON
返回内容 : JSON形式的新闻数据 {id:新闻id, title:新闻标题, content:新闻内容}
相关说明 : 有效的演示数据id为 1,2,3 其他id返回 {id:0, title:"", content:""}
演示代码 info.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<link type="text/css" rel="stylesheet" href="css/hui.css" />
<style>
#content{padding:8px; font-size:15px; line-height:2.2em;}
#content img{width:100%;}
#content *{font-size:15px; line-height:2.2em;}
</style>
</head>
<body>
<div id="HUI_Header">
    <h1></h1>
    <div id="HUI_Back"></div>
</div>
<div class="HUI_Wrap">
    <div id="content"></div>
</div>
<script type="text/javascript" src="js/hui.js"></script>
<script>
var self;
hui.plusReady(function(){
    //获取当前窗口对象
    self = plus.webview.currentWebview();
    console.log(self.newsId);
    hui.getJSON(
        'http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=info&id='+self.newsId,
        function(data){
            if(typeof(data) != 'object'){hui.toast(' 数据加载失败.. '); self.close(); return false;}
            if(data == '0'){hui.toast(' 没有演示新闻信息,请点击前3条'); self.close(); return false;}
            hui('#HUI_Header').find('h1').html(data.title);
            hui('#content').html(data.content);
        },
        function(){
            hui.toast(' 数据加载失败.. ');
            self.close();
        }
    );
});
</script>
</body>
</html>
CopyRight © 2011 - 2016 Hcoder.net 陕ICP备14004669号-2
客服QQ : 1265928288