JerryWang_汪子熙

SAP UI5 应用开发教程之三十三 - SAP UI5 应用的响应式布局特性(Responsiveness)试读版
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 命令之后,工程文件发生了哪些变化
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)
SAP UI5 应用开发教程之三十四 - SAP UI5 应用基于设备类型的页面适配功能(Device Adaptation)

Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。

2022-02-20 19:54:48阅读全文

SAP Spartacus 中的 Commands and queries
SAP Spartacus 中的 Commands and queries

命令和查询提供了一种强大且简化的方式来处理状态(换句话说,加载和缓存),并针对后端系统执行操作。 这类似于 React Query 和 SWR 等库在单页应用程序中处理来自 API 的状态问题的方式。 前端应用状态很大一部分来自后端。 经常用于状态管理的 Redux 架构在创建时并未考虑到这种类型的

2022-02-22 02:02:39阅读全文

如何在 SAP 电商云里设置 Time Restrictions
如何在 SAP 电商云里设置 Time Restrictions

时间限制(Time Restrictions) 允许Commerce Cloud CMS 管理员指定何时向客户显示页面或组件。您只能向变体页面(variant pages)或组件(Components)添加时间限制。您可以在创建或编辑页面时为其添加时间限制。

2022-02-21 12:10:33阅读全文

SAP Commerce Cloud Spartacus UI footer 区域的设计模型
SAP Commerce Cloud Spartacus UI footer 区域的设计模型

本文研究如下图高亮所示的 SAP 电商云 Footer 区域的设计明细。

2022-02-21 19:41:09阅读全文

SAP UI5 Library Resource Bundle 的设计原理
SAP UI5 Library Resource Bundle 的设计原理

按照 Jerry 这篇文章介绍的代码,运行之后,给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后,触发该数据类型自带的数据校验机制,显示 Enter a number 的错误消息。

2022-02-27 18:29:10阅读全文

SAP UI5 Currency 数据类型的校验逻辑分析
SAP UI5 Currency 数据类型的校验逻辑分析

按照 Jerry 这篇文章介绍的代码,运行之后,给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后,触发该数据类型自带的数据校验机制,显示 Enter a number 的错误消息。

2022-02-28 06:13:29阅读全文

SAP UI5 应用开发教程之四十四 - Label 和 Input 控件文本没有水平对齐的原因分析和解决方案
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 工具使用方法介绍
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 的执行逻辑单步调式和分析
SAP UI5 setProperty 的执行逻辑单步调式和分析

按照 Jerry 这篇文章介绍的代码,运行之后,给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后,触发该数据类型自带的数据校验机制,显示 Enter a number 的错误消息。

2022-02-27 15:57:00阅读全文

开源工具 @sap/ux-ui5-tooling 介绍
开源工具 @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)信息抛出
使用 Message Manager 实现开箱即用的验证(Validation)信息抛出

Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。

2022-02-27 17:04:14阅读全文

SAP UI5 应用开发教程之四十一 - Chrome 扩展 UI5 Inspector 的离线安装和使用方法
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 诊断工具使用方法介绍
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 发布版本
如何制作包含了 component-preload.js 在内的 SAP UI5 发布版本

Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。

2022-02-28 11:00:01阅读全文

面向企业级前端应用的开发框架 UI5 的发展简史介绍
面向企业级前端应用的开发框架 UI5 的发展简史介绍

在移动应用已经无缝融合到我们日常生活的今日,我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付,在线购物,生活缴费,天气和交通线路查询等等。

2022-03-09 22:56:03阅读全文

通过单步调试的方式学习 Angular 中带有选择器的内容投影使用方式
通过单步调试的方式学习 Angular 中带有选择器的内容投影使用方式

我创建了一个 selector 为 app-content-section 的 Component,用于容纳内容投影(content projection):

2022-03-10 11:05:42阅读全文

Angular 内容投影 content projection 的一个问题的单步调试
Angular 内容投影 content projection 的一个问题的单步调试

我使用如下代码测试一个最简单的 Angular 内容投影场景:

2022-03-10 03:30:46阅读全文

SAP UI5 的前世今生
SAP UI5 的前世今生

Jerry 在加入 SAP 电商云 Spartacus 开发团队从零开始学习 Angular 时,对这款出身名门的前端开发框架的来龙去脉,做了一些简单的了解。

2022-03-10 08:21:16阅读全文

ng-template 使用过程中默认参数不能按照期望工作的问题单步调试
ng-template 使用过程中默认参数不能按照期望工作的问题单步调试

本文涉及到的代码,位于这个 Github 仓库:https://github.com/wangzixi-d...

2022-03-10 17:42:06阅读全文

SAP 电商云 Spartacus UI 里的 Content Security Policy
SAP 电商云 Spartacus UI 里的 Content Security Policy

内容安全策略(Content Security Policy,简称 CSP)是一种工具,允许开发人员指定在通过 Web 浏览器访问 Storefront 页面时允许加载哪些位置和哪些类型的资源。

2022-03-15 09:50:00阅读全文

SAP 电商云 Category Navigation 页面设计
SAP 电商云 Category Navigation 页面设计

产品是每个目录(catalog)的基本元素。 通过对它们进行分组,您可以按类别(category)排列您的收藏。 为了构建分层的产品结构,可以将产品保存在类别(category)中。

2022-03-14 16:04:05阅读全文

部署 SAP UI5 应用到 SAP BTP 时遇到的 fiori not found 错误消息
部署 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 的概念
通过单步调试的方式学习 Angular 中 TView 和 LView 的概念

本文涉及到的代码位置:https://github.com/wangzixi-d...

2022-03-14 17:11:30阅读全文

SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能试读版
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 Boot 应用使用 application.yml 和 application.properties 的区别

Spring 3.1 引入了新的 @PropertySource 注解作为向环境添加属性源的便捷机制。

2022-07-11 21:29:10阅读全文

关于 Angular 应用 Module 的 forRoot 方法的讨论
关于 Angular 应用 Module 的 forRoot 方法的讨论

在 Angular 开发中,我们经常遇到一个 NgModule 在导入时需要调用它的静态 forRoot 方法。,最值得注意的例子是 RouterModule. 当在 Angular 应用的根目录注册这个模块时,导入RouterModule的方式如下:

2022-07-11 14:03:23阅读全文

SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑试读版
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 BTP Java 应用里使用 SQLite 数据库

SAP Cloud Application Programming 模型的推荐是将 service 和 model 模型的定义分离开。

2022-07-11 23:58:26阅读全文

关于 Angular view Query 的 id 选择器问题的单步调试
关于 Angular view Query 的 id 选择器问题的单步调试

我有这样一个 Angular Component,模板文件如下:@Component({ selector: 'example-app', template: `

2022-07-11 19:57:43阅读全文

一个 ExpressionChangedAfterItHasBeenCheckedError 错误的解决过程
一个 ExpressionChangedAfterItHasBeenCheckedError 错误的解决过程

我的 Component 里有一个 selectedPane 字段(第56行),作为数据源显示在 div 标签里(代码第47行):

2022-07-11 18:16:41阅读全文

VS Code Active File in StatusBar 扩展以及 Extension API 概述
VS Code Active File in StatusBar 扩展以及 Extension API 概述

这个扩展可以在 Visual Studio Code 的状态栏上实时显示当前选中文件在文件系统中的绝对路径,如下图所示:

2022-07-11 19:28:25阅读全文