HTML5 - ITeye技术社区

[企业架构] java 企业门户网站源码自适应响应式 freemarker 静态引擎 html5 SSM

代码介绍： 1.网站后台采用主流的 SSM 框架 jsp JSTL，网站后台采用freemaker静态化模版引擎生成html 2.因为是生成的html，所以访问速度快，轻便，对服务器负担小 3.网站前端采用主流的响应式布局，同一页面同时支持PC、平板、手机（三合一）浏览器访问 4.springmvc +spring4.3.7+ mybaits3.3 SSM 普通java web（非mave ...

ssm springmvc freemarker html5 企业站

0顶0踩

springboot框架评论(0) 有621人浏览 2019-09-02 10:11

[企业架构] 最详细的Vue Hello World应用开发步骤

很多Vue的初学者想尝试这个框架时，都被webpack过于复杂的配置所吓倒，导致最后无法跑出一个期望的hello word效果。今天我就把我第一次使用webpack打包一个Vue Hello World应用的所有步骤详细记录下来，供Vue的初学者参考。安装nodejs和npm，这两个就不用说了，网上很多教程。本地随便新建一个文件夹，进入后运行命令npm init, 一路nex ...

vue hello-world ui5 sap html5

0顶0踩

JerryWang_SAP 评论(0) 有1310人浏览 2019-01-17 09:06

[移动开发] 使用JavaScript调用手机平台上的原生API

