- 博客(35)
- 资源 (7)
- 收藏
- 关注
原创 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 275
原创 React学习笔记12-快速构建一个动态全球独角兽列表网站(7)
#后台管理开发后台管理开发也很简单,和前台的开发思路其实差不多,就是增加了几个页面。新建数据、编辑数据、删除数据。数据展示在列表中生成了两个链接,分别是编辑和删除。return ( <div id="content-wrapper" class="mui--text-center"> <div class="mu...
2020-02-26 20:33:05 254
原创 React学习笔记11-快速构建一个动态全球独角兽列表网站(6)
后台管理设计接下来通过React来做一个简单的后台管理应用。主要功能完成后大致是这样子:主界面显示完整信息。有创建、修改、删除功能。有翻页功能。技术架构前端用的是Bootstrap。这个后端程序,UI换一个简单的MUICSS,极简风格。翻页就不自己写了,直接用了开源组件, ReactPaginate。参考阅读https://www.muicss.co...
2020-02-26 20:32:20 292
原创 React学习笔记10-快速构建一个动态全球独角兽列表网站(5)
测试运行后端和前端一起测试运行看一下效果。主页独角兽列表翻页基本OK。接下来可以再通过React来快速开发一个后台管理应用。项目代码后端https://github.com/rangwei/unicorns-sails前端https://github.com/rangwei/unicorns-react-bootstrap...
2020-02-26 15:55:47 212
原创 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 201
原创 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 224
原创 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 214
原创 React学习笔记6-快速构建一个动态全球独角兽列表网站(1)
设计和架构下面来通过React实战构建一个关于全球独角兽列表的网站。主要就是作为一个小练习实践一下从前端到后端的web开发技术。界面设计最快的方式当然直接用Bootstrap搞定,大概如下:网页布局主要包含三个部分:导航栏, 主要内容,翻页条。React的翻页功能有很多库已经可以直接用,但是出于学习的目的,这里还是手工写一个,逻辑也不复杂。后台数据格式数据结构比较简单,从网上抓取...
2020-02-26 15:50:47 272
原创 React学习笔记5-快速创建一个TODO App
TODO App三人行,必有我师焉。择其善者而从之,其不善者而改之。 ——孔子现在通过前面学到的React基础知识快速构建一个简单的TODO APP。主要包含三个部分: 输入部分,未完成的事项,已经完成事项。输入部分function Input({ addName }) { const [name, setName] = useState("hello"); re...
2020-02-26 08:48:54 278
原创 React学习笔记4-Effect Hook
Effect Hooks由俭入奢易,由奢入俭难。——司马光之前通过class来编写Component,一些辅助的方法是通过componentDidMount, componentDidUpdate来实现。通过React的effect hook可以实现类似的功能。比如现在在组件显示之前需要通过网络加载一下数据,还是通过之前用的users api来demo:import React, { ...
2020-02-25 21:20:00 256
原创 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 244
原创 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 3185
原创 React学习笔记1-基础
Hello React, Hello JavaScript!千里之行,始于足下。——老子最近体验了一下著名的前端框架React,用起来特别爽,个人很喜欢。所以准备花一点点时间深入学习一下React。在这里把学习得过程也顺便记录下来。要学习React的话,先了解一下JavaScript的基础知识是非常有帮助的。JavaScript也是是目前非常火的编程语言,在有了Node.js以后,JS终...
2020-02-25 20:48:45 259
原创 [云开发5]-通过React+Boostrap快速构建一个卡片应用
ReactReact,目前非常流行的前端框架之一。采用声明式的设计,高效,灵活。BootstrapBootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站,其中包括以下组...
2020-02-19 20:14:36 519
原创 [云开发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 703
原创 [云开发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 497
原创 [云开发2]-快速开发一个问卷调查云应用(前端)
通过OpenUI5来开发一个问卷调查前端阅读这篇blog大约需要5分钟现在通过OpenUI5来开发一个简单的问卷调查前端。抱着学习UI5的目的,这个例子是通过VS Code在本地开发测试运行的。OpenUI5是SAP根据Fiori设计的HTML5框架。开源、免费。SAP在企业级云应用开发过程中的大量积累都在其中,比较成熟,对于复杂的企业级应用来说,是前端的开发利器。UI5是完全基于MVC的...
2020-02-13 18:29:23 722
原创 [云开发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 939
原创 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 1146
原创 5分钟将Nest.js+MongoDB应用容器化
通过Docker将Web服务容器化阅读这篇blog大约需要5分钟首先看一下今天主要用到的几个技术:Nest 是一个用于构建高效,可扩展的 Node.js 服务器端应用程序的框架。它使用渐进式 JavaScript,内置并完全支持 TypeScript(但仍然允许开发人员使用纯 JavaScript 编写代码)并结合了 OOP(面向对象编程),FP(函数式编程)和 FRP(函数式响应编程)的...
2020-02-11 20:29:14 997
原创 5分钟通过WordPress搭建个人博客网站
通过Docker Composer快速搭建WordPress个人网站阅读这篇blog大约需要5分钟WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。WordPress是一款个人博客系统,并逐步演化成一款内容管理系统软件,它是使用PHP语言和MySQL数据库开...
2020-02-11 12:30:16 1865
原创 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 703
原创 5分钟将Docker镜像部署到SAP云平台CloudFoundry
一键部署Docker镜像到SAP CloudFoundry阅读这篇blog大约需要5分钟Docker 是世界领先的软件容器平台。DockerHub 是一个由 Docker 公司运行和管理的基于云的存储库。它是一个在线存储库,Docker 镜像可以由其他用户发布和使用。CloudFoundry是一个提供夸平台、多语言应用框架的开源PaaS,可运行于私有云和公有云。Docker + Cloud...
2020-02-09 12:53:25 1275
原创 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 1001
原创 5分钟从零开始搭建一个独立博客网站
5分钟从零开始搭建一个独立博客网站阅读这篇blog大约需要5分钟用5分钟搭建一个独立博客网站,在云时代,一切皆有可能!今天向大家介绍一个很优秀的框架,Hugo项目。通过Go语言开发,能够快速的生成静态博客、内容网站。通过HUGO可以几秒钟搭建一个完全属于自己的博客网站。Hugo项目主页: https://gohugo.io/然后可以通过Node.js几秒钟内起一个Web服务器,然后部署...
2020-02-08 19:21:01 3338
原创 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 1199
原创 Node.js学习笔记9-将Node应用部署到Docker
将Node应用部署到Docker阅读这篇blog大约需要10分钟Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从 Apache2.0 协议开源。Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化。Docker的优点:快速一致地交付应用。响应式部署和扩展。在同一硬件上运行更多工作负...
2020-02-08 09:58:20 769
原创 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 384
原创 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 1767
原创 Node.js学习笔记6-网络请求和API调用
网络请求和API调用阅读这篇blog大约需要10分钟网络编程是非常重要的一块内容,JS作为web开发最紧密的一部分,在网络编程方面本来就是很强大的,然后Node生态也提供了各种便利的工具来发送和接收网络请求。我们最基本的工具是Request模块,然后第三方也提供基于Promise的工具,常用的有axios,node-fetch等。Requestaxiosnode-fetchRe...
2020-02-07 13:37:11 1262
原创 Node.js学习笔记5-异步编程
异步编程阅读这篇blog大约需要10分钟Node.js的关键词就是异步、非阻塞、事件、单线程。所以理解并熟练掌握异步编程非常重要:callback概念Promiseaysnc/await“Write code that is easy to delete, not easy to extend.”—Tef, Programming is Terrible介绍今天的主要内容...
2020-02-07 12:22:54 437
原创 Node.js学习笔记4-完善删除、读取、列表功能
完善删除、读取、列表功能阅读这篇blog大概需要10分钟之前通过文件操作,实现了最基本的增加一个Note的功能,下面会继续完善这个小例子,增加删除、读取、列表功能。数组的filter。通过callback来设计函数。“People think that computer science is the art of geniuses but the actual reality is...
2020-02-07 09:21:04 329
原创 Node.js学习笔记3-通过JSON格式保存对象
通过JSON格式保存对象阅读这篇blog大概需要10分钟继续完善前面的小例子,通过命令参数来传递内容,并通过JSON格式来保存数据。通过第三方yargs包来处理参数JSON格式操作any application that can be written in JavaScript, will eventually be written in JavaScript. – Atwood定...
2020-02-06 14:27:23 1119
原创 Node.js学习笔记2-读写文件
读写文件功能阅读这篇blog大概需要10分钟通过require来引入标准的模块功能来实现一些高级功能。如何读写文件如何使用模块来组织代码方法在JavaScript中属于一等公民,和字符串、数字等类型是完全一样的。可以通过变量传递。介绍学习用文件模块来进行读写操作,了解callback方法的使用。使用文件模块FileSystemmodule变量通过module.expo...
2020-02-06 09:16:46 241
原创 Node.js学习笔记1-快速开始
快速开始阅读这篇Blog大概需要5分钟Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。对于云应用的快速开发,学习并熟练掌握Node已经是一项全栈开发工程师的必备技能。我计划用一个月时间快速学习Node.js。这是第一篇学习笔记。主要内容:Hello World.天下武功,唯快不...
2020-02-05 15:51:02 692
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关注的人