- 博客(353)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 快速定制开发Freestyle App
FreeStyle Development在很多通用的需求下，可以通过SAP Fiori Element技术来快速开发Ui5应用。对于一些比较特别的需求，还是需要来通过代码的方式来开发Freestyle UI5应用。之前通过webide自动创建项目的方式，自动生成了代码，可以直接运行。一般情况下，都会需要对代码做一定的修改。今天通过之前的小例子来看一下，如何通过代码来定制开发Freesty...
2020-04-26 13:01:34
815
原创 快速定制开发SAP Fiori Element应用
介绍前端开发最常用的语言就是JavaScript，JS是一门非常强大灵活的语言，但是对于技能和时间上要求比较高。Fiori Element可以通过配置annotations的方式，来实现需求，可以避免编写代码的方式来开发应用，这样可以大幅提高效率和降低effort。下面来通过一个小例子来看，如何通过Annotations XML来配置一个Fiori Element列表应用。在完成以后，需要...
2020-04-26 11:21:54
857
原创 通过SAP Fiori Element快速开发UI5 App
关于SAP Fiori Element大家知道UI5作为SAP产品最主要的用户界面，在SAP的产品开发过程中，产品team根据积累的经验，将最常见、最通用的设计和界面提炼出来，在UI技术上通过复用的方式来提高开发效率，有点类似模板的概念。今天为大家介绍的是非常强大的Fiori element技术。SAP Fiori elements提供了对通用的需求应用的模板。 可以通过选择一些预置的模板就可...
2020-04-24 17:59:17
782
原创 通过SAP Build快速构建UI5原型App
通过SAP Build快速构建UI5原型AppSAP Build是一个非常不错的快速构建高保真UI5应用的服务，可以免费注册使用。在设计驱动开发的流程中，App的设计是非常重要的步骤，通过低保真、高保真的设计原型可以快速获取用户的反馈，然后快速调整原型，提高沟通的效率，最大程度节约开发资源。https://www.build.me/通过Build服务，可以快速构建UI5的高保真UI，然后根...
2020-04-19 17:55:47
907
原创 通过SAP WEBIDE快速构建一个UI5 应用
SAP WEBIDESAP WebIDE是SAP云平台上的一项服务，通过WEBIDE可以非常方便迅速的开发各种企业级云应用。对于前端应用来说，webide提供了很多的模板来创建项目，比如基于Fiori设计语言的List report, worklist, master-detail, 还有Fiori element应用。今天通过一个简单的例子来创建一个Master-detail的UI5应用。...
2020-04-12 14:18:52
1151
原创 UI5 in Docker
快速开发一个UI5 app并部署到 Docker容器今天快速把一个UI5 app打包运行在Docker容器中。主要分为三步：开发、测试运行Docker文件、构建镜像运行Docker废话不多说，直接上code。开发、测试运行1.安装自动生成ui5的脚手架工具easy-ui5npm install -g yo generator-easy-ui52.运行命令yo...
2020-03-29 11:08:52
295
原创 UI5和React比较
通过React来实现类似UI5中element binding的效果UI5整体采用了MVC的设计，提供了单向的、双向的，各种数据绑定，有属性绑定，有列表绑定，还有element binding。现在流行的技术框架和语言都采用”声明式“的开发方式，比如Google的Flutter, Apple的Swift UI,还有Facebook的React。下面我来用React来实现和之前类似的效果，上面...
2020-03-08 15:54:45
407
原创 UI5的Data binding
学习了解一下UI5的数据bindingUI5作为一个成熟的企业级UI开发框架，其最大的特点就是遵循MVC的设计，也就是将代码逻辑清晰地区分为数据源（model） - UI（view） - 应用逻辑（controller）这三部分。数据binding就是model和view之间如何交互。UI5的数据binding主要有三种方式：Property bindingAggregation bin...
2020-03-08 14:11:58
409
原创 Hello UI5!
快速创建第一个UI5 AppFiori是什么？Fiori是SAP的前端设计语言，为客户提供了一致、美观、已用的用户体验设计。在技术上，有很多技术的实现，比如iOS for Fiori, Android for Fiori, UI5 for Fiori等。UI5是什么？UI5是SAP的Web前端技术，提供了对Fiori设计在Web技术实现，可以运行在电脑、平板、手机移动端上。UI5分为了...
2020-03-06 19:32:12
567
原创 Fundamental style
介绍一个UI库 - Fundamental style今天给大家介绍一个由SAP开发并开源的UI库 -Fundamental style。它符合SAP最新的Fiori 3设计。主页: https://sap.github.io/fundamental-styles/支持React， Vue，Angular。大致浏览了一下常用的组件，还是蛮漂亮的。测试小Demo通过API获取后端银行数...
2020-03-03 12:21:49
378
原创 React学习笔记13-个人博客站点
通过HUGO快速创建一个个人React博客站点用几分钟时间把React笔记建成了博客站点，Powered by HUGO。React学习https://peaceful-tor-92061.herokuapp.com/Node.js学习https://whispering-coast-84700.herokuapp.com/参考阅读https://gohugo.io/ht...
2020-02-27 10:06:49
298
原创 React学习笔记12-快速构建一个动态全球独角兽列表网站(7)
#后台管理开发后台管理开发也很简单，和前台的开发思路其实差不多，就是增加了几个页面。新建数据、编辑数据、删除数据。数据展示在列表中生成了两个链接，分别是编辑和删除。return ( <div id="content-wrapper" class="mui--text-center"> <div class="mu...
2020-02-26 20:33:05
277
原创 React学习笔记11-快速构建一个动态全球独角兽列表网站(6)
后台管理设计接下来通过React来做一个简单的后台管理应用。主要功能完成后大致是这样子：主界面显示完整信息。有创建、修改、删除功能。有翻页功能。技术架构前端用的是Bootstrap。这个后端程序，UI换一个简单的MUICSS，极简风格。翻页就不自己写了，直接用了开源组件, ReactPaginate。参考阅读https://www.muicss.co...
2020-02-26 20:32:20
316
原创 React学习笔记10-快速构建一个动态全球独角兽列表网站(5)
测试运行后端和前端一起测试运行看一下效果。主页独角兽列表翻页基本OK。接下来可以再通过React来快速开发一个后台管理应用。项目代码后端https://github.com/rangwei/unicorns-sails前端https://github.com/rangwei/unicorns-react-bootstrap...
2020-02-26 15:55:47
232
原创 React学习笔记9-快速构建一个动态全球独角兽列表网站(4)
动态数据展示Router主程序代码，通过react-router-dom来实现页面的RouterApp.js：import React from 'react';import Navbar from './Navbar';import Unicorns from './Unicorns';import Main from './Main';import './master.css...
2020-02-26 15:52:53
219
原创 React学习笔记8-快速构建一个动态全球独角兽列表网站(3)
页面开发页面开发很简单。分为两个部分。通过React的Function Component来实现列表和翻页条。列表显示List.js:import React, { useState } from 'react';export default function List({unicorns}) { return ( <table class="tabl...
2020-02-26 15:52:16
252
原创 React学习笔记7-快速构建一个动态全球独角兽列表网站(2)
后端API开发通过Sails.js可以快速构建一个后端的服务。建模通过下面这条命令来新建一个model:sails generate api Unicorns建模，修改Unicorns.js:module.exports = { attributes: { name: { type: 'string', required: true }, country: {...
2020-02-26 15:51:37
233
原创 React学习笔记6-快速构建一个动态全球独角兽列表网站(1)
设计和架构下面来通过React实战构建一个关于全球独角兽列表的网站。主要就是作为一个小练习实践一下从前端到后端的web开发技术。界面设计最快的方式当然直接用Bootstrap搞定，大概如下：网页布局主要包含三个部分：导航栏， 主要内容，翻页条。React的翻页功能有很多库已经可以直接用，但是出于学习的目的，这里还是手工写一个，逻辑也不复杂。后台数据格式数据结构比较简单，从网上抓取...
2020-02-26 15:50:47
293
原创 React学习笔记5-快速创建一个TODO App
TODO App三人行，必有我师焉。择其善者而从之，其不善者而改之。 ——孔子现在通过前面学到的React基础知识快速构建一个简单的TODO APP。主要包含三个部分： 输入部分，未完成的事项，已经完成事项。输入部分function Input({ addName }) { const [name, setName] = useState("hello"); re...
2020-02-26 08:48:54
303
原创 React学习笔记4-Effect Hook
Effect Hooks由俭入奢易，由奢入俭难。——司马光之前通过class来编写Component，一些辅助的方法是通过componentDidMount, componentDidUpdate来实现。通过React的effect hook可以实现类似的功能。比如现在在组件显示之前需要通过网络加载一下数据，还是通过之前用的users api来demo:import React, { ...
2020-02-25 21:20:00
284
原创 React学习笔记3-State Hook
State Hook吾生也有涯，而知也无涯。——庄子接着学习一下React的State Hook。通过State hook，可以直接通过function来构建有状态的组件，只要引入useState方法即可。写了一个小例子，包含一个输入和列表，分别通过两个function实现。输入的数据通过一个列表展示：import React, { useState } from 'react';...
2020-02-25 21:12:39
261
原创 React学习笔记2-Function Component
Function Component学无止境。——荀子接着学习一下React的function component。之前React主要通过class的方式来构建UI组件，但是可能在很多项目中存在一些弊端。Facebook设计了React Hook的方式，可以不通过class的方式来完成同样的功能。也就是只需要通过function component即可，这样带来的好处是代码更简单，bug...
2020-02-25 21:10:34
3224
原创 React学习笔记1-基础
Hello React, Hello JavaScript!千里之行，始于足下。——老子最近体验了一下著名的前端框架React，用起来特别爽，个人很喜欢。所以准备花一点点时间深入学习一下React。在这里把学习得过程也顺便记录下来。要学习React的话，先了解一下JavaScript的基础知识是非常有帮助的。JavaScript也是是目前非常火的编程语言，在有了Node.js以后，JS终...
2020-02-25 20:48:45
277
原创 [云开发5]-通过React+Boostrap快速构建一个卡片应用
ReactReact，目前非常流行的前端框架之一。采用声明式的设计，高效，灵活。BootstrapBootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站，其中包括以下组...
2020-02-19 20:14:36
555
原创 [云开发4]-通过React重构问卷调查应用的UI
阅读这篇blog大约需要5分钟通过React快速实现问卷调查Demo应用React介绍React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码...
2020-02-19 15:22:58
763
原创 [云开发3]-将问卷调查Demo应用快速部署到SAP云平台
快速部署到SAP云平台Cloud Foundry阅读这篇blog大约需要5分钟在Demo原型开发后的第一时间部署到云平台。部署前端UI5应用修改index.html的sap-ui-core.js位置:<script id="sap-ui-bootstrap" src="https://openui5.hana.ondemand.com/resources/sap-ui-co...
2020-02-13 21:40:57
523
原创 [云开发2]-快速开发一个问卷调查云应用(前端)
通过OpenUI5来开发一个问卷调查前端阅读这篇blog大约需要5分钟现在通过OpenUI5来开发一个简单的问卷调查前端。抱着学习UI5的目的，这个例子是通过VS Code在本地开发测试运行的。OpenUI5是SAP根据Fiori设计的HTML5框架。开源、免费。SAP在企业级云应用开发过程中的大量积累都在其中，比较成熟，对于复杂的企业级应用来说，是前端的开发利器。UI5是完全基于MVC的...
2020-02-13 18:29:23
759
原创 [云开发1]-快速开发一个问卷调查云应用(后端)
通过Sails.js开发RESTful API阅读这篇blog大约需要5分钟通过一个小例子MVP来学习一下Sails.js这个框架。模拟的场景需求是设计一个问卷调查。后端使用Sails.js，前端通过OpenUI5来实现。The first 90% of the code accounts for the first 90% of the development time. The r...
2020-02-13 18:27:45
977
原创 5分钟通过Sails.js从零开始开发RESTful API
通过Sails.js快速开发RESTful API阅读这篇blog大约需要5分钟Sails.js是一个Web框架,可以于轻松构建自定义,企业级Node.js Apps。它在设计上类似于像Ruby on Rails的MVC架构的框架,但支持更加现代化, 面向数据风格的Web应用。Sails.js 基于 Node.js, Connect, Express 和 Socket.io 构建。现在最新...
2020-02-12 10:26:27
1198
原创 5分钟将Nest.js+MongoDB应用容器化
通过Docker将Web服务容器化阅读这篇blog大约需要5分钟首先看一下今天主要用到的几个技术：Nest 是一个用于构建高效，可扩展的 Node.js 服务器端应用程序的框架。它使用渐进式 JavaScript，内置并完全支持 TypeScript（但仍然允许开发人员使用纯 JavaScript 编写代码）并结合了 OOP（面向对象编程），FP（函数式编程）和 FRP（函数式响应编程）的...
2020-02-11 20:29:14
1075
原创 5分钟通过WordPress搭建个人博客网站
通过Docker Composer快速搭建WordPress个人网站阅读这篇blog大约需要5分钟WordPress是使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统（CMS）来使用。WordPress是一款个人博客系统，并逐步演化成一款内容管理系统软件，它是使用PHP语言和MySQL数据库开...
2020-02-11 12:30:16
1906
原创 5分钟从零开始构建一个Node.js小爬虫程序并生成网站
通过RSS2JSON和Node.js设计一个简单的小爬虫阅读这篇blog大约需要5分钟之前我们学习了解了很多Node.js、云部署的基础知识，今天通过一个小爬虫练习实践一下，你会发现从零开始构建一个小爬虫超级简单和方便。主要会涉及到这些知识点：通过RSS2JSON将rss转化为json格式MUI CSS设计极简风格Node.js异步编程axios模块cheerio模块通过hero...
2020-02-10 09:23:08
742
原创 5分钟将Docker镜像部署到SAP云平台CloudFoundry
一键部署Docker镜像到SAP CloudFoundry阅读这篇blog大约需要5分钟Docker 是世界领先的软件容器平台。DockerHub 是一个由 Docker 公司运行和管理的基于云的存储库。它是一个在线存储库，Docker 镜像可以由其他用户发布和使用。CloudFoundry是一个提供夸平台、多语言应用框架的开源PaaS，可运行于私有云和公有云。Docker + Cloud...
2020-02-09 12:53:25
1329
原创 5分钟将Node应用部署到SAP云平台Cloud Foundry
5分钟将Node应用部署到SAP云平台Cloud Foundry阅读这篇blog大约需要5分钟SAP云平台是SAP为客户提供的PaaS平台，其主要的目标是帮助客户和合作伙伴在最短的时间内开发出创新的云应用。这里是网址:https://www.sap.cn/products/cloud-platform.htmlSAP云平台是完全基于PaaS开源标准平台Cloud Foundry之上的。...
2020-02-09 10:47:19
1044
原创 5分钟从零开始搭建一个独立博客网站
5分钟从零开始搭建一个独立博客网站阅读这篇blog大约需要5分钟用5分钟搭建一个独立博客网站，在云时代，一切皆有可能！今天向大家介绍一个很优秀的框架，Hugo项目。通过Go语言开发，能够快速的生成静态博客、内容网站。通过HUGO可以几秒钟搭建一个完全属于自己的博客网站。Hugo项目主页: https://gohugo.io/然后可以通过Node.js几秒钟内起一个Web服务器，然后部署...
2020-02-08 19:21:01
3398
原创 Node.js学习笔记10-将Node.js应用上云(heroku)
将Node.js应用上云(heroku)阅读这篇blog大约需要10分钟前面学习了Node.js开发的基本概念。也了解了最流行的虚拟化技术Docker本地部署的方法。今天尝试一下把Node REST API服务上云。用一个很简单但是又非常先进的方法，那就是heroku。网址：www.heroku.comHeroku是一个支持多种编程语言的云平台即服务。在2010年被Salesforce...
2020-02-08 12:59:54
1617
原创 Node.js学习笔记9-将Node应用部署到Docker
将Node应用部署到Docker阅读这篇blog大约需要10分钟Docker 是一个开源的应用容器引擎，基于 Go 语言 并遵从 Apache2.0 协议开源。Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚拟化。Docker的优点:快速一致地交付应用。响应式部署和扩展。在同一硬件上运行更多工作负...
2020-02-08 09:58:20
807
原创 Node.js学习笔记8-fibonacci运算, 用promise来调用函数
fibonacci运算, 用promise来调用函数阅读这篇blog大约需要10分钟Node.js有很丰富的生态，有很多有点，其最大的特点就是善于I/O，不善于计算。今天主要看一下对于大量计算的任务，node.js的表现。然后再对promise做一些补充学习。Any fool can write code that a computer can understand. Good prog...
2020-02-08 08:58:26
424
原创 Node.js学习笔记7-服务器编程
服务器编程阅读这篇blog大约需要5分钟传统的后端语言有java, php等，如今Node.js也凭借其强大的JS，广泛的生态，非阻塞I/O，高并发的特性，占据了一席之地。今天快速学习了解一下Node服务器编程。Hello Node HTTPHello ExpressKISS: Keep it simple and stupid.介绍通过几个小例子来感受一下Node服务器的极...
2020-02-07 18:14:19
1785
原创 Node.js学习笔记6-网络请求和API调用
网络请求和API调用阅读这篇blog大约需要10分钟网络编程是非常重要的一块内容，JS作为web开发最紧密的一部分，在网络编程方面本来就是很强大的，然后Node生态也提供了各种便利的工具来发送和接收网络请求。我们最基本的工具是Request模块，然后第三方也提供基于Promise的工具，常用的有axios,node-fetch等。Requestaxiosnode-fetchRe...
2020-02-07 13:37:11
1322
SAP BW Reporting Made Easy
2010-09-12
SAP 和其它系统的集成 - SAP Migration文档
2009-07-07
SAP标准课程 - BC425系统增强
2009-07-07
Java Network Programming 3rd Edition
2008-12-02
Effective Java
2008-12-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人