[置顶] SAPUI5教程——如何改变SAP Fiori登陆页面的背景图片

前言用过Fiori的同学都知道,SAP Fiori Launchpad有一个登陆页面,登陆页面在安装之后会有一个默认的背景图片,但是对个部分客户来讲,需要换成自己公司对应的背景,那么如何改变这个背景图片呢?方法 通过tcode “SE80”进入对象的tcode页面 选择 MIME Repository. 导航进入SAP → PUBLIC → BC → UI2 → logon → img 展开 im...
阅读(32) 评论(0)

[置顶] SAPUI5教程——查看系统安装的SAPUI5版本

前言查看SAPUI5的版本信息,将决定了你应用什么样的api在你的项目当中,那么在ECC系统当中应该如何查看,我们具体来看一下。具体步骤输入SICF,将看到如下界面:在service中输入* UI5_UI5 * 执行F8, 会看到如下图:找到UI5_UI5,右键点击Test运行,将会在浏览器中打开如下界面:此页面注明了当前版本信息。...
阅读(123) 评论(0)

[置顶] SAPUI5教程——can not load launchpad Tile问题解决方案

最近在配置客户系统,遇到一个launchpad无法加载tile的问题,查看配置没有问题。后来找到解决方案,分享一下:第一步,要检查你的authorization是否有问题,如果没问题查看第二步。第二步, 登陆gateway系统, 输入tcode “se38”第三步, 输入“/UI2/INVALIDATE_GLOBAL_CACHES“第四步, 执行用”execution mode“.再次刷新laun...
阅读(151) 评论(0)

[置顶] SAPUI5教程——框架简介以及应用实践

前言SAPUI5是SAP公司推出的一款前端UI技术框架,基于HTML5技术,开发语言为Javascript, 诞生于2011年,此款移动框架和SAP 系列产品贴合紧密,开发迅速,符合SAP系统的整体风格,SAPUI5是一款封闭框架(收费), 如果拥有SAP Netweaver License才可以免费试用,与SAPUI5相对应的还有一款开源框架被托管在github平台,大家可以去fork,学习一下。...
阅读(144) 评论(0)

[置顶] SAPUI5教程——ABAP环境下SAP Fiori 系统搭建以及开发实践

前言近年来,SAPUI5(SAP Fiori 2.0)的普及,云时代下的移动Web应用一路高歌,众多SAP 顾问也将焦点投入到了这个前端框架。那么作为一款和SAP 系列套件深度结合的框架,需要安装很多组件支持Fiori的系列开发,可能我们并不会去做SAP Basic的相关工作,但是作为一名合格的咨询顾问,需要了解它的原理。整体架构一个Fiori的安装过程中包含了前端服务组件和后台服务数据,前端组件和...
阅读(220) 评论(0)

[置顶] SAP Fiori 2.0中文版系列视频教程(中文首发)

前言SAP Fiori是SAP前端UI产品唯一移动开发框架, 同样也是SAP公司在跨产品线上对用户界面进行改进的一个重要举措,随着SAP S/4HANA逐步成为企业的神经枢纽和现代化数字的核心,SAP Fiori 2.0 也必将成为SAP S/4HANA产品系列中用户体验上最大的革新,更是趋势所在,无论是一名资深的咨询顾问,还是前端开发人员,了解和学习SAP Fiori的开发以及咨询工作,势在必行!...
阅读(522) 评论(0)

[置顶] SAPUI5教程——SAP Fiori应用类型分析(Transactional, Fact Sheets, Analytical)

前言SAP Fiori整体应用类型分为三种,即为Transactional, Fact Sheets, Analytical, 那么这三种类型有什么区别呢?我们先看一张图:为了方便理解我们简单举个例子: Transactional App 可以用于录入时间,确认发票信息, 更改信息等等, 然后用Fact Sheets类型的应用去查看对应object的详细信息,可以进行相应的搜索, 最后,但不是说并...
阅读(128) 评论(0)

[置顶] SAPUI5拓展标准应用的Controller原理分析及应用实践

前言鉴于SAP S/4 HANA的世界性普及,外加中国区云服务的正式落地,作为SAP 移动端用户体验的自有H5框架,也愈加备受关注, 目前SAP大部分产品都是基于SAP Fiori进行定制开发,因此SAP Fiori也提供给客户大量的标准应用,只需要基础运维人员进行安装,即可实现实施应用。于此同时,基于业务场景的个性化的开发不可或缺,如果能在原理逻辑上稍加修改,这样可以减少很多时间和成本,所以今天我...
阅读(1818) 评论(2)

[置顶] React-Native之IOS本地模块的应用实践分享(仅此一篇足以...)

