当前位置： 首页 > article >正文

SAP Webide系列（7）- 优化FreeStyle新建项目预设模板

article 2026/4/4 16:35:30

目录

一、背景

二、优化目标

三、定位调整点

四、调整步骤

五、效果展示

六、附言

一、背景

        在每次通过Webide进行FreeStyle方式自开发SAP UI5应用的时候，新建项目，得到的模板文件都是只有很少的内容（没有路由配置、没有设置默认全屏等等）。导致每次都需要进行这些重复的配置工作，故而想到优化创建的模板达到一劳永逸的目的。

二、优化目标

1、index.html文件新增指向服务器的核心资源库路径（注释形式增加，便于切换）；设置appWidthLimited属性（使index方式访问应用时能全屏展示应用）；

2、调整manifest.json文件，追加config->fullWidth属性（使Launchpad中访问应用时保持全屏展示应用）;

3、增加路由配置（免除新开发应用时的路由配置操作）。

三、定位调整点

        通过此系列第2篇文章一样的方法，根据network(网络)请求的文件来判断原始模板位置。

此处就直接列出模板的对应文件位置：

1、index.html和manifest.json模板的路径为：WebIDE\plugins\com.sap.webide.orionplugin_1.53.9\webide\resources\sap\watt\saptoolsets\fiori\project\plugin\ui5template\basicSAPUI5ApplicationProject\BasicSAPUI5ApplicationProjectTemplateWithManifest.zip

2、剩余文件模板的路径为：

WebIDE\plugins\com.sap.webide.orionplugin_1.53.9\webide\resources\sap\watt\saptoolsets\ui5\project\plugin\ui5template\basicSAPUI5ApplicationProject\BasicSAPUI5ApplicationProjectTemplateWithManifest.zip

四、调整步骤

1、index.html.tmpl模板调整点（上文3.1章节所述压缩包中）

下列仅为调整点的代码：

<!--src="/sap/public/bc/ui5_ui5/resources/sap-ui-cachebuster/sap-ui-core.js"-->
<!--data-sap-ui-appCacheBuster="./"-->
<!--src="/sap/public/bc/ui5_ui5/resources/sap-ui-core.js"-->data-sap-ui-theme="sap_fiori_3"appWidthLimited: false<body class="sapUiBody sapUiSizeCompact" id="content">

2、manifest.json.tmpl模板调整点（上文3.1章节所述压缩包中）

下列仅为调整点代码：

