小程序前端-微信小程序前端

在小程序相当火热的今天，开发小程序成为一个很好的职业选择。

官方的话就别说了好吧。

1.首先第一步就是得先有个小程序(),上这个连接找腾讯解决小程序前端小程序前端，有详细的介绍，不会的话，那就不用搞微信小程序开发啦

2.注册了小程序之后，对前端了解的话，小程序真的是秒入门。接下来那就是后台的问题了 。这里介绍的是“知晓云”，这个平台目前有提供一个个人版免费接入后台,这里就上一下链接：，当然你也可以问问百度

3.想了解比较详细的，那就先看看这个，360doc：#

4.看完着个 还是不够了解吧，所以你才要看看我这个补充说明嘛。

5.以上文档已经说明了如何配置后台，配置好域名等内。接下来那就建立表格的问题了。

在小程序对知晓云授权之后，就可以在以上画出的位置添加对应的数据。添加列的时候要注意设置列的名字就好啦。因为到小程序里会用到。

6。接下来就是小程序中的把戏了。

7. 建立工程文件之后，在app.js的文件下，添加添加以上在知晓云下载的SDk文件。

首先将SDK文件存入工程文件中，

然后用代码添加进来

以上打码的地方就是自己建立数据表格的时候所生成的，至于clientId 话，在知晓云的“设置处“查看。

以上就是配置好文件了小程序和后台的基本操作，那么还需要确定将数据存到后台数据表的那个位置啊

这就是文章重点之处了。

首先上代码，这些代码是参考别人的

let getBooks = (ctx, cb) => {
 
let tableId = getApp().globalData.tableId,
Books = new wx.BaaS.TableObject(tableId)
 
Books.find()
.then(res => cb(res))
.catch(err => console.dir(err))
}
 
let addBook = (ctx, cb) => {
 
let tableId = getApp().globalData.tableId,
Books = new wx.BaaS.TableObject(tableId),
Book = Books.create(),
book = ctx.data.creatingBookName
 
let data = {
book,
}
 
Book.set(data)
.save()
.then(res => cb(res))
.catch(err => console.dir(err))
 
}
 
let updateBook = (ctx, cb) => {
let tableId = getApp().globalData.tableId,
recordId = ctx.data.curRecordId,
book = ctx.data.editingBookName
 
let Books = new wx.BaaS.TableObject(tableId),
Book = Books.getWithoutData(recordId)
 
let data = {
book
}
 
Book.set(data)
.update()
.then(res => cb(res))
.catch(err => console.dir(err))
}
 
let deleteBook = (ctx, cb) => {
let tableId = getApp().globalData.tableId,
recordId = ctx.data.curRecordId
 
let Books = new wx.BaaS.TableObject(tableId)
 
Books.delete(recordId)
.then(res => cb(res))
.catch(err => console.dir(err))
}
 
module.exports = {
getBooks,
addBook,
updateBook,
deleteBook,
}

注意以上的book。这个名称关乎到小程序与后台的对接成功与否。这个就是需要和你所建立的表格名称一致

至此，基本就完成了

在这可以看到，小程序添加的数据在后台正常存储。

分享一个github链接，内有他人的工程代码：

如有不了解的地方，可以添加本人微信，我们一起探讨学习学习：NNN6786789