博客首页 → HTML5

最新文章列表

快速创建 HTML5 Canvas 电信网络拓扑图

前言 电信网络拓扑图确实实用性很强，最近有个项目是基于这个的，为了写得丰富一点，还加了自动布局已经属性栏部分，不过这个 Demo 真的写得很用心，稍微改改都能直接运用到项目中去，还可以进行数据交互，总之希望能对大家有所帮助。 效果图   拓扑图 从上面的效果图中我们可以看到，整个页面分为 3 个部分，左边的 graphView 拓扑图部分，右下角的 tableView 表格部分，以 ...
html5canvasscada工控电信网管 
xhload3d 评论(0) 有528人浏览 2018-03-21 10:45

Smart template的控件能否当成普通控件来用

我的同事问过我这个问题：   只要弄清楚Smart control的原理，就能回答这个问题。 答案是: smart control可以像普通的控件一样在xml view中被定义和使用，但是必须结合OData annotation，否则没有意义。以Smart control里的Smart field为例，详细原理在我的博客Currency example – how Sma ...
SmartTemplateFioriSAPUI5HTML5 
JerryWang_SAP 评论(0) 有621人浏览 2018-03-19 17:31

快速开发基于 HTML5 网络拓扑图应用之 DataBinding 数据绑定篇

前言 发现大家对于我从 json 文件中直接操作节点属性来控制界面的动态变化感到比较好奇，所以这篇就针对数据绑定以及如何使用这些绑定的数据做一篇说明，我写了一个简单的例子，基于机房工控的服务器上设备的灯闪烁现象。我们从 2d 和 3d 两个角度来分析数据绑定的问题。 效果图  2d                                                        ...
html5canvaswebgl工控电信网管 
xhload3d 评论(0) 有542人浏览 2018-03-19 09:06

基于 HTML5 WebGL 的 3D 机房

前言 用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了，这篇文章的主要目的是说明一下，3D 机房中的 eye 和 center 的问题，刚好在项目中用上了，好生思考了一番，最终觉得这个例子最符合我的要求，就拿来作为记录。 效果图  http://hightopo.com/demo/3DRoom/index.html 这个 3D 机房的 Demo 做的还不错，比较美观，基础的交互 ...
html5webgl3d工控电信网管 
xhload3d 评论(0) 有996人浏览 2018-03-16 07:48

一个查看UI5控件所有公有方法的小技巧

  一个很小的tip：比如我想把UI5表格控件里的每列设置成宽度根据显示的内容自适应，需要知道应该调用控件的哪个方法来实现。 一种办法当 ...
UI5HTML5JavaScriptFioriWeb 
JerryWang_SAP 评论(0) 有1357人浏览 2018-03-13 20:58

SAP Fiori应用Footerbar区域按钮的高亮显示逻辑

如果您够细心，您或许会发现有的SAP Fiori应用的footerbar区域内的按钮有高亮显示，有的则没有。 如何自己分析这两种按钮的实现原理？  还是借助Chrome Development Tool。更多Chrome development tool的使用技巧，参考我的博客 Chrome Development Tool tips used in ...
WebFioriUI5HTML5JavaScript 
JerryWang_SAP 评论(0) 有747人浏览 2018-03-13 20:43

快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型

前言 3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板，从面板中拖动物体到右侧的 3D 场景中，当然，我鼠标拖动到的位置就是物体放置的点，但是这次我们的重点是如何在斜面上放置模型。 效果图 代码生成 创建场景 dm = new h ...
html5canvas3d工控电信网管 
xhload3d 评论(0) 有836人浏览 2018-03-13 07:45

找出OData service出错根源的小技巧

SAP的Fiori应用是通过OData和后台交互的。在使用Fiori应用时您可能会遇到这样的错误消息:   这个错误消息没有包含有助于partner或者客户定位问题根源的线索。 下面是如何在后台找出问题根源的步骤。 1. 在Fiori前台系统上使用事务码/IWFND/ERROR_LOG找到当前OData出错对应的错误日志:   关于Fiori前后 ...
sapodataUI5HTML5Fiori 
JerryWang_SAP 评论(0) 有1490人浏览 2018-03-12 20:38

Fiori Launchpad Tile点击后跳转的调试技巧

在SAP Fiori launchpad 里点击某个tile之后，后台会计算出跳转的目标url返回给前台。 下图中一个个白色的方框就成为tile。每个tile点击之后，会打开一个对 ...
SAPFioriHTML5UI5JavaScript 
JerryWang_SAP 评论(0) 有834人浏览 2018-03-12 20:28

ABAP git客户端

