评论

#小程序云开发挑战赛#-云表白

#小程序云开发挑战赛#-云表白

目标用户

主要的目标实体大学生,打造一个供大学生表白的平台

实现思路

初始界面展示表白对象,表白内容和表白对象的图片,点击中间的加号可添加一条记录信息,添加完记录可以对记录进行点赞和评论。

效果截图

功能代码展示

显示页面iindex.js代码

//index.js

const app = getApp()

const db=wx.cloud.database("love");

const love=db.collection("love");//连接数据库

Page({

  data: {

Image:null,

state:0,

num:0,


  },

   //实现选择图片并且把图片显示的功能

  doUpload:function(e)

  {

    wx.chooseImage({

      success:res=>{

        console.log(res);

        wx.cloud.uploadFile({

          cloudPath:`${Math.floor(Math.random()*100000000)}.jpg`,

          filePath:res.tempFilePaths[0] , //文件路径

         

        }).then(res=>{

          this.setData({

            Image:res.fileID

          })

        

        })//然后then

      }

    })

    },

    onSubmit:function(event){  //event提交数据

      love.add({         //添加到数据库love

        data:{

        lover:event.detail.value.lover,

        context:event.detail.value.context,

        Image:this.data.Image,

        state:0,

        num:0,

        createTime:db.serverDate() //添加该字段

        }

        }).then(res=>{

         wx.showToast({

           title: '提交成功',

           icon:"success",

            success:res2=>{

             

          //   //  wx.redirectTo({

          //   //    url:"../index/index"

          //      //url: `../todoInfo/todoInfo?id=${res._id}`,

          //    })

           }

         })

        })

    },

    onChange({ detail }) {

      // 需要手动对 checked 状态进行更新

      this.setData({ checked: detail });

    },


})


最后一次编辑于  09-19  
点赞 25
收藏
评论

2 个评论

  • Choice
    Choice
    09-24

    这也参赛。。。

    09-24
    赞同
    回复
  • 熊
    09-21
    点赞
    09-21
    赞同
    回复
登录 后发表内容