YonBuilder 应用构建教程之移动端扩展

news2025/1/16 4:44:02

YonBuilder 移动端扩展

在上一篇文章中,我们通过对员工信息实体的移动端页面构建来对 YonBuilder 移动端配置的基础流程进行了简单的介绍,本篇文章则通过之前搭建的出入库实体来进行扩展,主要介绍如何在移动端中添加跳转页面的功能以及通过函数实现自定义配置的方法。

一、页面构建

创建移动端页面有两种方式:一种是在创建 PC 端页面时勾选同时生成移动端,而另一种则是如下图操作在有需求时选中具体页面添加移动端。由于此前搭建的出入库应用中不需要使用移动端页面,因此本次通过添加移动端的方式为之前的页面增补对应的移动端。

通过添加移动端的方式,我们拥有了每个单独页面对应的移动端页面,但此时每一个单独的移动端页面内的所有跳转是只包括一个列表以及它对应的详情页信息的。如果想要将这些页面都汇总在一个页面上,则需要新建一个移动端页面,汇聚所有的出库、入库、库存等信息的跳转入口。

与 PC 端页面创建一致,想要新建移动端页面同样需要先创建一个配套的实体。这里我们新增一个名为主页面的实体,因为我们需要的是一个空页面,因此字段这里可以不进行配置。

在页面建模中,选中单据中的空页面模板来进行创建,并勾选生成移动端。

最终,会得到如图所示的一个空白移动端页面。

二、跳转功能

新建页面之后进入页面进行编辑,可以看到此时是一个空白的页面,接下来通过从左侧拖拽组件到画布上来实现页面的快速编辑。由于这里想要做的是一个可以跳转到各页面的汇总页,因此拖拽几个按钮在画布上用于增加跳转页面功能,将按钮拖拽至画布上后,可以通过右侧的属性与样式面板来对其进行修改。

在对按钮的属性及样式进行修改之后,可以通过右侧的动作面板对其跳转属性进行配置。选中按钮之后,在右侧的面板中选择单击事件,执行前端动作中的跳转页面接口。

其中,在最后一步需要填写的想要跳转的页面的单据类型以及单据号,这些信息可以在跳转页面的属性栏中获取。

这里要注意的是此处我们跳转的是其他单据对应的移动端页面,如果想要跳转本单据中的子页面,则在前端接口处选择调用显示子页面接口即可。

三、自定义配置

在动作面板中我们可以对组件触发的事件进行自定义的扩展,设置对应的脚本或者命令等。当选中一个组件后,我们可以在右侧的动作面板中查看该组件支持的事件,例如选中日期选择组件后会对应显示 6 个常用事件。同时,选中页面也会出现对应的事件,包括页面初始化、加载完成等。

  

对于任意一个常用事件都可以进行 4 种操作方式,刚刚在前文的跳转功能中使用的是前端动作,除此之外,还包括前端函数、后端函数以及执行命令三部分。如果选中执行命令,则与前端动作类似,执行系统预置的命令;而选中前端函数或后端函数,则需要编辑相应的脚本。进入脚本编辑器可以看到左侧预置了部分移动端常用的脚本,其他的配置方式皆与 PC 端保持一致。

除了做为基础的 PC 端配套应用,YonBuilder 移动端通过自定义扩展的方式可以实现多种延展的功能,包括 OCR 识别、一键打卡、蓝牙打印等等。更多移动端案例可以前往官方教程

如果有任何疑问,欢迎在评论区交流探讨哦!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/166104.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

大连理工大学(开发区校区)2023年新生赛(验题人题解)

难度分布 根据排行榜情况,大致分布如下: Easy:AIDE Middle:CJF Hard:GBH 题解 A. Hello World.(题意实现) 直接输出Hello world. I. lgl想签到(题意实现) 统计周…

组件优化 - 多project方案

背景 经销商项目目前是混合项目,有oc、swift、flutter,并对应各自的一些三方库,并随着需求的增加,项目代码体积也越来越大,编译速度也相应的慢了很多,这也严重影响了开发速度,故目前的期望是可…

Linux:git工具

文章目录一.git的下载二.如何使用git将代码传到远端仓库2.1在gitee上新建一个仓库2.2克隆仓库到本地git clone2.3将文件添加到本地仓库git add2.4将代码提交到本地仓库git commit -m2.5将本地仓库的内容传到远端仓库中git push三.git的一些其它使用3.1git log查看日志3.2git rm…

【魅力开源】第5集:通过Odoo实现将EXCEL表费用明细,快速导入到ERP总账系统生成凭证

文章目录前言一、拿到这样的一张表二、实现过程1. 控制器(Controller)2. 模型(Model)3. 视图(View)4. 返回生成的凭证号最后前言 这是一个小功能。 财务小姐姐每个月需要不少的时间去手录费用凭证,这个功能可以实现将半天一天时间内完成的事情,在1小时内…

204:vue+openlayers 学习Attribution各种API,示例展示自定义版权信息

第204个 点击查看专栏目录 本示例的目的是介绍如何在vue+openlayers项目中个性化修改版权信息,这里主要涉及到Attribution各种属性的设置,所以这里先列出属性的信息,然后用示例来展示如何使用。 名称类型说明classNamestring (默认为“ol-attribution”)CSS 类名。targetH…