Jerry习惯把自己写的小程序放到自己的github上：https://github.com/i042416 对于写的ABAP程序，需要先把SAPGUI里的代码手动拷贝到本地，然后用git客户端push到github上。 但是其实可以直接在SAPGUI里通过一个ABAP实现的git客户端将代码push到github上。 这是一个开源项目：http://www.abapgit.org/ ...
ABAPJavaGitJavaScriptHTML5 
JerryWang_SAP 评论(0) 有865人浏览 2018-03-11 12:48

ABAP和Java里关于DEFAULT(默认)机制的一些语言特性

ABAP 740的新语法：   上图的代码相当于: DATA: ls_data LIKE LINE OF it_data. READ TABLE it_data INTO ls_data WITH KEY object_ext = cl_crm_prodil_bo_names=>gc_prod_root. ...
ABAPJavaJavaScriptSAPHTML5 
JerryWang_SAP 评论(0) 有684人浏览 2018-03-11 12:47

如何修改Fiori Launchpad里Tile计数调用的时间间隔

Fiori launchpad里的Tile上有一个数字，例如下图My Leads的例子：每隔指定的时间间隔，会向后台发起一次数据请求，读取当前Lead的个数。   这个请求可以在Chrome Development Tool里观察到:   如何修改这个时间间隔？比如我想把默认的30秒改成300秒。 1. 首先找到您登陆Fiori前台服务器的用户的P ...
FioriUI5HTML5JavaScriptSAP 
JerryWang_SAP 评论(0) 有683人浏览 2018-03-09 21:28

Fiori里花瓣的动画效果实现原理

  Fiori里的busy dialog有两种表现形式，一种是下图里的花朵形状，由5个不断旋转的花瓣组成。另一种是下图的3/4个圆环不断旋转的效果。  关于前者的效果，可以看我制作的这个视频。这个视频是手动将下图setTimeout的300毫秒延时改成30秒之后的效果，意思是30秒之后这个花瓣效果才消失。   1. 根据调试器里调用栈的观察，每当u ...
UI5HTML5JavaScriptFioriSAP 
JerryWang_SAP 评论(0) 有833人浏览 2018-03-09 21:15

Fiori Launchpad Tile点击后跳转的调试技巧

  在SAP Fiori launchpad 里点击某个tile之后，后台会计算出跳转的目标url返回给前台。 下图中一个个白色的方框就成为tile。每个tile点击之后，会打开一个对应的Fiori应用。   本文介绍如何在后台调试这个跳转目标的计算逻辑。 首先我们可以直接在浏览器里点击tile或者用Postman手动触发这个跳转目标的url解析请求：   ...
FioriUI5HTML5 
JerryWang_SAP 评论(0) 有627人浏览 2018-03-07 09:30

谣言粉碎机 - 极短时间内发送两个Odata request，前一个会自动被cancel掉?

  背景 有时我们能在Chrome开发者工具的Network tab里观察到SAP UI5应用会发出某些状态为"取消"的OData请求。如下图第五个请求。 之前有一种似是而非的说法:极短时间内发送两个OData请求，则第一个会自动被cancel掉。   这个说法从字面上看，有两点值得推敲: 1. cancel掉，被谁cancel掉？UI5框架还 ...
UI5html5odataChrome 
JerryWang_SAP 评论(0) 有591人浏览 2018-03-06 12:05

基于 HTML5 Canvas 的交互式地铁线路图

前言 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些朋友。当然，如果有什么意见的可以直接跟我说，大家一起交流才会进步。 效果图 http:/ ...
html5canvasscada工控电信网管 
xhload3d 评论(1) 有1524人浏览 2018-03-05 05:59

Fiori Launchpad Tile点击后跳转的调试技巧

在SAP Fiori launchpad 里点击某个tile之后，后台会计算出跳转的目标url返回给前台。 下图中一个个白色的方框就成为tile。每个tile点击之后，会打开一个对 ...
SAPFioriwebhtml5ui5 
i042416 评论(0) 有126人浏览 2018-02-28 12:01

SAP Fiori应用的三种部署方式

封面图片来自Google搜索，关键字: Fiori Deployment   方式1 On premise环境下以BSP应用作为Fiori应用部署和运行的载体 在SAP成都labs我曾经担任过CRM这几个Fiori应用的开发和维护工作:   在Google上搜索关键字Fiori Architecture, 能找到这样一张图片，其中CRM和S/4 HANA的Fio ...
SAPFioriUI5HTML5Launchpad 
i042416 评论(0) 有214人浏览 2018-02-17 11:37

最近博客热门TAG

HTML(59042) JavaScript(54916) Web(54511) CSS(23968) jQuery(19234) Flash(19041) Ajax(18943) Flex(14085) EXT(14009) UI(11211) json(9986) prototype(7831) Adobe(5823) XHTML(5459) HTML5(4513) DWR(3402) GWT(3220) AIR(2592) fckeditor(1553) Dojo(1458)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics