当前位置:   article > 正文

【uniapp】如何下载、安装软件,使用云数据库_uniapp下载安装教程

uniapp下载安装教程

写在最前
因原生小程序开发费用19.90元,对于个人开发者/学生党不太友好。
所以经过一番查找,发现了unicloud提供的免费版本足够使用,所以特此记录。

在这里插入图片描述

名称链接
官方网站https://dcloud.io
软件下载https://dcloud.io/hbuilderx.html
unicloud云开发https://unicloud.dcloud.net.cn

1.下载

软件下载:
https://dcloud.io/hbuilderx.html

2.安装

下载解压即可使用(进入文件夹,找到HBuilderX.exe,双击打开即可)
在这里插入图片描述

3.使用云数据库

unicloud云开发:
https://unicloud.dcloud.net.cn

①:首先去往上述网址进行注册账号 ,随后去邮箱激活即可

在这里插入图片描述

②:账号实名认证

在这里插入图片描述
为保证数据安全,建议大家把手机号、微信都进行绑定
在这里插入图片描述

③:新建服务空间

在这里插入图片描述
这里我们选择免费版
在这里插入图片描述

④:介绍

常用就这三块:云数据库、云存储、前端网页托管
在这里插入图片描述

⑤:使用

依次创建项目(勾选unicloud)
在这里插入图片描述
关联云服务空间
在这里插入图片描述
勾选所创建的云服务空间
在这里插入图片描述

4.演示效果

<template>
	<view>
		<button @click="get()">获取数据</button>
	</view>
</template>

<script>
	const db = uniCloud.database();
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			get(){
				let res = db.collection('Shop_goods')
				.get()
				.then(res => {
					console.log(res.result.data)
				})
			},
		}
	}
</script>

<style>

</style>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

软件界面
在这里插入图片描述

云数据库
在这里插入图片描述
获取到的数据库(与云数据库一致,完成目标)
在这里插入图片描述

至此,本次分享就到此结束了,如果对大家有帮助,请帮忙点个赞~

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/826976
推荐阅读
相关标签
  

闽ICP备14008679号