uni-app之uniCloud（一）

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'},}
};

uni-app之uniCloud（一）相关推荐

切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
uni app map 地图漂浮问题及方案
uni app map 地图漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
HBuilder X ——Uni app 学习笔记（一）
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
uni app 自动化索引列表
uni app 自动化索引列表,官方推荐的第三方插件 https://ext.dcloud.net.cn/plugin?id=375 [{"letter": "A&quo ...
HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
uni App+H5 实现人脸识别
uni App+H5 实现人脸识别通过h5的视频video管理设备摄像头(不要关),在打开视频摄像时快照截取人脸照片传送到后台通过API接口调用百度人脸识别结果并通过返回数据解析自己业务需求. 1. ...
uni app 视频播放功能
视频播放功能,需求:编译成纯h5网页,运行在任意容器里,如浏览器.安卓原生和iOS等媒体组件video 首先使用video组件,然后高度需要自己设置 uni.createVideoContext 官 ...
uni app(H5)中软键盘弹出,固定定位绝对定位元素位置发生错乱
一.问题如下最近用uni app写项目,发现H5软键盘弹起,导致我固定定位的按钮被顶了上去,如图二.解决方法 1.让其在输入框获取焦点时隐藏百度了许多,有让输入框获取焦点时让按钮隐藏的方法,失去 ...

uni-app之uniCloud（一）

uni-app ( https://uniapp.dcloud.io/README ) qq：1254845399

uniCloud ( https://uniapp.dcloud.io/uniCloud/quickstart )

uni-app之uniCloud（一）相关推荐

最新文章

热门文章