自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Unplugged

Innovation@SAP

原创 React学习笔记13-个人博客站点

通过HUGO快速创建一个个人React博客站点 用几分钟时间把React笔记建成了博客站点,Powered by HUGO。 React学习 https://peaceful-tor-92061.herokuapp.com/ Node.js学习 https://whispering-co...

2020-02-27 10:06:49

阅读数 36

评论数 0

原创 React学习笔记12-快速构建一个动态全球独角兽列表网站(7)

#后台管理开发 后台管理开发也很简单,和前台的开发思路其实差不多,就是增加了几个页面。 新建数据、编辑数据、删除数据。 数据展示 在列表中生成了两个链接,分别是编辑和删除。 return ( <div id="content-wrapper" c...

2020-02-26 20:33:05

阅读数 38

评论数 0

原创 React学习笔记11-快速构建一个动态全球独角兽列表网站(6)

后台管理设计 接下来通过React来做一个简单的后台管理应用。 主要功能 完成后大致是这样子: 主界面显示完整信息。 有创建、修改、删除功能。 有翻页功能。 技术架构 前端用的是Bootstrap。这个后端程序,UI换一个简单的MUICSS,极简风格。 翻页就不自己写了,直接...

2020-02-26 20:32:20

阅读数 51

评论数 0

原创 React学习笔记10-快速构建一个动态全球独角兽列表网站(5)

测试运行 后端和前端一起测试运行看一下效果。 主页 独角兽列表 翻页 基本OK。 接下来可以再通过React来快速开发一个后台管理应用。 项目代码 后端 https://github.com/rangwei/unicorns-sails 前端 https://github.com/r...

2020-02-26 15:55:47

阅读数 30

评论数 0

原创 React学习笔记9-快速构建一个动态全球独角兽列表网站(4)

动态数据展示 Router 主程序代码,通过react-router-dom来实现页面的Router App.js: import React from 'react'; import Navbar from './Navbar'; import Unic...

2020-02-26 15:52:53

阅读数 23

评论数 0

原创 React学习笔记8-快速构建一个动态全球独角兽列表网站(3)

页面开发 页面开发很简单。分为两个部分。 通过React的Function Component来实现列表和翻页条。 列表显示 List.js: import React, { useState } from 'react'; export default function ...

2020-02-26 15:52:16

阅读数 39

评论数 0

原创 React学习笔记7-快速构建一个动态全球独角兽列表网站(2)

