新手使用APICloud可视化开发搭建商城主页

APICloud的可视化开发功能，听说只要上手托拉拽就可以完成各种页面的开发，不需要写代码，可以大大减少开发的用时，主要是对新手非常友好的。今天就来体验一下，看看能否用最少的时间完成一个商城主页面的创建呢？

首先下载并安装开发工具APICloud Studio 3。打开后创建项目：

然后找到pages/main/main.stml页面文件，点击左上角的绿色图标，就可以从代码开发切换成可视化开发的界面了。

因为可视化工具是深度捆绑的AVM多端引擎，所以只有扩展名为.stml的文件，才有可视化开发的功能，才可以显示绿色的小按钮，其他格式的文件是没有办法进入可视化开发界面的。

之后我们就进入到了可视化开发界面中，看一下左边的组件栏，一共分为三种组件。

UI组件是将项目的UI设计页面中常见的各功能元素及其样式，进行了抽象封装而形成的组件。包含各种常用的小功能，按钮、列表、图片查看、文本输入框等等。

高级组件也可以看做是具备功能逻辑的UI组件。每一个高级组件都具备一个完整的独立功能，也可以