【项目】壁纸微信小程序

淩亂°似流年 2022-04-18 00:52 375阅读 0赞

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

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

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

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

**小程序的界面**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA_size_16_color_FFFFFF_t_70][]     ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA_size_16_color_FFFFFF_t_70 1][]   ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA_size_16_color_FFFFFF_t_70 2][]

分页查询

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',
          })
        }
      },

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

欢迎和各位一起交流学习

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20181106110040836.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20181106110130801.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTg2Njk2MA_size_16_color_FFFFFF_t_70 2]: /images/20220418/e7079cc1b2a94dd38546abfe175bfc08.png