【项目】壁纸微信小程序

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_41866960/article/details/83783421

Tomcat壁纸小程序
         介绍:一个简单的壁纸小程序

项目源码下载地址
        百度云:https://pan.baidu.com/s/17jwyAeOqXfeIoN8KQHdW2w

项目简介:
        本项目使用微信开发者工具开发,无需写后端代码,只需掌握bmod后端云的使用方法结合前端html+css+JavaScript即可完成开发,详细后端云使用方法可查看官方开发文档。

Bmod后端云的介绍
官网:https://www.bmob.cn/
它提供多种数据服务,只需简单几行代码,便可实现增删查改的操作,开发起来非常方便快捷。
 

小程序的界面

        

分页查询

lower: function () {
    console.log("到达底部");
    var resultsOld=this.data.results;
    var urllistOld=this.data.urllist;
    var that = this;
    var urllistNew=[];
    var flag=true;
    var flag1=true;
    var pageSize = this.data.pageSize;
    var page = this.data.page;

    var Diary = Bmob.Object.extend(this.data.p_type);
    var query = new Bmob.Query(Diary);
    query.descending("createdAt");
    query.limit(pageSize);
    query.skip(pageSize*page);
    
    // 查询所有数据
    query.find({
      success: function (results) {
        // flag=false;
        page++;
        if (results.length==0){
          wx.showToast({
            title: '已经没有了!',
            icon: 'none',
          })
          // console.log("最终当前列表",that.data.urllist)
        }
        // console.log("共查询到 " + results.length + " 条记录");
        that.setData({
          page:page,
          results: resultsOld.concat(results)
        })
        // 循环处理查询到的数据
        for (var i = 0; i < results.length; i++) {
          var object = results[i];
          // console.log(object.id + ' - ' + object.get('url'));
          urllistNew[i] = object.get('url');
          // console.log(that.data.urllist[i])
        }
        that.setData({
          urllist: urllistOld.concat(urllistNew)
        })
        flag = false;
        // console.log("当前列表", that.data.urllist)
      },
      error: function (error) {
        // console.log("查询失败: " + error.code + " " + error.message);
      }
    });
    
   if(flag == true) {
      wx.showToast({
        title: '正在加载',
        icon: 'loading',
      })
    }
  },

最后,有兴趣开发微信小程序但对后端不熟悉的小伙伴,可以尝试使用这个后端云工具,开发一个属于自己的小程序。

欢迎和各位一起交流学习

展开阅读全文

没有更多推荐了,返回首页