uni-app云开发

uni-app云开发

1.新建

在这里插入图片描述

2.云服务器空间

提前要先准备uni-app账号,要求实名注册。
在这里插入图片描述
点击存在免费版本的,提前体验一下,如果为了更好的效果可以花钱买。
在这里插入图片描述

3.云函数
  1. 创建 在这里插入图片描述

  2. 上传云函数在这里插入图片描述

  3. 云函数编写在这里插入图片描述

  4. 页面调用

    uniCloud.callFunction({
    			name:"base",
    			data:{name:"mumu",age:18}//传递参数
    		})
    		.then(res=>{
    			uni.showModal({
    				content:JSON.stringify(res.result)//返回结果
    			})
    		})
    
4.云数据库
  1. 创建在这里插入图片描述

  2. 新增数据在这里插入图片描述

  3. 表结构

在这里插入图片描述
4. 下载表结构
在这里插入图片描述

  1. 运行项目连接云函数
    在这里插入图片描述

  2. 展示数据(前端)
    在uni-app中的插件市场,下载uni-ui插件

    <unicloud-db ref="udb" v-slot:default="{data, loading, error, options}" collection="one">//这个one就是你创建的表名字
    	<view v-if="error">{{error.message}}</view>
    	<view v-else>
    		{{data}} 
    		
    			
    	</view>
    </unicloud-db>
    

云函数直接生成数据

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后在点击确定然后是合并。
在打开在这里插入图片描述
打开之后就是uni-app自动生成的文件跟效果。
然后还需要更改还是看官方文档https://uniapp.dcloud.net.cn/uniCloud/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值