Fiori2.0学习笔记-splitApp

最新推荐文章于 2024-02-05 15:59:41 发布
最新推荐文章于 2024-02-05 15:59:41 发布
阅读量546 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： SAP UI5 文章标签： Fiori
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41012753/article/details/78605824
本文介绍了splitAPP（又称Master-Detail结构）的设计模式及其在不同设备上的应用方式。splitAPP适用于手机和平板等设备的响应式界面设计，文章讨论了三种主要模式：showHideMode、popoverMode和stretchCompressMode，并简要说明了路由导航配置的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

splitAPP也可以称作Master-Detail这种结构。

他是涉及到手机、平板等很多设备响应式的一个界面。

splitApp通常有几种模式
showHideMode最常用
popoverMode模式
stretchCompressMode模式 适用于大屏幕

路由及导航配置
第一种就是通过路由导航跳转，挺好用的
第二种是通过Master-Detail节点，这个不常用，但是遇到层级比较深的你就不得不用这个

代码还没整理好

遇到一个问题 view的footer和content在view页所写的位置会直接影响整个界面的布局，所以他是有加载顺序的是吗？

SAP UI5 本地开发工具 fiori-tools-proxy 中间件详解及使用场景
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-26 127
该中间件基于 http-proxy-middleware 库实现，分为 ui5 资源代理和 backend 代理两大模式，并可与 fiori run 或 ui5 serve 命令无缝集成，通过配置 ui5.path、ui5.url 以及 backend.path、backend.url 等参数，实现与目标系统的灵活对接和安全配置 (就后端系统代理而言，fiori-tools-proxy 内置 @sap-ux/backend-proxy-middleware，可将以指定前缀（如。
SAP FIORI专题之一：初次接触fiori，用sap hana studio开发发布UI5程序
热门推荐
stuforever的博客
07-07 1万+
fiori作为S4的最新开发工具，其强大毋庸置疑的。作为一个老开发，作为一个特别特别熟悉微服务和前后端开发的人来说（相对SAP业务来说的，相对开发自己就是小弟），我不去整整fiori开发的话，他瞄的同行都觉得不可思议。 本篇都是一些实践，当然是看的大神视频做的总结，肯定没原创。。这个所有代码以及内容，均是优快云大神胡诗君的视频，我是跟着一步步学习的。只要买了优快云超级会员都可以看。本篇只是笔记，如有侵权，及时告知（马上删除）。原视频非常精彩，浅而已懂，建议大家购买学习SAP Fiori开发视频教程–由浅
Fiori2.0学习笔记-controller
期待一个富婆
11-20 702
Fiori是一个MVC架构的模型，其中VC是关系紧密的两个部分，View负责显示页面，Controller负责对页面的一些逻辑进行处理
Fiori2.0学习笔记-dialog应用
期待一个富婆
11-27 581
dialog is means duihua in chinese. sap.m.dialog also known as Pop-up components(弹出框组件).
Fiori2.0学习笔记-路由导航
期待一个富婆
11-20 1033
路由很重要，因为他决定了每个页面的跳转方式以及传参。
FIORI2.0学习笔记-核心类库的初始化
期待一个富婆
11-13 530
SAP UI5这种框架并不是像JQuery那样引入核心代码库就可以直接使用了，所以我们这里需要一个初始化核心类库然后将他启动的过程。
Fiori2.0学习笔记-事件的处理
期待一个富婆
11-23 1342
本篇我们将讲事件的处理，比如说我们如何定义一个事件，并且触发一个事件，还有他的传参等
SAP Fiori开发视频教程--由浅入深学习Fiori开发
06-09
学员学习本套课程后，能有如下收获1. 掌握Fiori核心功能Query以及CRUD前后端开发的基础2. 掌握CDS View的基本概念以及开发方式3. 掌握OData的开发以及测试4. 了解Fiori 开发中注解的概念，包含OData注解、CDS注解...
SAP Fiori 2.0开发指南
12-10
### SAP Fiori 2.0 开发指南 #### 概述 SAP Fiori 2.0 是 SAP 针对用户体验的一项重大升级，旨在提供更直观、更现代且更一致的用户界面。该版本引入了许多新功能和改进，不仅提高了用户满意度，还简化了系统管理员...
Fiori学习笔记 - 事件之常用控件
Carawangc的博客
10-13 1656
在Fiori开发过程中，CheckBox、Select，List控件会经常用到，本文记录了这三种控件的事件定义、触发的用法。view<mvc:View controllerName="demo.eventDemoCase.controller.FirstView" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core
Fiori学习笔记 - 服务跨域处理&neo-app
Carawangc的博客
12-14 1072
学习Fiori有一段时间了，今天详细了解了一下neo-app配置文件，特在此记录一下。Eclipse + SAP UI5插件开发是不需要neo-app配置文件的，这个文件主要是针对于Web IDE开发工具，用来读取一些核心类库的配置信息以及服务路径代理的配置。Web IDE项目是跑在一个BS结构的web版的IDE，它的host和APP将要请求的host是不一样的，那么这就导致了一个不同host跨域的
Fiori2.0学习笔记-内嵌view的使用
期待一个富婆
11-27 576
内嵌View就是在一个view的内部嵌入另一个view。
ui5splitApp
ymr1248的博客
04-18 620
第一步创建一个Demo; 第二步在index.html里面修改加载分页的源码var app = new sap.m.App({initialPage:"demo"}); app.addPage(new sap.m.Shell("demo", { app : new sap.ui.core.ComponentContainer({ name : "root.demo01.demo
【Fiori】实战Fiori: 实施Fiori APP （上半部分）(轉)
weixin_30649859的博客
06-29 289
转载自 http://mp.weixin.qq.com/s/u7Nz68Vin-3VgQm1IgsYrA 请务必保存好这个网址，会在以后的经常用到 https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/home AP Fiori参考库简介 可以找到现在所有SAP官方发布的Fiori APP...
SAP FIORI开发入门
07-11
【课程目标】打造一个简单实用的 SAP FIORI 入门开发课程，帮助广大 SAP 技术人员或者希望进入 SAP 技术领域的人打开一扇门。【课程形式】视频教程 + PDF 参考资料【学习门槛】零门槛，无需任何额外知识【作者微信】eksbobo【如何入群】使用购买课程的 ID 作为请求信息，发送到作者的微信添加好友，作者会把您拉入到这门课程的微信群中。
使用Devexpress 的gridControl 显示DataTable的Master-Detail关系
12-24 7281
绑定Master-Detail 关系 数据也是数据显示的一种方式，此实例使用后台代码创建数据源并绑定到gridcontrol。    其实方式参见：点击打开链接   先看效果图 直接给出后台代码，主要使用的是dataset创建关系。 private void simpleButton1_Click(object sender, EventArgs e)
Fiori介绍
翱翔云天
12-04 4510
为什么写这篇文章Fiori作为SAP最新以及将来的趋势平台，目前发展的非常快，作为一个FIORI技术的关注者，也一直想写点东西来介绍一下.前几天公司组织了一次Fiori的讲座,我作为主讲也参考SAP的介绍制作了一份PPT,在博客也分享出来,大家拿去用吧.SAP前端方案 一句话:尽量简单,尽量根据个人的需求而定制.SAP FIORI简介FIORI是什么 新的面孔 面向所有用户 跨平台 FIORI应用
MasterDetail页调试错误：CS0263
luo2ying的博客
01-20 641
写WPF页面的逻辑的时候，遇到了这个问题，百度了好久，记录一下 问题描述：MasterDetailPage分部声明不能指定不同的基类 主要是xml的问题 在XAML主页中是MasterDetailPage，而不是ContentPage。 做出如下修改 public partial class MainPage : MasterDetailPage ...
[UI5 常用控件] 07.SplitApp，SplitContainer
最新发布
小峰的ABAP博客
02-05 1442
本章节记录常用控件SplitApp，SplitContainer。主要功能是在左侧显示Master页面，右侧显示Detail页面。Master页面和Detail页面可以由多个Page组成，并支持相互跳转。
SAP Fiori 2.0：用户体验与业务创新的核心设计原则
SAP Fiori 2.0 是一款专为用户提供卓越体验的企业级软件平台，它在2016年十月发布，旨在通过设计思维推动企业创新，强调人性化、业务可行性和技术可行性之间的平衡。该产品的核心设计理念是将用户体验提升到新的高度...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值