微信小程序制犯案例_微信小程序云开发之模仿后

摘要: 手机微信微信小程序云开发设计之仿真模拟后台管理删改改查 本文关键为大伙儿详尽详细介绍了手机微信微信小程序云开发设计之仿真模拟后台管理删改改查,具备一定的参照使...

微信小程序云开发之模拟后台增删改查       这篇文章主要为大家详细介绍了微信小程序云开发之模拟后台增删改查,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

小程序云开发出来之后,小程序开发人员也要慢慢的接触后端对数据的增删改查了。下面就给大家提供一个案例吧。

这里我把新增和修改放在了一个页面

  

显示页面index.wxml

 view wx:if="{{books}}" 
 view 
 text 图书列表 /text 
 /view 
 view 
 text 书名 /text 
 text 作者 /text 
 text 价格 /text 
 text 操作 /text 
 /view 
 block wx:for="{{books}}" wx:key="" 
 view 
 text {{item.name}} /text 
 text {{item.author}} /text 
 text {{item.price}} /text 
 button data-id='{{item._id}}' bindtap='onDel' 删除 /button 
 button data-id='{{item._id}}' bindtap='onUpdate' 修改 /button 
 /view 
 /block 
 /view 
 view wx:else="{{books}}" 
 text 暂时没有图书! /text 
 /view 
 view 
 button bindtap='goSet' 添加图书 /button 
 /view 

index.js

// pages/index/index.js
Page({
 * 页面的初始数据
 data: {
 books:[] 
 * 生命周期函数--监听页面加载
 onLoad: function (options) {
 const db = wx.cloud.database()
 db.collection("books").get({
 success:res= {
 this.setData({
 books:res.data
 },fail:err= {
 wx.showToast({
 icon:"none",
 title: '查询记录失败',
 goSet:function(){
 wx.navigateTo({
 url: '../set/set',
 }, onDel:function(e){
 let id = e.currentTarget.dataset.id
 const db = wx.cloud.database();
 db.collection("books").doc(id).remove({
 success:res= {
 wx.showToast({
 title: '删除成功',
 this.onLoad()//删除成功重新加载
 },fail:err= {
 wx.showToast({
 title: '删除失败',
 console.log(id)
 },onUpdate:function(e){
 let id = e.currentTarget.dataset.id
 wx.navigateTo({
 url: '../set/set id='+id,
})

添加和修改共用set.wxml

 !--pages/set/set.wxml-- 
 view 
 form bindsubmit='comfirm' 
 view 
 label 书名: /label 
 input data-value='{{id}}' name="id" value='{{book._id}}' /input 
 input data-value='{{name}}' name="name" value='{{book.name}}' /input 
 /view 
 view 
 label 作者: /label 
 input data-value='{{author}}' name="author" value='{{book.author}}' /input 
 /view 
 view 
 label 价格: /label 
 input data-value='{{price}}' name ="price" value='{{book.price}}' /input 
 /view 
 view 
 button form-type='submit' 保存 /button 
 /view 
 /form 
 /view 

set.js

// pages/set/set.js
Page({
 * 页面的初始数据
 data: {
 book:[]
 * 生命周期函数--监听页面加载
 onLoad: function (options) {
 if(options.id){
 const db = wx.cloud.database();
 db.collection("books").where({
 _id:options.id
 }).get({
 success:res= {
 this.setData({
 book:res.data[0]//返回的是一个数组,取第一个
 },fail:err= {
 console.log(err)
 comfirm:function(e){
 const db = wx.cloud.database()//打开数据库连接
 let book = e.detail.value
 if(book.id==""){//id等于空是新增数据
 this.add(db,book) //新增记录
 }else{
 this.update(db,book) //修改记录
 }, add: function (db, book) {
 db.collection("books").add({
 data: {
 name: book.name,
 author: book.author,
 price: parseFloat(book.price)
 }, success: res = {
 wx.showToast({
 title: '新增记录成功',
 wx.navigateTo({
 url: '../index/index',
 }, fail: err = {
 wx.showToast({
 title: '新增失败',
 }, update: function (db, book) {
 db.collection("books").doc(book.id).update({
 data: {
 name: book.name,
 author: book.author,
 price: parseFloat(book.price)
 }, success: res = {
 wx.showToast({
 title: '修改记录成功',
 wx.navigateTo({
 url: '../index/index',
 }, fail: err = {
 wx.showToast({
 title: '修改失败',
})

云开发后台数据,需要手动添加books集合:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:创建网站