Acwing---1219.移动距离

移动距离1.题目2.基本思想3.代码实现1.题目 X星球居民小区的楼房全是一样的,并且按矩阵样式排列。 其楼房的编号为 1,2,3… 当排满一行时,从下一行相邻的楼往反方向排号。 比如:当小区排号宽度为 6 时,开始情形如下&#xff1a…

使用Anaconda(3-5.1.0对应 python3.6.3)搭建OpenCV(3.5.1.15)环境和Jupyter Notebook

使用Anaconda搭建python和OpenCV环境1、 Anaconda3-5.1.0下载Anaconda3-5.1.0下载链接:https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/下载 Anaconda3-5.1.0-Windows-x86_64.exe 对应 python3.6.32、安装Anaconda全程下一步,修改了一下默认安装…

如何学习C++图像处理?

学习C图像处理前首先的明确图像处理是什么,它是如何定义的?它能给我们带来哪些便利?之后根据需求选择合适的编程语言,C or python?图像处理(image processing),用计算机对图像进行分析,以达到所…

你还不知道怎么实现财富自由吗?一篇文章手把手教你入门!

程序猿作为互联网行业的翘楚,压力多多收获也多多。 如果想在上班之余还有外快拿,最好的方法就是利用业余时间做做兼职赚外快,不仅可以充实自己的钱包,还可以磨练自己的技术,一举两得。 找外快可是一门技术活&#xf…

三万秃发人群撑起一个IPO,大麦植发能成功上市吗?

不断壮大的“脱发”大军正撑起植发这一条黄金赛道。据弗若斯特沙利文报告,2020年中国毛发医疗服务的市场规模已达到184亿元,预计到2030年将达到1381亿元,CAGR为22.3%。 由于市场规模增长较快,资本也加强了对植发行业的关注&#…

python实现给pdf文件加骑缝章效果

骑缝章是在合同上经常看到的一种盖章方式,如下图所示。现在电子合同的应用已经越来越广泛,合同上如何实现骑缝章的效果 ,也是有必要研究一下的。本文几乎Python的方式,讲述了如果对印章图片进行处理,然后,实…

JAVA校园闲置物品交易系统源码+数据库,为在校师生提供闲置物品发布、物品查询、物品交易等功能

校园闲置平台 校园闲置物品交易系统,为在校师生提供闲置物品发布、物品查询、物品交易等功能。 使用JAVA编写的(javaweb和ssm) Summary 项目的技术栈项目功能介绍项目运行环境部署项目 项目的技术栈 IoC容器:Spring web框架:SpringMVC (PHP版为ThinkPHP) orm…

不会数学的程序员,只能走到初级开发工程师!

作者:小傅哥 博客:https://bugstack.cn 沉淀、分享、成长,让自己和他人都能有所收获!😄 在我还是初级程序员时,每天也都粘贴着代码和包装着接口。那个阶段并没有意识到数学能在编程中起到什么作用&#xff…

【Java基础】-【集合类】

目录Java中的容器(集合类)Java中的容器,线程安全和线程不安全的分别有哪些?Map接口的实现类Map put的过程如何得到一个线程安全的Map?HashMap的特点JDK7和JDK8中的HashMap有什么区别?HashMap底层的实现原理…

【年度总结】2022回首瞻望 | 2023大展宏“兔“

💂作者简介: THUNDER王,一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学会计专业大二本科在读,阿里云社区专家博主,华为云社区云享专家,CSDN SAP应用技术领域新兴创作者。   在学习工…

GO语言配置和基础语法应用(三)

C语言是直接影响Go语言设计的语言之一。 Go是一门编译型语言,Go语言的工具链将源代码及其依赖转换成计算机的机器指令(译注:静态编译)。 package mainimport "fmt"func main() {fmt.Println("Hello, 世界")…

一行代码加速Pytorch推理速度6倍

一行代码加速Pytorch推理速度6倍 Torch-TensorRT 是 PyTorch 的集成,它利用 NVIDIA GPU 上的 TensorRT 推理优化。 只需一行代码,它就提供了一个简单的 API,可在 NVIDIA GPU 上提供高达 6 倍的性能加速。 话不多说, 线上代码, 再解释原理!!…

【论文精读】Scaling distributed machine learning with the parameter server

Scaling distributed machine learning with the parameter server前言Abstract1. Introduction1.1 Contributions1.2 Engineering Challenges1.3 Related Work2. Machine Learning2.1 Goals2.2 Risk Minimization2.3 Generative Models3. Architecture3.1 (Key,Value) Vectors…

设计模式简要汇总

一、面向对象设计原则 开闭原则:一个软件实体(类、模块、函数)应该对扩展开放,对修改关闭。依赖倒置原则:高层模块不应该依赖底层模块,它们都应该依赖于抽象。抽象不应该依赖于细节,细节应该依…

语义分割——FCN模型pytorch实现

FCN网络简介 全卷积网络(Fully Convolutional Networks,FCN)是Jonathan Long等人于2015年在Fully Convolutional Networks for Semantic Segmentation一文中提出的用于图像语义分割的一种框架,是首个端对端的针对像素级预测的全卷…