我之前曾经写过一篇文章使用Cordova将您的前端JavaScript应用打包成手机原生应用，介绍了如何使用Cordova框架将您的用JavaScript和HTML开发的前端应用打包成某个手机平台(比如Android，iOS）的原生应用。那么，您也许会有一些需求，需要在您的前端应用里使用到手机平台的一些原生API，比如使用手机Mobile操作系统提供的传感器(Sensor)。这些任务是Java ...

JavaScript Java Cordova html5

0顶0踩

JerryWang_SAP 评论(0) 有1840人浏览 2018-09-06 23:14

[Web前端] 使用Cordova将您的前端JavaScript应用打包成手机原生应用

假设我用JavaScript和HTML开发了一个前端应用，我想把该应用打包成能直接在手机上安装和运行（不通过浏览器）的原生应用，例如像下面这样。对应用的用户来说，他们得到的用户体验和真正的用Android Studio或者XCode开发的原生应用完全一致。这是怎么做到的？答案是使用Apache的开源框架，Cordova。以Android框 ...

Cordova HTML5 SAP SAP mobile

0顶0踩

JerryWang_SAP 评论(0) 有2007人浏览 2018-09-05 11:53

[Web前端] 通过90行代码学会HTML5 WebSQL的4种基本操作

Web SQL数据库API是一个独立的规范，在浏览器层面提供了本地对结构化数据的存储，已经被很多现代浏览器支持了。我们通过一个简单的例子来了解下如何使用Web SQL API在浏览器端创建数据库表并存储数据。 <!doctype html> <html> <head> <scrip ...

HTML5 WebSQL UI5 LocalStorage

0顶0踩

JerryWang_SAP 评论(0) 有1645人浏览 2018-09-03 11:47

[Web前端] 小技巧：如何突破某些网站只能登陆后才能进行文字拷贝的限制

我写公众号文章时，经常需要从一些网站的文章上查阅一些资料。比如我想把这个网页上的一个标题“SAP Fiori 2.0用户体验设计概念获红点大奖”进行拷贝。然而当我按了键盘上的拷贝快捷键Ctrl C后，却收到这个提示，告诉我只有登陆后才能够进行复制操作。可是为了登陆我得先注册，有点麻烦。如果赶时间的话，可以使用这篇文章的小技巧，达到不用先注 ...

前端登录 cookie JavaScript HTML5

0顶0踩

JerryWang_SAP 评论(0) 有1781人浏览 2018-08-22 11:53

[Web前端] 基于 HTML5 结合工业互联网的智能飞机控制

前言从互联网+的概念一出来，就瞬间吸引了各行各业的能人志士，想要在这个领域分上一杯羹。现在传统工业生产行业运用互联网+的概念偏多，但是在大众创业万众创新的背景下，“互联网＋”涌出了层出不穷的“玩法”，智慧城市、隧道交通、智慧园区、工业生产，甚至是这次要说的智能飞机！异地协同制造的范围，目前多局限于主机制造厂之间，发动机和机载系统介入得很少。“互联网+飞机”可通过提高各类飞行器的有效监控能力、 ...

html5 3d 工业互联网工业大数据孪生数字

0顶0踩

xhload3d 评论(0) 有998人浏览 2018-08-06 00:23

[Web前端] 基于 HTML5 结合互联网+的电力接线图

前言 “互联网+”思维让数据的搜集和获取更加便捷，并且随着大数据的深度开发和应用，数据分析预测对于提升用户体验有非常重要的价值，同时也为不同行业、不同领域的合作提供了更广阔的空间。传统的发电企业是一个资金、技术密集但又相对独立封闭的行业，例如沙角A电厂，拥有优质的码头、安信检修、车队、技术人才等资源，未来是否能借助互联网走出去，或者其他一些先进的管理、技术能否通过互联网走进来互融都是可以探索的 ...

html5 电力接线图工业互联网工业物联网互联网+

0顶0踩

xhload3d 评论(0) 有1369人浏览 2018-07-16 10:49

[Web前端] 基于 HTML5 的工业互联网云平台监控机房 U 位

前言机柜 U 位管理是一项突破性创新技术--继承了 RFID 标签（电子标签）的优点的同时，完全解决了 RFID 技术（非接触式的自动识别技术）在机房 U 位资产监控场应用景中的四大缺陷，采用工业互联网云平台监控机房 U 位的方法，具有高可靠性、高准确性、精准定位、免维护的特点，满足了 U 位级实时监控、智能运维闭环管理的需求。设备上架、下架与迁移，自动变更和实时记录，（用户评价）：部署工业 ...

html5 工业互联网可视化工控机房

0顶0踩

xhload3d 评论(0) 有1160人浏览 2018-07-09 09:54

[Web前端] 基于 HTML5 WebGL 的 3D 工控裙房系统

前言工业物联网在中国的发展如火如荼，网络基础设施建设，以及工业升级的迫切需要都为工业物联网发展提供了很大的机遇。中国工业物联网企业目前呈现两种发展形式并存状况：一方面是大型通讯、IT企业的布局；一方面是传统工业软件和工业网络企业自发地延伸，由产品提供商发展为方案供应商。什么叫做裙房？裙房是指附属于主高楼并与之连成一体的低层建筑。本文的 Demo 是针对于裙房做的，但是在工业监控系统中有很多雷 ...

html5 webgl 3d 工业互联网工业物联网

0顶0踩

xhload3d 评论(0) 有1223人浏览 2018-06-11 10:18

[Web前端] 基于 HTML5 WebGL 的 3D 棉花加工监控系统

前言现在的棉花加工行业还停留在传统的反应式维护模式当中，当棉花加下厂的设备突然出现故障时，控制程序需要更换。这种情况下，首先需要客户向设备生产厂家请求派出技术人员进行维护，然后生产厂家才能根据情况再派人到现场进行处理。由于棉花加工设备分布在中国各地乃至出口到世界各地，从客户反应问题到厂家派人到达现场的时间周期就会很长，少则一天，个别偏远的地方可能会需要几天，不同程度地影响到企业生产活动的继 ...

html5 webgl 3d 工控电信网管

0顶0踩

xhload3d 评论(0) 有946人浏览 2018-06-04 09:59

[Web前端] 往ABAP gateway system上和Cloud Foundry上部署HTML5应用

ABAP Gateway system 在我的公众号文章里有详细介绍：SAP Fiori应用的三种部署方式用WebIDE部署用Eclipse Team provider部署执行report /UI5/UI5_UPLOAD_INTO_MIME Cloud Foundry 在manifest.yml文件里指定buildpack，然后到manif ...

Web HTML5 SAP CloudFoundry SAP云平台

0顶0踩

JerryWang_SAP 评论(0) 有763人浏览 2018-06-01 21:49

[Web前端] 基于 HTML5 的 WebGL 3D 版俄罗斯方块

前言摘要：2D 的俄罗斯方块已经被人玩烂了，突发奇想就做了个 3D 的游戏机，用来玩俄罗斯方块。。。实现的基本想法是先在 2D 上实现俄罗斯方块小游戏，然后使用 3D 建模功能创建一个 3D 街机模型，最后将 2D 小游戏贴到 3D 模型上。（ps：最后拓展部分实现将视频与3D模型的结合） http://www.hightopo.com/demo/tetris/ 代码实现首先，先 ...

html5 webgl 3d 工控俄罗斯方块

0顶0踩

xhload3d 评论(0) 有1084人浏览 2018-05-28 07:26

[Web前端] 基于 HTML5 OpenLayers3 实现 GIS 电信资源管理系统

前言通过结合 HTML5 和 OpenLayers 可以组合成非常棒的一个电信地图网络拓扑图的应用，形成的效果可以用来作为电信资源管理系统，美食定位分享软件� ...

html5 canvas 电信 gis openlayers

0顶0踩

xhload3d 评论(0) 有1453人浏览 2018-05-23 10:01

[Web前端] 基于 HTML5 Canvas 的电信机柜 U 位动态管理

前言 U 是一种表示服务器外部尺寸的单位，是 unit 的缩略语，详细的尺寸由作为业界团体的美国电子工业协会（EIA）所决定。之所以要规定服务器的� ...

html5 scada 工控电信网管 canvas

0顶0踩

xhload3d 评论(0) 有1255人浏览 2018-05-07 10:19

[企业架构] 如何上传HTML5应用到SAP云平台的Cloud Foundry环境下

先使用WebIDE创建一个HTML5应用。New->Project from Template: 从可选模板里选择SAPUI5 Application：创建一个HTML5 Module，取名为frontend

云 SAP SAP云平台 CloudFoundry HTML5

0顶0踩

JerryWang_SAP 评论(0) 有654人浏览 2018-04-28 18:49

[Web前端] 基于 HTML5 的 WebGL 3D 智能楼宇监控系统

前言智能监控的领域已经涉及到了各大领域，工控、电信、电力、轨道交通、航天航空等等，为了减少人员的消耗，监控系统必不可少。之前我写过一篇 2D 的智能地铁监控系统广受好评，突然觉得，既然 2D 的这么受欢迎，那么 3D 的需求量肯定也是非常大的，3D 毕竟比 2D 来说还是更直观一些，于是有了这个例子以及这篇文章。智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外，我觉得就是楼宇的监控了 ...

html5 webgl 3d 工控电信网管

0顶0踩

xhload3d 评论(0) 有1401人浏览 2018-04-23 09:41

[Web前端] Internationalization(i18n) support in SAP CRM,UI5 and Hybris

i18n（其来源是英文单词 internationalization的首末字符i和n，18为中间的字符数）是“国际化”的简称。对程序来说，在不修改内部代码的情况下，能根据不同语言及地区显示相应的界面。 SAP CRM WebClient UI上显示的文本不会硬编码，而是维护在OTR(Online Text Repository)里，代码里通过如下API取出。 ...

Fiori UI5 HTML5 i18n JavaScript

0顶0踩

JerryWang_SAP 评论(0) 有909人浏览 2018-04-19 10:30

[Web前端] 基于 HTML5 Canvas 实现的文字动画特效

前言文字是网页中最基本的元素，一般我们在网页上都是展示的静态文字，但是就效果来说，还是比较枯燥的。文字淡入淡出的动画效果在项目中非� ...

html5 canvas scada 电信网管工控

0顶0踩

xhload3d 评论(0) 有780人浏览 2018-04-02 07:30

[Web前端] WebGL 3D 工业隧道监控实战

前言监控隧道内的车道堵塞情况、隧道内的车祸现场，在隧道中显示当前车祸位置并在隧道口给与提示等等功能都是非常有必要的。这个隧道 Demo 的主要内容包括：照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报警、车行横洞、风向仪、微波车检、隧道紧急逃生出口的控制以及事故模拟等等。效果图 http://www.hightopo.com/demo/tunnel2/index.html ...

html5 webgl 3d 工控电信网管

0顶0踩

xhload3d 评论(0) 有942人浏览 2018-03-26 07:51

[Web前端] 如何在Chrome development tool里查看C4C前台发送的请求细节

我们可以在Chrome development tool的network tab里观察到从前台UI发送到后台的HTTP请求: 更多Chrome Development Tool的使用工具请查看我的博客Chrome Development Tool tips used in my daily work 但是直接查看到的是经过gzip之后的内容。如何查看压缩之前的请求体内容呢？ ...

Web HTML5 C4C Chrome SAP

0顶0踩

JerryWang_SAP 评论(0) 有933人浏览 2018-03-24 21:27

[Web前端] Smart template的控件能否当成普通控件来用

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

SmartTemplate Fiori SAP UI5 HTML5

0顶0踩

JerryWang_SAP 评论(0) 有603人浏览 2018-03-19 17:31

[Web前端] 基于 HTML5 WebGL 的 3D 机房

前言用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了，这篇文章的主要目的是说明一下，3D 机房中的 eye 和 center 的问题，刚好在项目中用上了，好生思考了一番，最终觉得这个例子最符合我的要求，就拿来作为记录。效果图 http://hightopo.com/demo/3DRoom/index.html 这个 3D 机房的 Demo 做的还不错，比较美观，基础的交互 ...

html5 webgl 3d 工控电信网管

0顶0踩

xhload3d 评论(0) 有957人浏览 2018-03-16 07:48

[Web前端] 一个查看UI5控件所有公有方法的小技巧

一个很小的tip：比如我想把UI5表格控件里的每列设置成宽度根据显示的内容自适应，需要知道应该调用控件的哪个方法来实现。一种办法当 ...

UI5 HTML5 JavaScript Fiori Web

0顶0踩

JerryWang_SAP 评论(0) 有1324人浏览 2018-03-13 20:58

[Web前端] SAP Fiori应用Footerbar区域按钮的高亮显示逻辑

如果您够细心，您或许会发现有的SAP Fiori应用的footerbar区域内的按钮有高亮显示，有的则没有。如何自己分析这两种按钮的实现原理？还是借助Chrome Development Tool。更多Chrome development tool的使用技巧，参考我的博客 Chrome Development Tool tips used in ...

Web Fiori UI5 HTML5 JavaScript

0顶0踩

JerryWang_SAP 评论(0) 有719人浏览 2018-03-13 20:43

[Web前端] 快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型

前言 3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板，从面板中拖动物体到右侧的 3D 场景中，当然，我鼠标拖动到的位置就是物体放置的点，但是这次我们的重点是如何在斜面上放置模型。效果图代码生成创建场景 dm = new h ...

html5 canvas 3d 工控电信网管

1顶0踩

xhload3d 评论(0) 有800人浏览 2018-03-13 07:45

[Web前端] Fiori Launchpad Tile点击后跳转的调试技巧

在SAP Fiori launchpad 里点击某个tile之后，后台会计算出跳转的目标url返回给前台。下图中一个个白色的方框就成为tile。每个tile点击之后，会打开一个对� ...

SAP Fiori HTML5 UI5 JavaScript

0顶0踩

JerryWang_SAP 评论(0) 有783人浏览 2018-03-12 20:28

[Web前端] 找出OData service出错根源的小技巧

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

sap odata UI5 HTML5 Fiori

0顶0踩

JerryWang_SAP 评论(0) 有1437人浏览 2018-03-12 20:38

[编程语言] ABAP git客户端

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

ABAP Java Git JavaScript HTML5

0顶0踩

JerryWang_SAP 评论(0) 有820人浏览 2018-03-11 12:48

[Web前端] 如何修改Fiori Launchpad里Tile计数调用的时间间隔

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

Fiori UI5 HTML5 JavaScript SAP

0顶0踩

JerryWang_SAP 评论(0) 有656人浏览 2018-03-09 21:28