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

helloworld_98548882
• 阅读 498

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

  1. 准备工作

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

  1. 创建应用

当前提供了两种创建应用的方式,可以在 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 预览

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

  1. 修改

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

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

点赞
收藏
评论区
推荐文章
Jacquelyn38 Jacquelyn38
3年前
Js可以写桌面应用端?
1、下载nw.jshttps://nwjs.io/最好下载sdk版本。2、解压打开安装包下载完之后,解压打开图中的「app文件夹」是我自己创建的,你也需要自己创建一个,里面放你项目文件。「app文件夹」中一般放一个index.html(页面展示),另外还需要创建一个package.json文件(参数配置):        "name":  "first 
Jacquelyn38 Jacquelyn38
3年前
牛逼!五分钟开发一款桌面版应用
1、下载nw.jshttps://nwjs.io/最好下载sdk版本。2、解压打开安装包下载完之后,解压打开图中的app文件夹是我自己创建的,你也需要自己创建一个,里面放你项目文件。app文件夹中一般放一个index.html(页面展示),另外还需要创建一个package.json文件(参数配置):        "name":  "first  ap
小白从0到1学习app开发,以APICloud为例
小白如何开发APP,需要学习哪些知识?可以从0到1完成一个APP的开发。第一步,注册选择开发工具有一些教程上会说先创建应用,再选择工具,是使用的控制台创建的https://www.apicloud.com/studio3APICloudStudio3工具的教程https://docs.apicloud.com/DevTools/studio3visu
APICloud平台常用技术点汇总详解
APICloud移动低代码开发平台介绍:使用APICloud可以开发移动APP、小程序、html5网页应用。如果要实现编写一套代码编译为多端应用(移动APP、小程序、html5),需使用avm.js框架进行开发。如果只开发APP,则可以使用前端技术(HTML5、Vue、react等)、avm.js进行开发,还可以使用模块商店大量的原生
实例|新手使用APICloud可视化开发商城APP
APICloud的可视化开发功能,听说只要上手托拉拽就可以完成各种页面的开发,不需要写代码,可以大大减少开发的用时,主要是对新手非常友好的。今天就来体验一下,看看能否用最少的时间完成一个商城主页面的创建呢?首先下载并安装开发工具APICloudStudio3。下载地址:https://www.apicloud.com/studio3打开后创建项目:
Stella981 Stella981
3年前
SpreadJS 纯前端表格控件应用案例:表格数据管理平台
由某科技公司研发的表格数据管理平台,是一款面向业务和企业管理系统定制开发的应用平台,包括类Excel设计器、PC应用端和移动应用端等应用模块。该平台具备强大的业务配置和集成开发能力,对于企业客户的信息系统在管理模式、业务流程、表单界面等个性化需求,均可快速实现个性化配置。下面,让我们一起来看看该公司是如何在“表格数据管理平台”中应用表格技术,实现“
liam liam
1年前
通过 Postman 提升你的接口测试技能
在现代软件开发生命周期中,接口测试是一个至关重要的部分。使用Postman这一工具,可以轻松地进行。以下是一份简单的使用教程,帮助你快速上手。安装Postman首先,你需要在电脑上安装。你可以从官网上下载并安装它。安装完成后,你可以打开应用并创建一个新的请
曼成 曼成
8个月前
10分钟打造超实用手机号码归属地查询神器
在快节奏的现代生活中,我们经常需要快速了解手机号码的归属地信息。这不仅可以帮助我们识别潜在的骚扰电话,还能在商务沟通中提供便利。今天,我将带你通过简单的步骤,快速创建一个手机号码归属地查询应用。我们将使用APISpace提供的手机号码归属地API服务,并结合HTML、CSS和JavaScript来实现这个功能。
万界星空科技 万界星空科技
8个月前
万界星空科技生产管理MES系统在卫浴企业中的应用
卫浴企业通过MES系统的引入,可以实现透明车间,将生产过程的每个环节可视化,帮助企业管理层做出更明智的决策,提高生产效率和产品质量。
E小媛同学 E小媛同学
7个月前
空号检测API接入 demo 示例
在当今的移动互联网时代,空号检测已成为一项重要的服务,它可以帮助企业减少无效营销成本,提高营销效率。本文将通过一个简单的demo示例,展示如何接入并使用空号检测API。