虾米大王的学习历程

前面我们使用云函数方式，开发了一个小案例，现在我们继续学习unicloud，先看看云函数与云对象的区别。在cloudfunctions上，右键新建云函数/云对象，新建云对象，然后编写代码，方式与云函数差不多，

这个和前面发的Unicloud初级入门-新闻小案例，是一体的。只不过这个带图片上传功能，更完整些。我就不啰嗦了，直接把代码全部贴出来。

这个案例，包含了unicloud中云数据库的增删改查，虽然案例小，但是该有的功能都有了。我把代码贴出来供大家参考学习哈。

【代码】unicloud初级入门08-更新操作upate。

【代码】unicloud初级入门07-数据库查询操作where条件。

【代码】unicloud初级入门06-数据库查询操作的几点。

【代码】unicloud初级入门05-数据库add记录。

还是接着上一篇的，我把使用云函数方式获取数据库的代码贴出来。以上方式，就可以使用代码方式获取云数据库的内容。

找到左侧菜单栏的云数据库，在单击创建数据表，我们可以先创建一张user表，在项目的unicloud文件夹上点击右键，打开unicloud控制台，完成之后，我们可以看到数据表就建立好了。然后为user表，手动添加记录。

上一篇，我基本图解了详细过程，后续我就直接贴代码了。

服务空间首次建立，时间较长，大家耐心等待一下，然后再hbuilderx工具，使用关联菜单，如图，对空间进行关联。学习了uniapp之后，本来想和springboot打通的，但是网上找了很久，没有发现合适的学习资料。在UNICloud文件夹上，右键单击，选择关联服务空间，跳转至unicloud官网，大家按照步骤注册。目前使用阿里云的空间，有一个月的免费期，有账号后，就新建服务空间，名称随意。注册完毕，需要补充个人资料，以及实名认证等，我就不赘述了。在页面的onload函数中，就可以调用这个建立的云函数了。

【代码】uniapp初级入门-flex布局学习15-固定底栏。

【代码】uniapp初级入门-flex布局学习14-悬挂式布局。

【代码】uniapp初级入门-flex布局学习13-三圣杯布局。

【代码】uniapp初级入门-flex布局学习12-网格布局。

【代码】uniapp初级入门-flex布局学习11-骰子多点演示。

【代码】uniapp初级入门-flex布局学习10-骰子四点演示二。

【代码】uniapp初级入门-flex布局学习09-骰子四点演示。

【代码】uniapp初级入门-flex布局学习08-骰子三点演示。

【代码】uniapp初级入门-flex布局学习07-骰子双点演示三。

【代码】uniapp初级入门-flex布局学习06-骰子双点演示二。

不啰嗦，翠花，上代码。

我就直接上代码了，具体内容各位自行体会哈。

【代码】uniapp初级入门-flex布局学习03-align-items属性。

【代码】uniapp初级入门-flex布局学习02-justify-content属性。

Uniapp为支持跨平台，框架建议使用 Flex 布局。于是就必须学习flex布局。下面我把学习过程中的代贴出来，供大家学习参考。项目截图我就不发了，因为这些代码都是用uniapp的工具hbuilderx建立的。你们也随便搞搞，代码能理解，就行了。学会了，也可以在其他软件工具，比如idea中使用。

这个是全部的代码，我贴出来，供大家学习参考。

还是接着前面的内容，我把代码贴出来。

这个案例是一个模仿新闻客户端做的，学习中，我把代码提出来，供大家学习参考。

这个是我在学习过程中，写的一个demo案例，贴出来供大家参考。

使用Hbuiderx创建项目，然后新建页面，下面贴出代码。

这个代码就是基本完结了。我把全部代码都贴出来，供大家参考学习。

还是接着之前的内容。

还是接着之前的内容。

接着之前的内容。

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。上面这段内容是uniapp官网自己的介绍，我借用一下。说的直白些，uniapp就是全端开发，使用它可以开发vue2，vue3web程序，可以开发h5 web程序，也可以开发微信小程序，还可以开发安卓app，同时还能兼容开发其他各类小程序。是不是很强大，所以我觉得应该学习一下。