JerryWang_汪子熙
SAP UI5 应用开发教程之三十三 - SAP UI5 应用的响应式布局特性(Responsiveness)试读版
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2022-02-20 15:06:58阅读全文
SAP UI5 Tools 运行了 fiori add deploy-config 命令之后,工程文件发生了哪些变化
我使用这篇文章 使用 generator-easy-ui5 快速创建 SAP UI5 应用的工程结构 介绍的工具,创建了一个 SAP UI5 应用,然后运行了 SAP UI5 Tools 提供的命令 fiori add deploy-config:
2022-02-20 21:23:29阅读全文
SAP UI5 应用开发教程之三十四 - SAP UI5 应用基于设备类型的页面适配功能(Device Adaptation)
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2022-02-20 19:54:48阅读全文
SAP Commerce Cloud SmartEdit 打开 Spartacus home page 的网络请求
2022-02-21 16:26:58阅读全文
SAP Spartacus 中的 Commands and queries
命令和查询提供了一种强大且简化的方式来处理状态(换句话说,加载和缓存),并针对后端系统执行操作。 这类似于 React Query 和 SWR 等库在单页应用程序中处理来自 API 的状态问题的方式。 前端应用状态很大一部分来自后端。 经常用于状态管理的 Redux 架构在创建时并未考虑到这种类型的
2022-02-22 02:02:39阅读全文
如何在 SAP 电商云里设置 Time Restrictions
时间限制(Time Restrictions) 允许Commerce Cloud CMS 管理员指定何时向客户显示页面或组件。您只能向变体页面(variant pages)或组件(Components)添加时间限制。您可以在创建或编辑页面时为其添加时间限制。
2022-02-21 12:10:33阅读全文
SAP Commerce Cloud Spartacus UI footer 区域的设计模型
本文研究如下图高亮所示的 SAP 电商云 Footer 区域的设计明细。
2022-02-21 19:41:09阅读全文
SAP UI5 Library Resource Bundle 的设计原理
按照 Jerry 这篇文章介绍的代码,运行之后,给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后,触发该数据类型自带的数据校验机制,显示 Enter a number 的错误消息。
2022-02-27 18:29:10阅读全文
SAP UI5 Currency 数据类型的校验逻辑分析
按照 Jerry 这篇文章介绍的代码,运行之后,给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后,触发该数据类型自带的数据校验机制,显示 Enter a number 的错误消息。
2022-02-28 06:13:29阅读全文
SAP UI5 应用开发教程之四十四 - Label 和 Input 控件文本没有水平对齐的原因分析和解决方案
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2022-02-28 10:49:12阅读全文
SAP UI5 应用开发教程之四十三 - SAP UI5 自带的 Support Assistant 工具使用方法介绍
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2022-02-27 22:48:08阅读全文
SAP UI5 setProperty 的执行逻辑单步调式和分析
按照 Jerry 这篇文章介绍的代码,运行之后,给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后,触发该数据类型自带的数据校验机制,显示 Enter a number 的错误消息。
2022-02-27 15:57:00阅读全文
开源工具 @sap/ux-ui5-tooling 介绍
SAP Fiori Tools - UI5 Tooling 包含一系列可与命令 ui5 serve 一起使用的自定义中间件,以及可与命令 ui5 build 一起使用的自定义任务。 此外,该模块公开了 cli fiori 产品,例如 fiori run 命令是 ui5 serve 命令的包装器,并提
2022-02-28 03:02:59阅读全文
使用 Message Manager 实现开箱即用的验证(Validation)信息抛出
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2022-02-27 17:04:14阅读全文
SAP UI5 应用开发教程之四十一 - Chrome 扩展 UI5 Inspector 的离线安装和使用方法
和 Angular,React,Vue 等流行的前端开发框架一样,SAP UI5 在 Chrome 里也有着自己的扩展,称为 UI5 Inspector, 安装之后,在 Chrome 开发者工具里会出现一个新的名为 UI5 的面板。
2022-02-28 14:21:52阅读全文
SAP UI5 应用开发教程之四十二 - SAP UI5 自带的 Diagnostics 诊断工具使用方法介绍
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2022-02-27 20:36:51阅读全文
如何制作包含了 component-preload.js 在内的 SAP UI5 发布版本
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2022-02-28 11:00:01阅读全文
面向企业级前端应用的开发框架 UI5 的发展简史介绍
在移动应用已经无缝融合到我们日常生活的今日,我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付,在线购物,生活缴费,天气和交通线路查询等等。
2022-03-09 22:56:03阅读全文
通过单步调试的方式学习 Angular 中带有选择器的内容投影使用方式
我创建了一个 selector 为 app-content-section 的 Component,用于容纳内容投影(content projection):
2022-03-10 11:05:42阅读全文
SAP UI5 的前世今生
Jerry 在加入 SAP 电商云 Spartacus 开发团队从零开始学习 Angular 时,对这款出身名门的前端开发框架的来龙去脉,做了一些简单的了解。
2022-03-10 08:21:16阅读全文
Angular 基于自定义指令的内容投影 content projection 问题的单步调试
本文涉及到的代码位置:https://github.com/wangzixi-d...
2022-03-10 14:38:28阅读全文
ng-template 使用过程中默认参数不能按照期望工作的问题单步调试
本文涉及到的代码,位于这个 Github 仓库:https://github.com/wangzixi-d...
2022-03-10 17:42:06阅读全文
SAP 电商云 Spartacus UI 里的 Content Security Policy
内容安全策略(Content Security Policy,简称 CSP)是一种工具,允许开发人员指定在通过 Web 浏览器访问 Storefront 页面时允许加载哪些位置和哪些类型的资源。
2022-03-15 09:50:00阅读全文
SAP 电商云 Category Navigation 页面设计
产品是每个目录(catalog)的基本元素。 通过对它们进行分组,您可以按类别(category)排列您的收藏。 为了构建分层的产品结构,可以将产品保存在类别(category)中。
2022-03-14 16:04:05阅读全文
使用 SAP BTP 创建一个 Spring Boot Java 应用
2022-03-15 08:28:06阅读全文
部署 SAP UI5 应用到 SAP BTP 时遇到的 fiori not found 错误消息
我在 SAP Business Application Studio 里开发了一个 Spring Boot 应用,这个应用提供了一个 OData 服务实现。然后我用 BAS 的 create from template 功能,创建了一个 SAP UI5 应用。
2022-03-15 04:59:51阅读全文
通过单步调试的方式学习 Angular 中 TView 和 LView 的概念
本文涉及到的代码位置:https://github.com/wangzixi-d...
2022-03-14 17:11:30阅读全文
SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能试读版
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2022-03-14 22:10:23阅读全文
Spring Boot 应用使用 application.yml 和 application.properties 的区别
Spring 3.1 引入了新的 @PropertySource 注解作为向环境添加属性源的便捷机制。
2022-07-11 21:29:10阅读全文
关于 Angular 应用 Module 的 forRoot 方法的讨论
在 Angular 开发中,我们经常遇到一个 NgModule 在导入时需要调用它的静态 forRoot 方法。,最值得注意的例子是 RouterModule. 当在 Angular 应用的根目录注册这个模块时,导入RouterModule的方式如下:
2022-07-11 14:03:23阅读全文
Angular 内容投影出现 No provider for TemplateRef found 错误的单步调试
本文涉及到的代码位置:https://github.com/wangzixi-d...
2022-07-12 06:45:34阅读全文
SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑试读版
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2022-07-11 11:00:33阅读全文
如何在 SAP BTP Java 应用里使用 SQLite 数据库
SAP Cloud Application Programming 模型的推荐是将 service 和 model 模型的定义分离开。
2022-07-11 23:58:26阅读全文
关于 Angular view Query 的 id 选择器问题的单步调试
我有这样一个 Angular Component,模板文件如下:@Component({ selector: 'example-app', template: `
2022-07-11 19:57:43阅读全文
一个 ExpressionChangedAfterItHasBeenCheckedError 错误的解决过程
我的 Component 里有一个 selectedPane 字段(第56行),作为数据源显示在 div 标签里(代码第47行):
2022-07-11 18:16:41阅读全文
VS Code Active File in StatusBar 扩展以及 Extension API 概述
这个扩展可以在 Visual Studio Code 的状态栏上实时显示当前选中文件在文件系统中的绝对路径,如下图所示:
2022-07-11 19:28:25阅读全文