首页 > 其他分享 >实例|APICloud可视化开发企业管理app

实例|APICloud可视化开发企业管理app

时间:2022-08-24 11:45:47浏览次数:170  
标签:APICloud 预览 app 点击 开发 可视化 应用 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 的一部分,可以理解为 “苹果小程序”。

3.App 页面编辑

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

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

4.App 调试

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

5.App 预览

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

6. 修改

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

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

YonBuilder移动端低代码开发平台(APICloud)是一款“云端一体”的低代码开发平台,可免费自助制作APP,也可进行专业APP定制开发。使用APICloud开发平台,是用Web语言去开发iOS和Android应用,这样将开发难度大幅降低,开发周期缩短将近一倍。此外,APICloud平台上有上千个各式各样的功能模块,一键调用方便去开发各类App。

 

标签:APICloud,预览,app,点击,开发,可视化,应用,App
From: https://www.cnblogs.com/kaifacss/p/16619310.html

相关文章

  • 即时通讯源码(基于websocket即时通讯源码uniapp)+视频搭建教程
    即时通讯系统源码服务器端构架目录:1、构建基本服务器2、用户在线功能3、用户消息广播机制4、用户业务层封装5、在线用户查询6、修改用户名......
  • 5分钟搭建1个智慧物流数据可视化大屏
    广义上,智慧物流是指通过智能软硬件、物联网、大数据等智慧化技术手段,实现物流各环节精细化、动态化、可视化管理,它以信息技术为支撑,在物流运输、仓库、包装、装卸搬运、流......
  • uniapp 打开 外部app某个页面
    配置manifest.json->urlschemewhitelist白名单/*ios打包配置*/"ios":{"UIBackgroundModes":["audio"],"urlschemewhitelist":["baidumap","iosa......
  • APP稳定性测试
    一、什么是APP稳定性测试app的稳定性也可以理解为app的健壮性、可靠性。通俗的说就是对app进行破坏性测试,app也能达到稳定的一个状态。对被测应用进行长时间的操作,在各种......
  • mybatis mapper的加载过程
    mapper的加载过程在mybatis配置文件的整体加载过程一文中,最后我们说到在parseConfiguration方法中会加载mybatis的xml配置文件的mappers属性.而mapper属性中定义了所......
  • 【Azure 应用服务】在 App Service for Windows 中自定义 PHP 版本的方法
    问题描述在AppServiceforWindows的环境中,当前只提供了PHP7.4版本的选择情况下,如何实现自定义PHPRuntime的版本呢?如 PHPVersion8.1.9?当AppService创建号值后......
  • App 自动化测试实战技巧与经典面试题解析
    ⬇️点击“下方链接”,提升测试核心竞争力!>>更多技术文章分享和免费资料领取移动互联网时代,为了高效应对App多端发布、多版本发布、多机型发布等质量挑战,App自动化测试......
  • App Deploy as Code! SAE & Terraform 实现 IaC 式部署应用
    作者:宋阳(流鑫)企业上云是近些年的发展热潮,越来越多的企业把自己的应用部署在各个云厂商中,利用云计算带来的弹性、灵活、安全、低成本等特性,轻松帮助企业搭建自己的应用。......
  • uniApp 返回上一页携带参数
    clickCity(name){console.log(name);letpages=getCurrentPages();//获取pageletprevPage=pages[pages.length-2];//......
  • 05-Nebula Graph 图数据 可视化
    图数据库的可视化Nebula本身自带的Studio虽然很好用,但是并不能直接嵌入到业务系统中,也不能直接给客户用,所以我找了好多也没有说直接能展示图关系的,但是我看网......