前言React-Native从诞生至今,火热程度已经不言而喻,在不断的框架迭代过程中,RN也提供了丰富的组件,以供开发者使用,但是在实际应用中,我们可能需要更为丰富的交互组件,但是RN中又没有及时提供,这时候我们就需要使用RN的本地模块,本地模块即可以使用JS调用Native,也可以使用Native调用JS, 并传递各种参数,实现完整功能,接下来我们看看具体的使用方法,方便大家参考学习,如果想了解更...
阅读(1529) 评论(0)

[置顶] React-Native应用ListView实现上拉下拉刷新效果实践

前言在移动应用中,上拉刷新加载更多,下拉刷新列表的操作非常常见,那么在React-Native中应该如何实现呢,我们具体来看一下?必备的组件 ListView:效果和ScrollView比较类似,但是效率会高些,因为只渲染当前屏幕显示的数据。 RefreshControl:这是一个组件嵌入到ListView,ScrollView中,实现刷新的效果。 上面两个组件都是RN自带的组件的实现起来比较容易。...
阅读(3648) 评论(4)

[置顶] Redux-Saga在React工程架构之的应用实践详解

前言React的作用View层次的前端框架,自然少不了很多中间件(Redux Middleware)做数据处理, 而redux-saga就是其中之一,目前这个中间件在网上的资料还是比较少,估计应用的不是很广泛,但是如果使用得当,将会事半功倍的效果,下面仔细介绍一个这个中间件的具体使用流程和应用场景。redux-saga简介Redux-saga是Redux的一个中间件,主要集中处理react架构中的异...
阅读(5978) 评论(0)

[置顶] React-Native工程项目打包编译发布过程详解

前言现在大红大紫的React-Native框架热度可谓与日俱增,React-Native的热更新操作,在开发过程中的确带来很多好处,但是对于发布来讲,不同平台却不尽相同, 下面来具体看一下Android和IOS两个平台是如何执行发布产品的。React-Native之Android平台发布Android平台有两种发布方式,一种是借助于命令行操作,另外一种是借助于Android Studio进行发布,具...
阅读(3443) 评论(1)

[置顶] Redux中间件在React和React-Native项目架构中的应用实践

前言 Redux和Flux的关系解释,这里不多赘述,这个观念在这两年被炒的异常火热,网上我们可以搜到很多的资源,单向数据流的观念越来越被众多的开发者应用于项目架构之中,下面我就来谈谈我再React项目中的应用实践以及相应的观点。 #...
阅读(1475) 评论(0)

[置顶] 针对于WebStorm工具开发React工程详细配置

前言WebStorm作为目前最流流行的前端IDE, 无论从运行速度还是开发的便捷性,无形之中提高了工作效率,目前比较火爆的React也越来越被众多开发人员所采纳,但是WebStorm下的React工程经常会出现很多警告以及转换提示,下面我就对此做一些整理,方便更多同志使用。React Library支持点击下载按钮,下来所需要的react library:激活所选library, 应用即可支持JSX...
阅读(9715) 评论(1)

[置顶] SAP FIORI 2.0次时代用户体验(云时代的升级体验...)