"sap.ui5": {
{{#if basicSAPUI5ApplicationProject.hasView}}"rootView": {"viewName":"{{basicSAPUI5ApplicationProject.parameters.namespace.value}}.view.App","type":"{{basicSAPUI5ApplicationProject.parameters.ViewTypesCollection.value.value}}"},"routing": {"config": {"routerClass": "sap.m.routing.Router","viewType": "XML","async": true,"viewPath": "{{basicSAPUI5ApplicationProject.parameters.namespace.value}}.view","controlAggregation": "pages","controlId": "app","clearControlAggregation": false},"routes": [{"name": "Main","pattern": "","target": ["Main"]}],"targets": {"Main": {"viewType": "XML","transition": "slide","clearControlAggregation": false,"viewName": "{{basicSAPUI5ApplicationProject.parameters.name.value}}"}}},
{{/if}}"config": {"fullWidth": true},

3、Component.js.tmpl模板调整点（上文3.2章节所述压缩包中）

下列仅为调整点代码：

init: function() {// call the base component's init functionUIComponent.prototype.init.apply(this, arguments);// enable routingthis.getRouter().initialize();// set the device modelthis.setModel(models.createDeviceModel(), "device");
},/*** Get the page compactness that should be set for the current state.* @public* @returns {String} Compact CSS*/
getContentDensityClass: function() {if (this._sContentDensityClass === undefined) {// check whether FLP has already set the content density class; do nothing in this caseif (jQuery(document.body).hasClass("sapUiSizeCozy") || jQuery(document.body).hasClass("sapUiSizeCompact")) {this._sContentDensityClass = "";} else if (!Device.support.touch) { // apply "compact" mode if touch is not supportedthis._sContentDensityClass = "sapUiSizeCompact";} else {// "cozy" in case of touch support; default for most sap.m controls, but needed for desktop-first controls like sap.ui.table.Tablethis._sContentDensityClass = "sapUiSizeCozy";}}return this._sContentDensityClass;
}

4、新增App.view.xml.tmpl模板文件（上文3.2章节所述压缩包中）

在view文件夹中新增文件App.view.xml.tmpl

<mvc:View controllerName="{{basicSAPUI5ApplicationProject.parameters.namespace.value}}.controller.App" xmlns:mvc="sap.ui.core.mvc" displayBlock="true"xmlns="sap.m"><App id="app"/>
</mvc:View>

5、新增App.controller.js.tmpl模板文件（上文3.2章节所述压缩包中）

在controller文件夹中新增文件App.controller.js.tmpl

sap.ui.define(["sap/ui/core/mvc/Controller"
], function(Controller) {"use strict";return Controller.extend("{{basicSAPUI5ApplicationProject.parameters.namespace.value}}.controller.App", {onInit: function() {this.getView().addStyleClass(this.getOwnerComponent().getContentDensityClass()); //Set Compactness}		});
});

6、调整BasicSAPUI5ApplicationProjectTemplate.js逻辑以使项目生成的命名空间更准确（上文3.2章节所述压缩包一样的路径下）

下面截图仅演示效果，实际开发请始终保持项目名和命名空间录入为小写，以保证最终命名空间为SAP规范中的命名空间全小写

针对上面截图阐述的现象，对FreeStyle模板的命名空间逻辑调整点如下图所示

下列仅为调整点代码

//model.basicSAPUI5ApplicationProject.parameters.namespace.value = model.basicSAPUI5ApplicationProject.parameters.namespace.value + model.projectName;
//将上面一行代码注释掉，换成下面这行即可达到以“.”分隔开项目名和命名空间
model.basicSAPUI5ApplicationProject.parameters.namespace.value += "."+ model.projectName;//可选，添加此代码会将命名空间强制转化为小写
model.basicSAPUI5ApplicationProject.parameters.namespace.value = model.basicSAPUI5ApplicationProject.parameters.namespace.value.toLowerCase();

五、效果展示

        完成上述修改后，重启Webide（并确保Webide缓存已清除），通过选择FreeStyle模板生成项目的结果展示如下：

六、附言

        虽然SAP已战略性将Webide本地版抛脑后，强推本地开发采用VSCode+Fiori Tools插件，并且也针对Fiori Tools里生成项目的预设模板进行了更新迭代。但我们仍可将Webide本地版开发工具作为一个选择，毕竟选择权应该交由用户，故而写此篇文章对Webide生成项目的预设模板也进行优化。同理，也可根据此方法对其他预设模板进行优化。

👍点赞，您的支持是我创作的动力！

⭐️收藏，您的青睐是我前行的方向！

✏️评论，您的意见是我成长的财富！

相关文章：

SAP Webide系列（7）- 优化FreeStyle新建项目预设模板

目录 一、背景 二、优化目标 三、定位调整点 四、调整步骤 五、效果展示 六、附言 一、背景 在每次通过Webide进行FreeStyle方式自开发SAP UI5应用的时候&#xff0c;新建项目&#xff0c;得到的模板文件都是只有很少的内容&#xff08;没有路由配置、没有设置默认全屏等…...

编程日记 2026/3/29 22:11:46

python读取sqlite温度数据，并画出折线图

需求&#xff1a; 在Windows下请用python画出折线图&#xff0c;x轴是时间&#xff0c;y轴是温度temperature 和体感温度feels_like_temperature 。可以选择县市近1小时&#xff0c;近1天&#xff0c;近1个月的。sqlite文件weather_data.db当前目录下&#xff0c;建表结构如下…...

编程日记 2026/3/2 15:51:35

URL 对字母大小写敏感么？

URL 的不同部分对大小写的敏感性不同&#xff1a; 协议部分: 不区分大小写 例如&#xff1a;http:// 和 HTTP:// 被视为相同域名部分&#xff08;主机名&#xff09;: 不区分大小写 例如&#xff1a;example.com 和 ExAmPle.CoM 被视为相同路径部分 例如&#xff1a;example.c…...

编程日记 2026/3/23 17:20:17

【Linux网络编程】高效I/O--select/poll服务器

目录 多路转接之select select服务器实现 获取连接 handlerEvent select服务器代码链接 select的优缺点 多路转接之poll poll服务器实现(select服务器改写) poll的优缺点 多路转接之select select的作用 I/O的本质 等 拷贝 多路转接就是通过同时等待多个文件描述…...

编程日记 2026/4/3 3:16:59

2024年第十五届蓝桥杯大赛软件赛省赛Python大学A组真题解析

文章目录 试题A: 拼正方形(本题总分：5 分)解析答案试题B: 召唤数学精灵(本题总分：5 分)解析答案试题C: 数字诗意解析答案试题A: 拼正方形(本题总分：5 分) 【问题描述】 小蓝正在玩拼图游戏，他有7385137888721 个2 2 的方块和10470245 个1 1 的方块，他需要从中挑出一些…...

编程日记 2026/2/19 4:58:18

C语言实战项目（1）----------＞猜数字游戏

在学习完循环和选择结构之后&#xff0c;我们可以做一个猜数字游戏。在此项目之前&#xff0c;如果还不会C语言的if语句、switch语句等组成选择结构的语句&#xff0c;while循环、for循环、do-while循环等组成循环结构的语句。可以参考我之前的博客&#xff1a; C语言&#xf…...

编程日记 2026/3/30 19:20:45

web理论总结

1.网页&#xff1b;可以承载各种网址应用和信息的容器&#xff0c;所有可视化的内容都会通过网页展示给用户。 2.网页主要由文字&#xff0c;图像和超链接等元素构成。还可以包含音频&#xff0c;视频以及动画等。 网页分为静态网页&#xff0c;动态网页大部分网页静动结合。…...

编程日记 2026/3/23 9:38:03

Failed to start The PHP FastCGI Process Manager.

报错如下&#xff1a; Job for php-fpm.service failed because the control process exited with error code. See "systemctl status php-fpm.service" and "journalctl -xe" for details. 2月 25 21:49:00 nginx systemd[1]: Starting The PHP FastC…...

编程日记 2026/4/4 16:01:28

001 Kafka入门及安装

Kafka入门及安装 文章目录 Kafka入门及安装1.介绍Kafka的基本概念和核心组件 2.安装1.docker快速安装zookeeper安装kafka安装 添加topic删除topickafka-ui安装 来源参考的deepseek&#xff0c;如有侵权联系立删 1.介绍 Kafka的基本概念和核心组件 Kafka是分布式流处理平台&a…...

编程日记 2026/3/30 13:47:16

【paddle】详解 padde.autograd.backward

目录 backward二次函数案例paddle 代码pytorch 代码 backward paddle.autograd.backward(tensors, grad_tensorsNone, retain_graphFalse)[源代码] 参数 tensors (list[Tensor]) – 将要计算梯度的 Tensors 列表。Tensors 中不能包含有相同的 Tensor。grad_tensors (None|list…...

编程日记 2026/2/16 22:09:12

飞腾腾锐D2000 + OpenHarmony 4.1release部署deepseek大模型

简介 1.1 飞腾腾锐D2000 飞腾腾锐D2000是一款面向桌面应用的高性能通用处理&#xff0c;集成8个飞腾自主研发的高能效处理器核FTC663&#xff0c;兼 容64位ARMv8指令集并支持ARM64和ARM32两种执行模式&#xff0c;支持单精度、双精度浮点运算指令和ASIMD处理 指令&#xff0c;主…...

编程日记 2025/7/3 17:39:33

【REST2SQL】15银河麒麟系统下达梦数据库部署REST2SQL

【REST2SQL】01RDB关系型数据库REST初设计 【REST2SQL】02 GO连接Oracle数据库 【REST2SQL】03 GO读取JSON文件 【REST2SQL】04 REST2SQL第一版Oracle版实现 【REST2SQL】05 GO 操作 达梦 数据库 【REST2SQL】06 GO 跨包接口重构代码 【REST2SQL】07 GO 操作 Mysql 数据库 【RE…...

编程日记 2026/4/4 2:17:45

晶体管输出光耦和逻辑输出光耦

晶体管输出光耦&#xff08;非线性&#xff09;和逻辑输出光耦&#xff08;线性&#xff09;的区别&#xff1a; 逻辑输出光耦的电流传输特性曲线是非线性的&#xff0c;适合于开关信号的传输&#xff0c;不适合于传输模拟量&#xff1b; 光电晶体管输出光耦的电流传输特性是线…...

编程日记 2026/4/4 2:15:32

智能生活综合平台需求规格说明书

一、引言 1.1 编写目的 本需求规格说明书旨在明确智能生活综合平台的功能、性能、用户界面等方面的需求&#xff0c;为平台的开发、测试和部署提供详细的指导&#xff0c;确保平台能够满足用户在社交、购物、教育、医疗、政务等多个领域的智能生活需求&#xff0c;提升用户的…...

编程日记 2026/2/25 20:52:13

绕过过滤order by

一、常见绕过技术 1、注释符截断 利用注释符&#xff08;如 --、#&#xff09;截断后续查询&#xff0c;消除过滤逻辑的影响。 ORDER BY 1-- 若原查询为 SELECT * FROM table ORDER BY 用户输入&#xff0c;注入后可能忽略后续过滤逻辑。 2、大小写混淆/编码绕过 若过滤是大…...

编程日记 2026/4/4 2:55:46

计算机网络之传输层（传输层的功能）

一、数据分段与重组 传输层从会话层接收数据&#xff0c;并将其分割成较小的数据段&#xff0c;以适应网络层的最大传输单元&#xff08;MTU&#xff09;限制。在目的端&#xff0c;传输层负责将这些数据段重新组合成原始数据&#xff0c;确保数据的完整性和正确性。 二、端口…...

编程日记 2026/4/2 18:22:29

面试八股文--数据库基础知识总结(1)

1、数据库的定义 数据库&#xff08;DataBase&#xff0c;DB&#xff09;简单来说就是数据的集合数据库管理系统&#xff08;Database Management System&#xff0c;DBMS&#xff09;是一种操纵和管理数据库的大型软件&#xff0c;通常用于建立、使用和维护数据库。数据库系统…...

编程日记 2026/4/4 3:06:14

优化 Flink 消费 Kafka 数据的速度：实战指南

在使用 Flink 消费 Kafka 数据时&#xff0c;你可能会遇到 消费速率较慢 的问题。本文将从 Kafka 并行消费、批量拉取、Checkpoint 频率、Consumer Poll 速率 以及 Flink 任务 Slot 资源 等多个方面&#xff0c;详细解析如何优化 Flink 消费 Kafka 的速度。 &#x1f525; 1. 增…...

编程日记 2025/7/4 18:20:09

轮式机器人在复杂地形中如何选择合适的全局路径规划算法？

已思考完成 收起 嗯&#xff0c;用户问的是轮式机器人在复杂地形中如何选择合适的全局路径规划算法。首先&#xff0c;我需要理解复杂地形可能带来的挑战&#xff0c;比如崎岖的路面、动态障碍物、非结构化环境等等。轮式机器人在这里的运动控制需要考虑地形通过性、稳定性&…...

编程日记 2026/2/23 20:59:28

数据结构与算法：动态规划dp：买卖股票相关力扣题（下）：309. 买卖股票的最佳时机含冷冻期、714. 买卖股票的最佳时机含手续费

309. 买卖股票的最佳时机含冷冻期 首先我们要明确&#xff0c;如果全程只能买卖一次或者允许买卖多次&#xff0c;那么我们就没必要记录无操作这个状态。 如果买卖的次数为k&#xff08;k≥2&#xff09;&#xff0c;那么我们才要记录无操作这个状态&#xff0c;以此来区分具体…...

编程日记 2025/7/3 0:13:58

[uboot][stm32]配置LTDC屏幕

文章目录 前提dts设备树修改Kconfig日志打印后记 https://github.com/wdfk-prog/u-boot 前提 手上刚好有块屏幕,尝试在uboot中点亮一下使用前请使用其他手段点亮该屏幕确保屏幕的完好再进行操作.确保配置的参数及引脚是可用的. dts设备树修改 ltdc状态修改为重定向前绑定,另…...

编程日记 2026/3/1 6:38:50

机试刷题_1614. 括号的最大嵌套深度【python】

1614. 括号的最大嵌套深度 class Solution:def maxDepth(self, s: str) -> int:maxD 0if not s:return maxDstack []for char in s:if char(:stack.append(char)maxD max(maxD,len(stack))elif char) :stack.pop()return maxD...

编程日记 2026/4/4 3:10:05

VM虚拟机安装与配置Ubuntu Linux操作系统详细教程~

一、下载VM虚拟机 VMware16.0.zip百度网盘下载链接：https://pan.baidu.com/s/1-l-CcAVNINqhRLSiQ26R7w?pwd=tznn 提取码: tznn 二、软件介绍 VMware（虚拟机）是指通过软件模拟的具有完整硬件系统功能的、运行在一个完全隔离环境中的完整计算机系统，通过它可在一台电脑上同…...

编程日记 2026/4/4 3:21:10

2025年2月科技热点深度解析：AI竞赛、量子突破与开源革命

引言 2025年的科技领域持续呈现爆发式增长&#xff0c;AI大模型竞争白热化、量子计算商业化加速、开源工具生态繁荣成为本月最受关注的议题。本文结合最新行业动态&#xff0c;从技术突破、商业布局到开发者生态&#xff0c;全面解析当前科技热点&#xff0c;为读者提供深度洞…...

编程日记 2025/7/4 23:05:32

免费PDF工具

Smallpdf.com - A Free Solution to all your PDF Problems Smallpdf - the platform that makes it super easy to convert and edit all your PDF files. Solving all your PDF problems in one place - and yes, free. https://smallpdf.com/#rappSmallpdf.com-解决您所有PD…...

编程日记 2026/4/4 2:56:55

组件注册方式、传递数据

组件注册 一个vue组件要先被注册&#xff0c;这样vue才能在渲染模版时找到其对应的实现。有两种注册方式&#xff1a;全局注册和局部注册。&#xff08;组件的引入方式&#xff09; 以下这种属于局部引用。 组件传递数据 注意&#xff1a;props传递数据&#xff0c;只能从父…...

编程日记 2026/4/4 3:51:48

IPD流程适合创业团队吗？

目录 简介 创业团队 作者简介 简介 回答这个问题&#xff0c;就不能只局限于 IPD 流程本身。 而是要先回答为什么需要 IPD 流程&#xff1f; 在 IPD 思维这篇文章&#xff0c;我也强调过这个观点&#xff1a; IPD 本身是为过剩经济量身定做的一种模式、一种思维。 包括…...

编程日记 2025/8/16 4:57:19

异步fifo学习

FIFO 本质是由 RAM 加上读写逻辑构成的先入先出的数据缓冲器。与 RAM 的区别是 FIFO 没有外部读写地址线&#xff0c;顺序写入顺序读出数据&#xff0c;其数据地址是由内部读写指针自增完成&#xff0c;因此 FIFO 在读写时不需要考虑读写冲突的问题。 根据 FIFO 工作的时钟域&a…...

编程日记 2026/4/4 3:26:31

【有啥问啥】All-to-All 通信：原理、实现与应用

All-to-All 通信&#xff1a;原理、实现与应用 一、引言 在分布式计算和并行处理领域&#xff0c;进程之间的通信是至关重要的。All-to-All 通信作为一种高效的通信模式&#xff0c;广泛应用于各种高性能计算和分布式系统中。本文将详细介绍 All-to-All 通信的定义、工作原理…...

编程日记 2026/4/3 5:54:52

深度学习（3）-TensorFlow入门（常数张量和变量）

低阶张量操作是所有现代机器学习的底层架构&#xff0c;可以转化为TensorFlow API。 张量&#xff0c;包括存储神经网络状态的特殊张量&#xff08;变量&#xff09;​。 张量运算&#xff0c;比如加法、relu、matmul。 反向传播&#xff0c;一种计算数学表达式梯度的方法&…...

编程日记 2026/3/16 15:09:07