1. 云栖社区>
  2. 全部标签>
  3. #前端与交互设计#
前端与交互设计

#前端与交互设计#

已有115人关注此标签

内容分类:
博客 | 问答 | 视频 | 资料 |

使用SAP WebIDE给SAP UI5应用添加data source

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMDg1NzkxLTE0YmRmOTk2N2Q1NTE5MjQucG5n?x-oss-process=...

云栖社区 前端与交互设计 前端 Image metadata source OData ui5 data-source

SAP UI5应用里的列表处理

在XML view里,使用List标签引入列表: <mvc:View controllerName="sapcp.cf.tutorial.app.controller.View1" xmlns:mvc="sap.

云栖社区 前端与交互设计 shell 前端 Image Core page list MVC view 列表 ui5

使用SAP WebIDE开发SAP Fiori Worklist应用消费OData服务

新建一个Destination,类型为HTTP,再添加三个额外的Properties,其中WebIDEUsage设置为odata_gen: 其中WebIDEUsage属性的值,除了odata_gen之外,还有odata_abap,ui5_execute_abap等选择。

云栖社区 前端与交互设计 html5 前端 Image service OData ui5 webide

使用SAP云平台portal服务将SAP UI5应用部署到portal上

假设我已经开发好了一个SAP MTA应用,包含一个HTML5 module和一个Fiori Launchpad module,已经成功部署到SAP Cloud Platform上: 该HTML5 module里的SAP UI5应用,已经能够通过Fiori Launchpad访问了: MTA应用的app router url是整个组件的访问入口。

云栖社区 前端与交互设计 html5 Cloud 前端 Image url 云平台 Group 应用部署 portal

如何将SAP UI5应用配置到SAP云平台Fiori Launchpad里

在SAP云平台WebIDE里新建一个UI5应用并本地运行通过后,在webapp文件夹下打开manifest.json文件,进入navigation区域,semantic object维护成data,action维护成display: Inbound tile的title维护成如下: 为了将该应...

云栖社区 前端与交互设计 html5 Cloud 配置 前端 Image 云平台 CloudFoundry

一步步使用SAP云平台的WebIDE开发SAP UI5应用

我们开发的这个SAP UI5应用需要消费一个OData服务,请求该服务得到一系列采购订单的数据,再显示到UI5应用上。所以需要先申请该OData服务所在的服务器ES5上的用户。 申请链接: https://register.sapdevcenter.com/SUPSignForms/ 申请完毕后,可以通过webUI进入该系统。

前端与交互设计 html5 Cloud shell 前端 Image 云平台 page MVC CloudFoundry

把自定义url配置到SAP Fiori Launchpad上打开

打开SAP云平台 portal Service的Content manager: 点击My Content,创建一个新的portal应用: 我们的自定义url就在这个新建应用的字段URL里维护: 创建的应用如下图所示: 再创建一个新的group: 将之前创建的url应用分配给这个group: 点击Go to site,打开url: 即可看到之前创建的URL应用出现在Launchpad里: 点击tile,即可在portal里打开对应的url: 本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

云栖社区 前端与交互设计 html5 配置 前端 Image url 云平台 Group

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署

登录SAP云平台,在Services面板里找到SAP WebIDE Full-stack服务: 从availability里发现WebIDE full-stack目前只有Neo能用,CloudFoundry暂时不可用: 点击Go to Service打开WebIDE: 打开WebIDE后,新...

云栖社区 前端与交互设计 html5 Cloud web Image 云平台 CloudFoundry

如何使用SAP UI5 Web Component for React的padding功能

导入组件@ui5/webcomponents-react-base: 然后在第17行的Text标签里给style属性附上值:spacing.sapUiContentPadding的值在运行时为padding: 1rem 这个值定义在文件夹C:tempreactmy-appnode_modules@ui5webcomponents-react-basecjs下面的文件base.development.js里: 本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

云栖社区 前端与交互设计 html5 react web 前端 Image

C/S架构Winform插件化框架,Winform通用界面框架

插件化框架特点: 1. 开发框架以模块化形式在逻辑上解耦 2. 开发框架模块以动态链接库(DLL文件)形式独立部署。 3. 模块主界面(frmBaseModule)用来分割系统功能菜单与功能按钮,作为各模块的入口界面。 4. 插件化框架核心功能-动态加载模块技术。

系统软件 前端与交互设计 架构 开发框架与中间件 windows 模块 数据库 技术保障 容器 开发工具 插件 报表 压力测试 开发框架

如何使用SAP UI5 web Component的React框架的柱状图和折线图

导入柱状图和折线图: import { BarChart, LineChart } from "@ui5/webcomponents-react-charts"; 在自定义的React Component里,为图标创建数据集和数据标签对应的JavaScript数组: 最后在React 自定义组件里,直接为LineChart和BarChart这两个标签页维护刚才创建好的JavaScript数组: 最后的效果,折线图: 柱状图: 不出意外,还是通过canvas实现的: 本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

云栖社区 前端与交互设计 javascript react web 前端 Image UI 数组

如何实现SAP UI5 Web Component React控件的加载效果

假设我使用SAP UI5 Web Component的React控件, 比如柱状图和折线图: 导入useState函数,默认加载状态为false: 每次点击屏幕后,首先将Loading状态使用切换函数setLoading设置成true,这样可以看到控件正在加载的动画效果。

云栖社区 前端与交互设计 react 函数 web 前端 Image UI component

SAP UI5 Web Component里最简单的React列表控件的用法

从@ui5/webcomponents-react里导入List,StandardListItem和ValueState: 用下列方式绘制列表(list): <List> <StandardListItem info="finished" infoState={ValueState.

云栖社区 前端与交互设计 react web 前端 Image list activity

SAP UI5 Web Component不同React页面的跳转实现

(1) 从react-router-dom里导入Switch,Route和Redirect组件: (2) 路径/home指定成加载Home Component ,/detail则加载Detail Component. 文件Home.jsx和Detail.jsx分别实现Component: (3) 测试:url后加上/home,则加载home Component: /detail组件的加载: 本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

云栖社区 前端与交互设计 react web 前端 测试 Image ui5

上一页 1 ... 3 4 5 6 7 ... 89 下一页
89
GO