微信小程序类别如何实现动态添加

如上图分类类别现在有这些,想要继续如下图输入类别名、选择图片并添加到支出页面上,现在有连接bmob数据库,但具体如何做希望大佬指点!

你添加了之后,存数据库.再从数据库查出来.显示在页面上就行

好的谢谢!

我先试下

从上面可以看出,基本有是四个字段来存储,一个是id 一个是类型type(之支出/收入) ,一个是项目名,一个是图片,都是必填项,写输入信息,更新道数据库,之后再更新列表,这样ok, 请点击采纳,多谢!

采纳,结账,关注。后续有啥问题 请咨询,一起进步

如果是一张表,支出和收入用一个字段,采用字典的形式来区分就行,其他的字段就是项目名称、项目图片等。到时候可以直接用一条sql查询出来 支出下面有哪些项目,收入下面有哪些项目

onShow:function()
  {
   var query = new Bmob.Query('sort');
   query.find().then(function(results){
    // var t=results[0].name
      //  console.log(results[0].name);
       if(result[0].usetype=='-')
       {
        var that = this
        for (var i = 0; i < that.data.guideList.length; i++);
        var name='that.data.guideList[i].name'
        var logoSrc='that.data.guideList[i].logoSrc'
        that.setData({
          [name]: result[0].name,
          [logoSrc]: result[0].logoSrc
          })
       }  
      //  console.log(t);
      // console.log(results[0].name);
   })
}

  // data中定义的数组
guideList: [
      {"name""服饰""logoSrc""/images/clothes.png"},
      {"name""餐饮""logoSrc""/images/food.png"},
      {"name""交通""logoSrc""/images/trans.png"},
      {"name""娱乐""logoSrc""/images/entertainment.png"},
      {"name""书籍""logoSrc""/images/book.png"},
      {"name""旅行""logoSrc""/images/travel.png"},
      {"name""住房""logoSrc""/images/house.png"},
      {"name""宠物""logoSrc""/images/pet.png"},
      {"name""汽车""logoSrc""/images/car.png"},
      {"name""医疗""logoSrc""/images/treatment.png"},
]

    

上面做的是从数据库读出以便之后显示出来。请问函数这样写有什么问题嘛?我在函数前后试了下console.log()发现前面可以输出后面无法输出

读出的数据加在原有的guideList上


这是存储在bmob中的数据格式

原有的guideList并不能这么存

这样写没什么问题啊 是得不到值吗?

直接存个数组不行吗,要用for去存个什么东西...
 for (var i = 0; i < that.data.guideList.length; i++);
        var name='that.data.guideList[i].name'
        var logoSrc='that.data.guideList[i].logoSrc'
        that.setData({
          [name]: result[0].name,
          [logoSrc]: result[0].logoSrc
          })
这段代码我隔夜饭都呕出来了
for循环语法还有问题...你循环个什么劲呢老铁
onShow:function()
  {
   var query = new Bmob.Query('sort');
   query.find().then(function(results){
    // var t=results[0].name
      //  console.log(results[0].name);
       if(result[0].usetype=='-')
       {
        var that = this
        for (var i = 0; i < that.data.guideList.length; i++);
        var name='that.data.guideList[i].name'
        var logoSrc='that.data.guideList[i].logoSrc'
        that.setData({
          [name]: result[0].name,
          [logoSrc]: result[0].logoSrc
          })
       }  
      //  console.log(t);
      // console.log(results[0].name);
   })
}
我不想喷这段代码...你不要把编程玩成大家来找茬好不好?

新手吧

读出的数据加在原有的guideList上为什么这样写?