关于前端:可视化创建企业管理app

44次阅读

共计 1369 个字符,预计需要花费 4 分钟才能阅读完成。

利用 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 中进行预览。如果要在 iOS 设施预览,须要先在证书界面上传编译证书能力编译利用。临时没有苹果证书,能够装置 AppLoader 进行预览。点击左侧的真机同步按钮,抉择通过 WiFi 连贯设施,扫一扫连贯,连贯时要保障手机与 studio 位于同一局域网段,连贯后进行 WiFi 同步便能够在手机上失常显示了。(尽量开启所有权限)

5.App 预览
点击左侧的小云朵,通过云编译打包一个正式的安装包,抉择利用类别、平台,而后点击上面的“云编译”按钮开始编译。期待编译实现后扫描二维码即可装置。

6. 批改
批改完内容后,咱们将内容同步到云端,代码传输云端后抉择 WiFi 全量同步就能够在手机端看到更新内容

最初咱们就能够在手机端下载安装软件,体验 app 啦

正文完
 0