小程序的開發(fā)筆記
app.js:
初始化云開發(fā)淮悼,設(shè)置開發(fā)環(huán)境
app.json:
添加頁面咐低,第一個為首頁。窗口設(shè)置樣式
添加頁面包括4個文件:
js袜腥,json见擦,wxml钉汗,wxss四個文件
js寫函數(shù)
json配置頁面
wxml寫頁面
wxss寫樣式
每添加一個界面需要在app.json注冊。
在js下寫方法:
1.跳轉(zhuǎn)方法:
MyJump: function(){
wx.navigateTo({
url: '../myWork/myWork',
})
}
2.打開文件
openFile(){
wx.cloud.downloadFile({
fileID: 'cloud://壞境id.docx',
success:function(res){
const filepath = res.tempFilePath;
console.log("12",filepath)
wx.openDocument({
filePath: filepath,
success:function(){
console.log('打開成功')
}
})
}
})
}
3.直接查詢數(shù)據(jù)庫鲤屡,有數(shù)據(jù)限制
const db = wx.cloud.database()
db.collection('my_work_user').get({
success: res => {
this.setData({
infoData: JSON.stringify(res.data, null, 2)
})
console.log('[數(shù)據(jù)庫] [查詢記錄] 成功: ', res)
},
fail: err => {
wx.showToast({
icon: 'none',
title: '查詢記錄失敗'
})
console.error('[數(shù)據(jù)庫] [查詢記錄] 失斔鹛怠:', err)
}
});
4.云函數(shù),最好通過云函數(shù)調(diào)用云數(shù)據(jù)庫酒来。創(chuàng)建方式:右鍵新建note.js云函數(shù)文件名即為函數(shù)名
// 云函數(shù)入口文件
const cloud = require('wx-server-sdk')
cloud.init()
// 云函數(shù)入口函數(shù)
exports.main = async (event, context) => {
let a = event.a;
let b = event.b;
return a+b;
}
調(diào)用云函數(shù):
getSum(){
var that = this;
wx.cloud.callFunction({
name:'addInfo',
data:{
a :1,
b :2
},
success(res){
console.log('云函數(shù)成功: ', res);
that.setData({
sum : res.result
})
},fail(res){
wx.showToast({
title: '錯誤',
})
}
})
}
5.選擇并上傳圖片:
uploadImage(){
let that = this;
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success (res) {
// tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片
const tempFilePaths = res.tempFilePaths
that.uping(tempFilePaths[0])
}
})
},
uping(fileTempPath){
wx.cloud.uploadFile({
cloudPath: 'haha222.png',
filePath: fileTempPath, // 文件路徑
success: res => {
// get resource ID
console.log(res.fileID)
},
fail: err => {
// handle error
}
})
}
6.獲取外部鏈接:
getOther(){
var that = this;
wx.request({
url: 'https://域名/m/test', //僅為示例卢未,并非真實的接口地址
data: {
},
header: {
'content-type': 'application/json' // 默認(rèn)值
},
success (res) {
console.log(res.data)
that.setData({
otherInfo:res.data
})
}
})
}