开发者社区> 万里淘> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

利用APICloud studio3可视化开发工具开发企业管理app

简介: 利用 APICloud studio3 可以帮助我们快速创建并运行一个简单的应用,内容涉及开发工具使用、代码管理、应用预览、调试等。现在我们来通过 APICloud studio3 快速创建一个企业管理 app,帮助企业提供信息展示、案例展示、加盟申请等。
+关注继续查看

利用 APICloud studio3 可以帮助我们快速创建并运行一个简单的应用,内容涉及开发工具使用、代码管理、应用预览、调试等。现在我们来通过 APICloud studio3 快速创建一个企业管理 app,帮助企业提供信息展示、案例展示、加盟申请等。方便用来展示产品、案例、宣传企业文化、资讯动态等。

1. 准备工作

下载并安装最新版本开发工具 APICloud Studio 3,当前支持 Windows、macOS、Linux 系统。下载地址 https://www.apicloud.com/studio3

2. 创建应用

当前提供了两种创建应用的方式,可以在 APICloud App 开发控制台 或 APICloud Studio 3 中创建应用,我们以在 APICloud Studio 3 中创建应用为例。打开后点击窗口右上角的 “未登录” 按钮,使用 APICloud 账号登录,若无账号可以点击 “立即注册” 按钮进行注册。顶部菜单选择 “项目” - “新建项目”,然后填写 “应用名称”,“应用说明”,应用框架处内置了几种模板,这里我们选择 MX App“企业展示”,点击 “完成”,然后选择项目保存的路径,完成创建。

在应用类型选择上 1. MX App: 一次开发多端应用,同时生成 iOS、Android、app 小程序等多端应用。2。Native App:Native App 适合功能强大、性能卓越的 APP 开发,如果您仅有 App 需求,应选择 Native App 模式。3. App Clip: 即 iOS 轻 App,是苹果公司在 iOS14 最新推出的无需下载、即搜即用的全功能 App,属于主 App 的一部分,可以理解为 “苹果小程序”。

image

3.App 页面编辑

编辑器为可视化编辑器,深度捆绑 avm 的多端引擎,只有拓展名是 stml 的才具备可视化的能力,打开 pages\main 会看到一个 stml 后缀的文件,与传统的 html 不同的是,它最终可以生成多端应用。编辑器集成了实时预览功能功能,可以通过实时预览,将页面以 H5 渲染展示在编辑器中,可以点击实时预览(左侧小眼睛)可以看到页面预览效果,也可以复制链接在浏览器中查看效果。

image

进入可视化页面后,可以通过组件拖拽的方式对页面进行简单的修改,单击右侧属性。还便可以对所选组件进行尺寸颜色等修改,同时在右侧事件处,可以对当前函数新建一个函数,个性化制定相关功能。

image

4.App 调试

为了提高开发效率,我们提供了 WiFi 真机同步功能,设备安装 AppLoader 或者自定义 loader 应用后,可以将 APICloud Studio 中的项目代码通过 WiFi 同步到 loader 中进行预览。点击左侧的真机同步按钮,选择通过 WiFi 连接设备,扫一扫连接,连接时要保证手机与 studio 位于同一局域网段,连接后进行 WiFi 同步便可以在手机上正常显示了。(尽量开启所有权限)

image

5.App 预览

点击左侧的小云朵,通过云编译打包一个正式的安装包,选择应用类别、平台,然后点击下面的 “云编译” 按钮开始编译。等待编译完成后扫描二维码即可安装。

image

6. 修改

修改完内容后,我们将内容同步到云端,代码传输云端后选择 WiFi 全量同步就可以在手机端看到更新内容

image

最后我们就可以在手机端下载安装软件,体验 app 啦。

APICloud-专业APP开发app定制服务商,提供一站式移动应用解决方案,满足您的各类需求,欢迎免费评估需求和获取报价。


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用vue开发APICloud软件APP的教程
使用vue开发APICloud软件APP的教程,APICloud开发工具PC端,先下载APICloud开发工具,打开开发工具后点击项目,导入项目,云端云端检出,可以看到项目目录,可以将项目拉取下来。
76 0
使用Cloud application Studio在C4C UI里创建下拉列表(dropdown list)
使用Cloud application Studio在C4C UI里创建下拉列表(dropdown list)
38 0
使用Cloud application Studio在C4C UI里创建下拉列表(dropdown list)
使用Cloud application Studio在C4C UI里创建下拉列表(dropdown list)
26 0
zend studio 使用SVN配置工具
zend studio 使用SVN配置工具 在团队开发中,离开不开版本控制工具,比如TFS,SVN,CSV等,小型团队可以选用SVN,最近在开发PHP项目,由于几个人一块开发,于是再次用上了SVN,用zend studio 连接SVN。
1138 0
zend studio 使用SVN配置工具
在团队开发中,离开不开版本控制工具,比如TFS,SVN,CSV等,小型团队可以选用SVN,最近在开发PHP项目,由于几个人一块开发,于是再次用上了SVN,用zend studio 连接SVN。 步骤如下: 1.
1024 0
+关注
41
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载