APICloud如何把数据库中的表数据循环遍历显示在html页面上

版权声明：博客知识产权来源命运的信徒，切勿侵权 https://blog.csdn.net/qq_37591637/article/details/88387927

表如下

html页面代码

  <!--显示发布的消息--->
<table id="mess">
</table> 

第一步、查询表里的数据库

function crc_list(){
  //参数配置
  var model = api.require('model');
  var query = api.require('query');
  model.config({
      appId: 'A6006471302025',
      appKey: '41DEF0A4-9F9B-B578-0ED4-A63ACBF338E8',
      host: 'https://d.apicloud.com'
  });
  query.createQuery(function( ret, err ){
      if( ret ){
        //开始查询数据
        model.findAll({
            class: "message",
            qid: ret.qid
        }, function( ret, err ) {
            if( ret ){
              //把数据显示在页面上面
              var abcd = $api.byId('mess');//获取在前端要显示的div的id
              for (var i = 0; i < ret.length; i++) {
                //标题
                $api.append(abcd,
                "<tr><td>"+"<img src='"+ret[i].img0+"' class='img' /></td><td>"+ret[i].title+"</td></tr>");
              }

            }else{
                 alert( JSON.stringify( err ) );
            }
        });
        //开始查询数据
      }else{
           alert( JSON.stringify( err ) );
      }
  });

}

第二步、把数据库结果显示在页面上

if( ret ){
              //把数据显示在页面上面
              var abcd = $api.byId('mess');//获取在前端要显示的div的id
              for (var i = 0; i < ret.length; i++) {
                //标题
                $api.append(abcd,
                "<tr><td>"+"<img src='"+ret[i].img0+"' class='img' /></td><td>"+ret[i].title+"</td></tr>");
              }