后端API开发 通过Sails.js可以快速构建一个后端的服务。 建模 通过下面这条命令来新建一个model: sails generate api Unicorns 建模,修改Unicorns.js: module.exports = { attributes: { name:...

2020-02-26 15:51:37

阅读数 22

评论数 0

原创 React学习笔记6-快速构建一个动态全球独角兽列表网站(1)

设计和架构 下面来通过React实战构建一个关于全球独角兽列表的网站。 主要就是作为一个小练习实践一下从前端到后端的web开发技术。 界面设计 最快的方式当然直接用Bootstrap搞定,大概如下: 网页布局主要包含三个部分:导航栏, 主要内容,翻页条。 React的翻页功能有很多库已经可以直接...

2020-02-26 15:50:47

阅读数 69

评论数 0

原创 React学习笔记5-快速创建一个TODO App

TODO App 三人行,必有我师焉。择其善者而从之,其不善者而改之。 ——孔子 现在通过前面学到的React基础知识快速构建一个简单的TODO APP。 主要包含三个部分: 输入部分,未完成的事项,已经完成事项。 输入部分 function Input({ addName }) { ...

2020-02-26 08:48:54

阅读数 30

评论数 0

原创 React学习笔记4-Effect Hook

Effect Hooks 由俭入奢易,由奢入俭难。——司马光 之前通过class来编写Component,一些辅助的方法是通过componentDidMount, componentDidUpdate来实现。通过React的effect hook可以实现类似的功能。 比如现在在组件显示之前需要...

2020-02-25 21:20:00

阅读数 45

评论数 0

原创 React学习笔记3-State Hook

State Hook 吾生也有涯,而知也无涯。——庄子 接着学习一下React的State Hook。 通过State hook,可以直接通过function来构建有状态的组件,只要引入useState方法即可。 写了一个小例子,包含一个输入和列表,分别通过两个function实现。 输入的数...

2020-02-25 21:12:39

阅读数 23

评论数 0

原创 React学习笔记2-Function Component

Function Component 学无止境。——荀子 接着学习一下React的function component。 之前React主要通过class的方式来构建UI组件,但是可能在很多项目中存在一些弊端。Facebook设计了React Hook的方式,可以不通过class的方式来完成同...

2020-02-25 21:10:34

阅读数 23

评论数 0

原创 React学习笔记1-基础

Hello React, Hello JavaScript! 千里之行,始于足下。——老子 最近体验了一下著名的前端框架React,用起来特别爽,个人很喜欢。所以准备花一点点时间深入学习一下React。在这里把学习得过程也顺便记录下来。 要学习React的话,先了解一下JavaScript的基...

2020-02-25 20:48:45

阅读数 50

评论数 0

原创 [云开发5]-通过React+Boostrap快速构建一个卡片应用

React React,目前非常流行的前端框架之一。采用声明式的设计,高效,灵活。 Bootstrap Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 Boots...

2020-02-19 20:14:36

阅读数 56

评论数 0

原创 [云开发4]-通过React重构问卷调查应用的UI

阅读这篇blog大约需要5分钟 通过React快速实现问卷调查Demo应用 React介绍 React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用...

2020-02-19 15:22:58

阅读数 47

评论数 0

原创 [云开发3]-将问卷调查Demo应用快速部署到SAP云平台

快速部署到SAP云平台Cloud Foundry 阅读这篇blog大约需要5分钟 在Demo原型开发后的第一时间部署到云平台。 部署前端UI5应用 修改index.html的sap-ui-core.js位置: <script id="sap-ui-bootstrap" ...

2020-02-13 21:40:57

阅读数 92

评论数 0

原创 [云开发2]-快速开发一个问卷调查云应用(前端)

通过OpenUI5来开发一个问卷调查前端 阅读这篇blog大约需要5分钟 现在通过OpenUI5来开发一个简单的问卷调查前端。 抱着学习UI5的目的,这个例子是通过VS Code在本地开发测试运行的。 OpenUI5是SAP根据Fiori设计的HTML5框架。开源、免费。SAP在企业级云应用开发过...

2020-02-13 18:29:23

阅读数 226

评论数 0

原创 [云开发1]-快速开发一个问卷调查云应用(后端)

通过Sails.js开发RESTful API 阅读这篇blog大约需要5分钟 通过一个小例子MVP来学习一下Sails.js这个框架。模拟的场景需求是设计一个问卷调查。 后端使用Sails.js,前端通过OpenUI5来实现。 The first 90% of the code accoun...

2020-02-13 18:27:45

阅读数 208

评论数 0

原创 5分钟通过Sails.js从零开始开发RESTful API

通过Sails.js快速开发RESTful API 阅读这篇blog大约需要5分钟 Sails.js是一个Web框架,可以于轻松构建自定义,企业级Node.js Apps。它在设计上类似于像Ruby on Rails的MVC架构的框架,但支持更加现代化, 面向数据风格的Web应用。 Sails....

2020-02-12 10:26:27

阅读数 80

评论数 0

原创 5分钟将Nest.js+MongoDB应用容器化

通过Docker将Web服务容器化 阅读这篇blog大约需要5分钟 首先看一下今天主要用到的几个技术: Nest 是一个用于构建高效,可扩展的 Node.js 服务器端应用程序的框架。它使用渐进式 JavaScript,内置并完全支持 TypeScript(但仍然允许开发人员使用纯 JavaSc...

2020-02-11 20:29:14

阅读数 109

评论数 0

原创 5分钟通过WordPress搭建个人博客网站

通过Docker Composer快速搭建WordPress个人网站 阅读这篇blog大约需要5分钟 WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。 Word...

2020-02-11 12:30:16

阅读数 186

评论数 0

原创 5分钟从零开始构建一个Node.js小爬虫程序并生成网站

通过RSS2JSON和Node.js设计一个简单的小爬虫 阅读这篇blog大约需要5分钟 之前我们学习了解了很多Node.js、云部署的基础知识,今天通过一个小爬虫练习实践一下,你会发现从零开始构建一个小爬虫超级简单和方便。主要会涉及到这些知识点: 通过RSS2JSON将rss转化为json格式...

2020-02-10 09:23:08

阅读数 190

评论数 0

原创 5分钟将Docker镜像部署到SAP云平台CloudFoundry

一键部署Docker镜像到SAP CloudFoundry 阅读这篇blog大约需要5分钟 Docker 是世界领先的软件容器平台。DockerHub 是一个由 Docker 公司运行和管理的基于云的存储库。它是一个在线存储库,Docker 镜像可以由其他用户发布和使用。 CloudFoundry...

2020-02-09 12:53:25

阅读数 250

评论数 0

原创 5分钟将Node应用部署到SAP云平台Cloud Foundry

5分钟将Node应用部署到SAP云平台Cloud Foundry 阅读这篇blog大约需要5分钟 SAP云平台是SAP为客户提供的PaaS平台,其主要的目标是帮助客户和合作伙伴在最短的时间内开发出创新的云应用。这里是网址: https://www.sap.cn/products/cloud-pl...

2020-02-09 10:47:19

阅读数 299

评论数 0

原创 5分钟从零开始搭建一个独立博客网站

5分钟从零开始搭建一个独立博客网站 阅读这篇blog大约需要5分钟 用5分钟搭建一个独立博客网站,在云时代,一切皆有可能! 今天向大家介绍一个很优秀的框架,Hugo项目。通过Go语言开发,能够快速的生成静态博客、内容网站。通过HUGO可以几秒钟搭建一个完全属于自己的博客网站。 Hugo项目主页: ...

2020-02-08 19:21:01

阅读数 2370

评论数 0

原创 Node.js学习笔记10-将Node.js应用上云(heroku)

将Node.js应用上云(heroku) 阅读这篇blog大约需要10分钟 前面学习了Node.js开发的基本概念。 也了解了最流行的虚拟化技术Docker本地部署的方法。 今天尝试一下把Node REST API服务上云。用一个很简单但是又非常先进的方法,那就是heroku。网址:www.her...

2020-02-08 12:59:54

阅读数 381

评论数 0

原创 Node.js学习笔记9-将Node应用部署到Docker

将Node应用部署到Docker 阅读这篇blog大约需要10分钟 Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从 Apache2.0 协议开源。 Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现...

2020-02-08 09:58:20

阅读数 188

评论数 0

原创 Node.js学习笔记8-fibonacci运算, 用promise来调用函数

fibonacci运算, 用promise来调用函数 阅读这篇blog大约需要10分钟 Node.js有很丰富的生态,有很多有点,其最大的特点就是善于I/O,不善于计算。 今天主要看一下对于大量计算的任务,node.js的表现。然后再对promise做一些补充学习。 Any fool can w...

2020-02-08 08:58:26

阅读数 104

评论数 0

原创 Node.js学习笔记7-服务器编程

服务器编程 阅读这篇blog大约需要5分钟 传统的后端语言有java, php等,如今Node.js也凭借其强大的JS,广泛的生态,非阻塞I/O,高并发的特性,占据了一席之地。今天快速学习了解一下Node服务器编程。 Hello Node HTTP Hello Express KISS: K...

2020-02-07 18:14:19

阅读数 1584

评论数 0

原创 Node.js学习笔记6-网络请求和API调用

网络请求和API调用 阅读这篇blog大约需要10分钟 网络编程是非常重要的一块内容,JS作为web开发最紧密的一部分,在网络编程方面本来就是很强大的,然后Node生态也提供了各种便利的工具来发送和接收网络请求。 我们最基本的工具是Request模块,然后第三方也提供基于Promise的工具,常用...

2020-02-07 13:37:11

阅读数 162

评论数 0

原创 Node.js学习笔记5-异步编程

异步编程 阅读这篇blog大约需要10分钟 Node.js的关键词就是异步、非阻塞、事件、单线程。所以理解并熟练掌握异步编程非常重要: callback概念 Promise aysnc/await “Write code that is easy to delete, not easy to...

2020-02-07 12:22:54

阅读数 97

评论数 0

原创 Node.js学习笔记4-完善删除、读取、列表功能

完善删除、读取、列表功能 阅读这篇blog大概需要10分钟 之前通过文件操作,实现了最基本的增加一个Note的功能,下面会继续完善这个小例子,增加删除、读取、列表功能。 数组的filter。 通过callback来设计函数。 “People think that computer scien...

2020-02-07 09:21:04

阅读数 83

评论数 0

原创 Node.js学习笔记3-通过JSON格式保存对象

通过JSON格式保存对象 阅读这篇blog大概需要10分钟 继续完善前面的小例子,通过命令参数来传递内容,并通过JSON格式来保存数据。 通过第三方yargs包来处理参数 JSON格式操作 any application that can be written in JavaScript, ...

2020-02-06 14:27:23

阅读数 113

评论数 0

原创 Node.js学习笔记2-读写文件

读写文件功能 阅读这篇blog大概需要10分钟 通过require来引入标准的模块功能来实现一些高级功能。 如何读写文件 如何使用模块来组织代码 方法在JavaScript中属于一等公民,和字符串、数字等类型是完全一样的。可以通过变量传递。 介绍 学习用文件模块来进行读写操作,了解call...

2020-02-06 09:16:46

阅读数 94

评论数 0

原创 Node.js学习笔记1-快速开始

快速开始 阅读这篇Blog大概需要5分钟 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。 对于云应用的快速开发,学习并熟练掌握Node已经是一项全栈开发工程师的必备技能。 我计划用一个月时间快...

2020-02-05 15:51:02

阅读数 494

评论数 0

转载 【重磅】SAP 成立企业级创新营,建立面向初创公司和独角兽的创新合作伙伴生态

SAP 的智能时代和体验时代 自1972年成立以来,SAP 始终致力于企业服务领域,并逐步发展为这一领域中的领导者。与许多人眼中的「传统 IT 厂商」印象不同的是,SAP 带领了众多企业完成了跨越半个世纪4个时代的变迁,暨 PC 时代,互联网时代,数字化时代,再到智能化时代。2018年,SA...

2019-07-20 08:48:53

阅读数 221

评论数 0

翻译 SAP Vision for Integration - 3 - 未来集成架构

SAP的解决方案有on-premise和cloud的,在各种场景比如云端到云端,云端到本地等集成中,SAP建立了技术架构的一系列最佳实践和指导。它们在新的应用开发中都会不断被采用。 首先,我们来考虑在SAP应用之间的集成。我们区分了三个类型: Public APIs SAP API Busine...

2018-12-15 23:06:54

阅读数 695

评论数 0

翻译 SAP Vision for Integration - 2 - 关键集成场景

关键的集成场景 1 A2A 集成 2 B2B,B2G集成 3 主数据同步 4 Data Virtualization 5 Data Integration 6 复杂的landscape A2A集成主要涵盖了业务应用之间的流程的衔接。对于这类集成,保证流程的完整度很重要,并且能够在业务对象这个级...

2018-12-14 07:38:22

阅读数 333

评论数 1

翻译 SAP Vision for Integration - 1 - 集成的挑战

本文主要是对SAP的官方文档《CIO Guide: SAP Vision for Integrating SAP® Applications in Cloud and Hybrid Environments》的一个节选翻译。自己在学习的过程中做的笔记,也可以方便大家快速浏览。 SAP致力实现未来...

2018-12-13 15:38:44

阅读数 275

评论数 0

原创 SAP联合创新中心@阿里云栖大会2018

9月19日至22日,以“驱动数字中国”为主题的2018杭州云栖大会在隆重召开。本届大会将举行2场主论坛、170多场前沿峰会和分论坛。前沿峰会和分论坛将由阿里云、蚂蚁金服等与生态合作伙伴、学界、科研单位共同承办,涵盖金融科技、智联网(IoT)、区块链、机器智能等众多前沿创新领域。 SAP和阿里...

2018-11-29 16:24:43

阅读数 340

评论数 0

提示
确定要删除当前文章?
取消 删除