服务器网站搭建工具 第1篇
选择uni-app类型项目，输入项目名称和选定你的项目位置，选择默认模板，并勾选启用uniCloud且选用阿里云，操作如下图
uni-app 是一个使用 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
我们选择uni-app项目进行演示，其他项目也可以自行尝试。
创建好项目后，你会看到以下这些文件夹以及文件，如下图
存放uniCloud服务的特定文件和配置的目录。uniCloud是uniapp提供的一种云开发模式，它允许开发者在云端进行数据存储、云函数部署等操作，而无需关心底层的服务器运维工作
存放所有页面的目录。每个页面都可以视为一个单独的组件，包含一个.vue文件和相关的资源文件。这些页面文件定义了应用的各个视图和功能。
存放各种静态资源的目录，如图片、字体、CSS样式文件等。这些资源可以在项目的各个页面中直接引用。
用于存放uniapp项目的各种依赖文件，通常是uni-app的插件模块化规范，支持直接封装为项目模板。
项目的根组件，是所有页面的入口文件。它包含了应用的一些全局配置。所有的页面都是在下进行切换的。
uni-app项目的入口HTML文件。虽然在实际开发中，你很少会直接修改这个文件，但它对于项目的启动和页面渲染有着重要的作用。这个文件通常包含了页面的基本结构、引入的CSS和JavaScript文件，以及Vue实例的挂载点。
项目的入口文件，主要用于初始化Vue实例和引入必要的插件。它是项目的启动点，负责加载和配置Vue应用。
应用的配置文件，用于指定应用的名称、图标、权限等基本信息。这个文件包含了应用的基本设置，如应用的显示名称、版本信息、是否允许全屏显示、是否允许下拉刷新等。同时，它还可以配置应用的原生模块权限，如访问相册、相机等。
uni-app项目的页面配置文件，用于配置页面路由、导航栏、选项卡等页面类信息。这个文件定义了应用的页面结构，包括页面的路径、标题、样式等。同时，它还支持配置全局的导航栏样式、底部的选项卡等。通过配置这个文件，你可以轻松定义应用的页面跳转和导航逻辑。
是uni-app提供的一个辅助文件，用于将uni-app的API转换为Promise形式，使得异步操作更加简洁和易于管理。在uni-app中，很多API都是基于回调函数实现的，而Promise则是一种更加现代和优雅的异步编程方式。这个文件通过封装uni-app的API，使得你可以使用Promise来调用这些API，提高代码的可读性和可维护性。
内置样式文件，用于方便整体控制应用的风格。这个文件里预置了一批scss变量，可以方便地在项目中统一设置样式。
服务器网站搭建工具 第2篇
右键“uniCloud文件夹”选择“关联云服务控件或项目”，
右上角新建选择“新建服务空间”
选择“阿里云”的免费付费方式，即可购买期限1个月的免费服务空间，你可以理解为为服务器。在这里我就不能演示了。
当你购买完成后，就可以在uniCloud文件夹右键进行关联云服务控件了，uniCloud文件夹后面会显示你关联的服务器空间名称，随后我们可以尝试运行项目
服务器网站搭建工具 第3篇
右键uniCloud文件夹，选择“打开uniCloud Web控制台”，你可以看到关于你的服务空间的基本信息和资源状况
随后在云数据库里新建数据表，并且向表里添加记录，操作如下图
随后我们可以在前端页面尝试获取云数据表里的数据
点开uniCloud文件夹，右键其中的cloudfunctions文件夹，选择“创建云函数/云对象”，输入名字后，创建
创建成功后，你会看到如下文件内容
参数event是你从前端页面传进来的参数，可见里面的代码只是输出了event然后便返回了event给前端页面，我们写几个简单的代码去获取数据表里的数据
输入“cdb”即可快速补全这一行代码，这一行代码是获取数据库实例，
随后可输入这一行代码对数据表进行获取，这一行代码通过 (name) 可以获取指定数据表的引用，在此基础上可以进行写入，读取，引用，计数，你还可以写where条件筛选出匹配的记录，以及排序等等，你可以参考官方文档，如下
我们去到page里找到默认生成的index页面
我们可以使用自带的api()去调用云函数，并且渲染到页面中，代码如下
首先在methods里写一个getTestData函数，用于调用云函数获取数据，其中的作用是调用云函数，name是你的云函数的名称（一般会自动提示），data是你要传给云函数的参数，就是上面提到的event，你的参数将会在event对象里，其中写了三中结果函数，分别是success和fail和complete，代码中均有提示，此处不在赘述。
其中代码的赋值“[0].name”是根据云函数返回的数据结构去写的，并不是乱写，也不是完全写死的，你可以在云函数里自定义一个对象去调整数据的结构
这是运行结果
可以看到，图标下方的'Hello'已经被渲染成了我们在云数据表里存下的字符串，我们可以回过头看看uniCloud控制台的输出（查看云函数的运行）
可以看到请求参数是空的，因为我们没有穿任何参数，同时有两个的数据，就是开头是event：和result：的那两条输出。最后就是返回结果，里面也提示了你返回的数据结构是怎么样的
在uniCloud Web控制台里，我们可以在云储存中，上传你想要储存的文件等等，如下图
上传成功后，你可以刷新一下该页面，然后查看文件的详情，你可以看到他提供另一个网络路径，没错，这个路径其实就相当于网络图片的路径，如下图
我们可以复制那个“下载地址”，将他粘贴到我们云数据表test里的name字段里（就是手动更改name的内容）
我们回到运行的页面，刷新看可以看到拿到了这个链接
那我们知道，上面说过这个其实就是网络图片的地址，那我们岂不是可以在前端页面进行渲染出来，我们可以进行尝试，代码如下
因为咱们上面已经获取了这个路径，只需写这个标签，并绑定在src上，即可进行渲染，效果如下
到这，已经完成了从云数据库，云储存，到云函数（后端），再到前端页面的编写。
云函数代码如下：
前端页面代码如下：