uni-app之uniCloud(一)
uni-app (https://uniapp.dcloud.io/README)是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。自己可以去官网上去看看 至于创建 我也不多啰嗦了 写的非常清楚uniCloud (https://uniapp.dclou
·
uni-app ( https://uniapp.dcloud.io/README ) qq:1254845399
是一个使用vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
自己可以去官网上去看看 至于创建 我也不多啰嗦了 写的非常清楚
uniCloud ( https://uniapp.dcloud.io/uniCloud/quickstart )
uniCloud
是 DCloud 联合阿里云、腾讯云,为开发者提供的基于 serverless 模式和 js 编程的云开发平台。
创建什么的也跟着官网走就行了 前提是先准备一个 HBuilder 的账号 创建nuiCloud的服务空间需要实名认证 认证后才能正常使用的哦
下面跟着官网走就行了
顺便也随手跟着官网走了一遍
页面使用云函数
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
<button type="default" @click="login">登录</button>
<button type="default" @click="upload">上传</button>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {},
methods: {
login() {
uniCloud.callFunction({
name: 'login', //云函数名字
//参数
data: {
userName: 'user',
passWord: '123'
},
success: (res) => {
console.log(res, 2222)
},
fail: (err) => {
console.log(err)
}
})
},
upload() {
uni.chooseImage({
count: 1,
// success: (res) => {
// console.log(res,55)
// }
}).then(res => {
console.log(res[1])
})
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
云函数代码
'use strict';
let db = uniCloud.database()
exports.main = async (event, context) => {
let collection = db.collection("login")
//新增
// let res = await collection.add({
// userName:"admin",
// passWord:"123"
// })
// 删除
// let res = await collection.doc("5fb4c6444d03d000019e84ec").remove()
// 查询
// let res = await collection.where({userName:'admin'}).get()
//修改
// let res = await collection.where({
// userName: 'admin'
// }).update({
// type: 'hhh'
// })
//event为客户端上传的参数
// console.log('event : ',context)
//返回数据给客户端
return {
code: 200,
msg: '登录成功',
data: {
name: '1',
age: '18'
},
}
};
更多推荐
已为社区贡献28条内容
所有评论(0)