前言现如今大数据、云时代、人工智能、虚拟现实、深度学习,各种技术充斥着我们的眼帘,次时代的用户体验无时无刻在影响着我们工作学习的方式。(打开教程: http://edu.csdn.net/course/detail/5046)基于S/4HANA云服务下的Fiori 2.0版本将成为最新一代用户体验,新的设计理念和新的设计主题更高程度上提高了用户的便捷性。新版的Belize主题也将会替代原有的Blue...
阅读(1608) 评论(0)

[置顶] SAP Fiori移动产品的HANA迁移之路(整体解决方案)

前言SAP Fiori是SAP前端UI产品唯一移动开发框架, 同样也是SAP公司在跨产品线上对用户界面进行改进的一个重要举措,随着SAP S/4HANA逐步成为企业的神经枢纽和现代化数字的核心,SAP Fiori 2.0 也必将成为SAP S/4HANA产品系列中用户体验上最大的革新,其以用户为中心的设计理念更多的聚焦在如何提高企业员工的工作效率、工作方式,凭借最优的成本创造最大的价值。(教程入口:...
阅读(2208) 评论(0)

[置顶] WebPack在React项目架构中的应用实践

前言 说起WebPack的发展历程,不由想起了一那句“千里马常有,而伯乐不成有的”的名言,相信很多人都听说过Grunt, Gulp 这样的架构工具,但是却很少有人涉及应用过Webpack, 但是由于React的技术框架的风靡一时,webpack的地位以及应用度得到了很大的提升,这不得不感谢Facebook的架构。 对此,我也谈一下webpack在React项目中的应用实践,究竟为何要用这样一个...
阅读(1169) 评论(1)

[置顶] SAP FIORI移动产品架构优化衍进之路

前言作为一名SAP Fiori 移动顾问已有些年月,在linkin 上也有很多同志咨询过相关的技术问题,但是关于这方面的文章本人却很少起笔,闲来无事,想想还是记录一些在SAP产品上的项目实施经验,以便更多的同志参考!(视频教程参考链接: http://edu.csdn.net/course/detail/5046)SAP Fiori 简介提到Sap Fiori, 我们要先从SAPUI5讲起。SAPU...
阅读(2384) 评论(0)

[置顶] Hybrid移动应用语音录制及断点上传实现思路

前言断点上传功能在移动应用中较为常见,使用过程中,要求录制较为清晰切大小适中的语音文件,能够控制断点上传会有较好的用户体验, 下面是我在这方面的一些实践经验,分享一下,不成熟的地方欢迎指正!混合应用中的音频录制首先创建一个Cordova项目:cordova create Audio com.delaware.AudioDemo AudioDemocd Audiocordova platform ad...
阅读(1226) 评论(2)

[置顶] IOS10.0+, Android 6.0+系统升级后Hybird应用常见问题修复

移动操作系统,每年会有一个大版本的发布,对部分功能多少会有影响,最近由于苹果发布了IOS10,以及android .6系统的普及,导致部分项目无法正常运转,尝试了一番,解决了所有问题,为此记录一下,方便同样问题的同志及时解决掉。IOS10升级后的问题其实自从IOS9+以后, iphone平台变化还是挺大的,可能这里列举不是很全,算是参考吧!HTTPS协议IOS9以后要求所有的app都要尊崇https...
阅读(1288) 评论(0)

[置顶] 混合移动应用中地图导航功能开发与应用

前言地图功能再常见不过, 技术也很成熟,对于native的时间方案,有很多,我们可以使用高德地图sdk, 腾讯地图sdk, 百度地图sdk。但是混合移动应用中,改如何实现呢?下面我们以百度地图为例。可以实现的几种方案大概有一下两种方案可选: 编写地图插件,进行插件调用,但显示地图为native view.(实现起来比较麻烦) 调用JS library, 实现地图功能,但是功能相对匮乏,有特殊需要还需...
阅读(1850) 评论(0)

[置顶] Hybrid移动应用在多页面大数据复杂业务背景下的优化实践方案

前言对于混合应用而言,性能问题一直被吐槽,虽然设备的内存的不断增大,很大程度上缓解了这个一问题,但是和原生应用来讲还是有很大区别,本人从Phonegap2.x开始,一直的探索和使用混合应用技术。当时的2.x性能真是不怎么样,首次加载时间也比较长,后来phonegap被apache纳入旗下以后,更名为Cordova,可以说从此以后,性能问题得到了很大的改善,占用内存也越来越小,到如今使用的版本已经变为...
阅读(1481) 评论(1)

[置顶] CodePush热更新云服务在Cordova项目中的应用实践

前言由于App每次升级打包的繁琐性,项目中不想进行二次打包,这就需要实时更新的服务,探索了许久,发现CodePush满足了我们的需求。CodePush 是微软开发的,可以实时更新 React Native 和 Cordova 应用。CodePush 是提供给 React Native 和 Cordova 开发者直接部署移动应用更新给用户设备的云服务。CodePush 作为一个云仓库,作为开发者可以直...
阅读(1935) 评论(0)

[置顶] React-Native实际项目开发中的高效率调试实践方案

前言项目开发过程中,调试非常重要,调试工具决定了我们的开发效率,最近在做一个项目采用React-Native框架,对这个框架的调试做了一点研究,为此分享一下个人的见解:方法在运行带RN的工程后,当前页面下ios模拟器通过cmd+D(真机可以通过摇一摇),android通过Menu按键,调出RN的开发者菜单,如图所示,其中有选项“Debug JS Remotely”,可以将JS脚本在浏览器中进行调试。...
阅读(896) 评论(0)

[置顶] React-Native在MacOS 10.12 Sierra后无法启动及监听解决方案

问题描述出于好奇,本人最新升级了苹果最新的Sierra系统,最近在调试React-Native项目过程当中发现一个奇怪的问题,项目可以成功build, 通过xcode也可以编译到手机上,但是无法自动启动模拟器,并且报出监听失败的问题,issue截图如下:解决方案 需要安装watchman在mac os上,这个一款facebook推出的用来监听文件改变的开源框架。 sudo brew install...
阅读(1698) 评论(0)

[置顶] Babel在ES6项目架构中的搭建与应用方案解析

前言 自从ES2015发布以来,所有的项目都转到了这一个标准,但是考虑到兼容性的问题,不得不对现有代码做一个转换,也就是说将ES6规范的代码转换到ES5的标准,保证项目不存在任何问题的情况下运行,有人会问,这不是多此一举吗,但是我想说ES6给开发带来的语法糖非常之多,足以吸引多数的技术决策者去尝试,此规范也大大提高了项目的可维护性和规范性,个人非常推崇,并且在项目中的应用稳定性也很高,如果你还没...
阅读(2243) 评论(1)

[置顶] (热更新技术)高效率Hybird移动应用开发过程解决方案

前言作为一名移动应用开发者而言快速高效进行版本测试,是至关重要的,所以一直在探索一个解决方案,可以随时更新我们的逻辑代码,今天我们就来看一下,我是如何在项目中进行应用的。热更新这个名词很早就听说过,只不过一直都没有一个明确的定义,也没有过多的机会去尝试,但是最近遇到过一个需求,尝试了一下, 所谓热更新就是在不需要重新安装的情况,升级和测试我们的app, 这个理念多被应用在混合和驱动原生型的应用当中。...
阅读(1398) 评论(0)

[置顶] 驱动原生型移动应用的跨平台分析与见解(个人观点)

前言 前言 从事移动应用开发已经有些年头,做过Android, IOS,混合应用开发,应用过Wex5, Cordova等平台框架,对于这些平台还是有一定了解,但是驱动原生型移动应用开发理念还是第一次听说 普元移动开发平台 Weex移动开发平台 React Native开发平台...
阅读(1168) 评论(0)

[置顶] 最新Google Analytics在Android Studio工具中的集成使用

前言自动google发布Android Studio以来,很多项目都转到这了这个开发工具,Android Studio采用gradle进行构建,虽然某种意义上十分的自动化,但是对于用惯了Eclipse+ADT开发的人来讲,最开始还是有很多的不适应,在第一次构建项目的时候,最好能让你的网络连接google,否则会有很多问题,因为自动构建会从google服务上获取相应的服务包,这是需要能够访问googl...
阅读(888) 评论(0)

[置顶] Android 6.0+ 相机图册调用崩溃解决方案

最近客户更新系统发现,以前的项目在调用相机的时候,闪退掉了,很奇怪,后来查阅后发现,Android 6.0以后需要程序授权相机权限,默认会给出提示,让用户授权,个人感觉这一特性很好,大概如下:导入Android V4, V7包!Android Studio 导入很简单,右键项目后找到dependency就ok了。继承AppCompatActivitypublic class MainActivity...
阅读(1726) 评论(0)

[置顶] IONIC自定义动态高度SubHeader的解决方案

IONIC subheader是我们常用的一个css 属性,但是这个subheader的高度是固定的,当然也是可以改变的,但是如果改了subheader的告诉,还要更改content的top值,稍微有些麻烦,如果是动态告诉的subheader就麻烦了,还需要动态更改content的top数值,所以就写了一个directive解决这个问题:上代码吧:/** * Created by Richard...
阅读(1827) 评论(1)

[置顶] How to optimize the WebStrom performance?

As I know, everybody is working by webstrom for now.But the performance is very bad about the latest version.I am testing one solution that it can optimize it. Everybody can try it it there is some im...
阅读(1133) 评论(0)

[置顶] Cordova配置文件常用属性配置分析(config.xml)

混合应用开发的模式,越来越被各大公司热推,凭借其快速迭代,跨平台的特性,已经变得炙手可热, 那个为了能更贴合于Native效果,有更好的用户体验,cordova的配置更是关键,今天就来分析一下cordova常用的配置属性。首先,我们来看一个配置文件: <widget id="com.phd.demoProject" vers...
阅读(1041) 评论(0)

[置顶] Hybird App混合移动应用开发技术整体解决方案,速来围观!

摘要由于H5的逐步普及,混合移动应用开发变的炙手可热,其主要的开发语言就是JavaScript,这在很多人看来无论是在性能和安全上来讲,并不被大家所看好,所今天就来谈一下如何对混合应用做优化以及加密,希望对大家有所帮助,本人一直沿用Cordova做混合应用开发平台,这也是目前使用最为广泛,而且比较稳定,社区最为活跃的一个平台,今天我们就基于这个平台做相关讲解!Hybird APP混合应用原理分析混合...
阅读(1831) 评论(0)

[置顶] AngularJS路由删除#符号解决方案

最近做一个web应用,有个需求需要删除angular路由中的#号。例如:http://example.com/ http://example.com/#/about http://example.com/#/contact需要改成http://example.com/ http://example.com/about http://example.com/contact这个是angular默认自带的...
阅读(1441) 评论(0)

[置顶] IONIC多条聊天记渲染完毕后滚动到底部解决方案

最近开发一个混合即时通讯项目,有这样一个场景,当用户已经有很多条聊天记录后,再次进入后,需要显示所有的记录,然后自动滚动到底部。滚动到底部实现起来比较简单,$ionicScrollDelegate就可以实现,但是angular的ng-repeat渲染是需要一段时间的,也就是说们需要知道什么时候ng-repeat才会渲染完成,才能真正滚动到页面底部。研究了一下找到了一个解决方案:为了达到复用的目的,我...
阅读(2257) 评论(1)

SAPUI5教程——更改ODataModel默认的请求方式

前言对于ODataModel $batch的请求而言,会自动调用ODataModel UPdate的方法的 merge 请求,这也是默认的请求方式,但是我们的项目当中,往往需要put的请求,那么该如何更改默认的请求方式呢解决办法在我们默认maifest.json声明过程中可以通过settings:去更改:看代码:"": { "type": "sap.ui.model.odata.v2.ODa...
阅读(27) 评论(0)

SAPUI5教程——The project is corrupted because its '.user.project.json' file has an invalid JSON

前言最近一些顾问咨询我说,SAP WEB IDE总是有莫名其妙的问题,比如这个问题“The project is corrupted because its ‘.user.project.json’ file has an invalid JSON ”.user.project.json这个文件没有看到啊,在我们的工程中,见鬼了。解决方案通常这些文件在web IDE中是隐藏的文件,需要打开隐藏文件查...
阅读(44) 评论(0)

How to Use Densities for Controls

Using DensitiesA density is triggered by the related CSS class, for example, sapUiSizeCompact for the Compact density, set on a parent element of the UI region for which you want to use the controls. ...
阅读(95) 评论(0)

SAPUI5教程——Content Densities

The devices used to run apps that are developed with SAPUI5 run on various different operating systems and have very different screen sizes. SAPUI5 contains different content densities for certain con...
阅读(85) 评论(0)

SAPUI5教程—— Link的基本用法

前言SAPUI5定义很多好用的组件,方便我们日常的开发操作,比如这个Link的用法,比较类似于html中a标签的使用,今天我们一起来看一下这个组件的基本使用。Link 是sap.m包下一个组件。简单用法 ...
阅读(110) 评论(0)

SAPUI5教程——ActionSheet的应用

前言ActionSheet是一个点击弹出popover的基本效果,可以让用户执行一定操作事件,如下图:定义controllersap.ui.define(['sap/ui/core/Fragment','sap/ui/core/mvc/Controller'], function(Fragment, Controller) { "use strict"; var CContro...
阅读(100) 评论(0)

Using Predefined CSS Margin Classes

SAPUI5 gives you the option of adding spacing in between controls by adding a margin. A margin clears an area around its respective control, outside of its border.Unlike paddings, margins are transpar...
阅读(82) 评论(0)

SAPUI5教程——清除SAP Fiori服务缓存

问题描述:已经成功部署应用到Launchpad上,但是当更新版本的时候,无法显示到launchpad上,查看gateway(se80)代码已经是最新的,但是Launchpad仍旧无法更新。浏览器缓存已经清除了。最后找到了解决方案。Go to the transaction SMICM. Goto -> HTTP plugin -> Server cache -> Invalidate Locally...
阅读(194) 评论(0)

SAPUI5教程——SAP WEB IDE崩溃

偶然发现,SAPWEB IDE居然还有崩溃的时候,还有我有离线版本的(SAP WEB IDE Personal Editor)...
阅读(157) 评论(0)

SAP前端——使用SAPUI5来创建Web应用UI

前言对于SAP产品开发而言,功能需求的实现当之无愧, 但是前端UI展示一直被吐槽,不够友好的界面,较为繁琐的操作流程,给用户增添了很多学习和使用上的烦恼。但是自从SAPUI5诞生以来,移动显示,多元化的页面,不仅美观,更加实用便捷,下面我们来看看如何简单创建一个SAPUI5的应用。首页创建首先一个web应用程序,需要一个入口文件index.html: ...
阅读(134) 评论(0)
206条 共14页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:267217次
    • 积分:4445
    • 等级:
    • 排名:第5901名
    • 原创:178篇
    • 转载:25篇
    • 译文:3篇
    • 评论:19条
    博客专栏
    文章分类