自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

转载 解读express框架

#解读Express 框架1. package.json文件:express工程的配置文件2. 为什么可以执行npm start?相当于执行 node ./bin/www "scripts": { "start": "node ./bin/www"3. ./bin/www文件:...

2019-06-25 10:10:00 156

转载 mongodb学习

1.下载MongoDB:www.mongdb.com/download-center/community下载MongoDB社区版。.msi从MongoDB下载中心下载安装程序():下载中心应显示MongoDB社区服务器下载信息。如果没有,请选择“服务器”,然后单击“MongoDB社区服务器”选项卡。在Version下拉列表中,选择与最新MongoDB Se...

2019-06-20 16:29:00 169

转载 Express框架

node.js 前端用Angular ,后端用Express转载于:https://www.cnblogs.com/aiyamoer/p/11023345.html

2019-06-14 15:08:00 145

转载 如何添加第三方路由进度条?

#应用场景:如何添加一个路由的进度条?#实现思路:查找 Angular (node.js)的官方组件,npmjs.com,详情参照官网组件库提供操作#实现方法1. 安装module >npm install ng2-slim-loading-bar --save2. 搭桥指令,目的:让A...

2019-06-13 11:53:00 157

转载 商品删除、添加login和register组件

#应用场景:删除一个商品在商品列表的页面,点击删除按钮,完成删除,不需要路由的跳转#实现思路 删除商品之前,要获取到商品的id;删除之后,还有刷新商品页面 在删除之前需要用户确认是否真的删除 #具体实现 product-list.component.html中操作 通过对products的fil...

2019-06-12 16:43:00 266

转载 商品编辑实操(上文三种方法验证)

#应用场景:点击商品列表中的某一件商品,把商品的id传给编辑页面,用户可以进行编辑,编辑后,返回到商品列表页面。#实现思路 构建编辑商品的template和 class#关键技术点: 如何把某个商品的id传到另一个页面#具体实现: 1.已经创建好了一个组件:produc...

2019-06-10 16:32:00 671

转载 Angular 路由跳转及参数传递

转载于:https://www.cnblogs.com/aiyamoer/p/10998001.html

2019-06-10 15:33:00 952

转载 实现添加商品页面,并且构建路由

目标:实现添加商品页面,并且构建路由1. 创建几个component:(商户版) product-list(商品列表) product-create(创建商品) product-edit(编辑商品) product-detail(商品详情)ng g c ProductList --spec=false 2. product-create(添加...

2019-06-10 11:18:00 550

转载 与json-server对接,为组件提供CRUD API功能

# 工程所要实现的功能:与json—server对接,为组件提供CRUD API#实现思路注意:前提条件,一定要启动json-server(启动方法:进入db.json所在文件路径 ,终端输入:json-server --watch db.json )验证json-server 是...

2019-06-05 16:13:00 137

转载 json-server学习

#搭建模拟服务器的方法所要实现的功能:1. 我可以自己创建 db 文件 (自己构建,存储的是对象, 类似于MongoDB),服务器返回的数据是 JSON格式。2. 该服务可以启动,就像访问一个远程的服务器一样3. 这个服务是在本地启动的4. 该服务器可以提供 Restful API(GET,POST,PUT,DELETE):...

2019-06-05 15:41:00 230

转载 Angular网络请求

转载于:https://www.cnblogs.com/aiyamoer/p/10973801.html

2019-06-04 15:24:00 275

转载 如何在angular上安装第三方插件?

# 如何安装第三方插件,比如:jQuery.js 、Bootstrap.js、 Bootstrap.css第一步安装:>npm install bootstrap --save>npm install jQuery --save//注意:拿到这个工程后,除了 npm install外,还要安装bootstrap和jquery (因为安装时没有用--sa...

2019-06-03 10:22:00 327

转载 模板驱动表单(实验部分)

#模板驱动表单验证(template-driven form validation)实现思路1. 引入 FormsModule2. 应用 NgForm和ngModel(关联class的属性)3. 验证4. 给出提示5....

2019-05-30 10:01:00 161

转载 模板驱动表单(理论部分)

转载于:https://www.cnblogs.com/aiyamoer/p/10942395.html

2019-05-29 10:49:00 236

转载 响应式表单及动手实验

笔记如下:app.module.tslogin.component.htmllogin.component.tslogin.component.csslogin.component.htmllogin.component.tslogin.component.htmllogin...

2019-05-27 19:18:00 138

转载 Ant Design 学习

官网:htttps://ant.design转载于:https://www.cnblogs.com/aiyamoer/p/10895226.html

2019-05-20 17:12:00 157

转载 service服务

service服务用于获取网络数据;#应用场景: 获取到后台的数据,并展示在web页面上。数据来源:https://jsonplaceholder.typicode.com/photos#实现思路: 1.构建Angular工程 2.引入(import)HttpClientModule...

2019-05-16 11:37:00 161

转载 实验创建一个service服务

#模拟数据来自第三方:https://jsonplaceholder.typicode.com/photos知识点:如果自己的chrom浏览器没有出现这种规整的JSON数据结构,那么需要安装一个插件(JsonView)。获取后台数据的方法:      1.引入httpclientmodule到app.module.ts中      2.引入...

2019-05-09 15:52:00 190

转载 angular工程导入bootstrap安装包

(一)在style.css 文件中引入bootstrap如下:@import "..\node_modules\bootstrap\dist\css\bootstrap.min.css";,注意:1.需要加上,@import ,分号,引号(二)在angular.json配置文件引入bootstrap时,注意加在angular.json文件的第26行,如下:技能:当...

2019-05-08 17:05:00 359

转载 单页面应用

#客户端路由(前端路由)routing,体验单页面应用(SPA:single page application)1. 创建需要的组件(home、product-list、product-create)2. 构建路由,在app.module.ts中(1)路由配置import {Routes,RouterModule} from '@angular/router';...

2019-05-08 15:41:00 77

转载 angular动手实验

转载于:https://www.cnblogs.com/aiyamoer/p/10826444.html

2019-05-07 16:41:00 116

转载 应用实例

#当拿到一个NG工程时,怎么办?因为工程中没有node_modules文件,这个时候执行ng serve -o,会报错找不到文件方法:在终端窗口,进入当前工程所在的路径,执行npm install注: 整个ng工程,是由package.json文件管理的,包括modules版本。#实例应用场景...

2019-05-06 15:33:00 138

转载 组件之间的事件绑定

#组件之间的事件绑定应用场景:parent component内嵌了一个child component,child的template 有一个button,点击这个button,把child的数据传递给parent component数据流向:从child -> parent用到的知识点:output、EventEmitter(事件发射器)...

2019-04-30 09:07:00 191

转载 组件之间的属性绑定

#组件之间的属性绑定(data binding)应用场景:把parent组件的“值”,传给他的child组件,并在child组件中显示出这个“值”这两个组件在同一个页面,没有经过服务器的请求注意:以用户体验为中心,这里讲的是:单页面,一个页面由多个组件构成,所以组件之间需要交互实现思路:前置条件:一定要把child组件内置于parent组件中,也就是说,pare...

2019-04-24 15:53:00 251

转载 组件内的事件绑定

#组件内的事件绑定应用场景:点击DOM的button(触发一个事件 event),用来显示/隐藏的一个DOM元素实现思路: 获取button的点击事件(click event) 编写事件处理方法 绑定事件 小结: 组件内的事件绑定是指: (1)DOM元素的事件 ,通常是button的click事件 ...

2019-04-24 14:37:00 396

转载 angular 组件学习-组件内属性绑定

#组件内的属性(元素的属性)绑定(property binding)应用场景:通过改变DOM元素的属性,动态显示/隐藏一个元素知识点:HTML 属性与DOM属性的区别 改变HTMl属性,浏览器需要刷新 改变DOM属性,浏览器会自动刷新 HTML是由DOM决定的实现思路: 通过控制DOM元素...

2019-04-18 18:28:00 527

转载 angular学习3

#创建了一个component查看angular.json文件:"prefix":"app",在所创建的component的selector上添加了appselector: 'app-home'#如何自定义一个root component?修改两个地方: 1.修改app.module.ts 中bootstrap2.修改index.h...

2019-04-18 15:54:00 149

转载 angular组件

转载于:https://www.cnblogs.com/aiyamoer/p/10716942.html

2019-04-16 14:36:00 81

转载 angular实操

一.创建angular工程(一定要在管理员权限下运行,Windows可忽略)1.安装angular CLi在终端窗口打开想要创建的工程所在文件夹,如:Cd Desktop\Angular-project,进入后,在里面输入:npm install -g @angular/cli(windows)sudo npm install -g @angular (linux)检查...

2019-04-15 14:39:00 90

转载 typescript初入门

1.通过npm安装 typescript进入终端窗口安装typescript:npm install -g typescript查看typescript版本号:tsc -v2.编译代码:tsc XX.ts3.执行代码:node XX.js转载于:https://www.cnblogs.com/aiyamoer/p/10675174.html...

2019-04-09 10:07:00 78

转载 express应用程序生成器

1.express 是node.js的后端开发框架,angular是node.js 的前端开发框架2.express 的三个核心概念:路由、中间件、模板引擎一.安装express应用服务程序生成器1.在终端窗口输入安装指令:npm install express-generator -g2.通过express指令创建exress工程:在终端窗口输入express --...

2019-04-04 14:25:00 225

转载 node.js安装express模块应用服务框架

1.创建工程文件夹case-042.在终端窗口进入文件夹目录,并输入:npm init,并一路回车,最后看到在case-04文件夹里自动生成了package.json 文件3.打开vscode,进入case-04文件目录并在目录下创建app.js文件4.安装express模块:右键package.json,选择open in terminal ,在vscode出现的...

2019-04-01 16:07:00 95

转载 创建nodejs服务

1.终端窗口输入:npm init2.终端输入:npm install3.修改代码后重启服务:ctrl+c启动服务:node 文件名.js转载于:https://www.cnblogs.com/aiyamoer/p/10622103.html...

2019-03-29 16:22:00 134

转载 node.js入门

1.安装node.js网址:nodejs.org/en/download2.在终端窗口查看nodejs安装版本node -v3.执行node程序直接在终端窗口输入:node XX.js在提示符下执行:console.log(“hello world”)4.npm(node package manager)node 模块管理器网址:npmjs.com在网...

2019-03-26 15:47:00 99

转载 精选!15 个必备的 VSCode 插件(前端类)

精选!15 个必备的 VSCode 插件(前端类)就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。1.Open-In-Browser由于 VSC...

2019-03-20 16:06:00 232

转载 vscode 快捷键

ctrl+/ 单行注释://若要多行注释://,先选中这些要注释的行,再按ctrl+/shift+Alt+A 多行注释撤销刚才的操作:Ctrl+Z恢复刚才的操作:Ctrl+Shift+Z安装了beautify后,格式调整快捷键:F1+bea 或者shift+alt+F转载于:https://www.cnblogs.com/aiyamoer/p/10565532....

2019-03-20 16:05:00 113

转载 1-express学习

1.在安装完node.js后,在Windows里面的cmd命令下,输入:express myapp --ejs2.打开创建的工程myapp目录:cd myapp3.安装:npm install4.启动服务器:npm start5.添加路由:(1)在app.js里面添加路由变量var shopRouter = require('./routes/shop');(...

2019-03-04 16:07:00 187

转载 angular学习2

1.为了在angular里面使用bootstrap,可以如下操作(1)停止正在运行的终端指令:ctrl+c(2)在终端里面输入:npm install bootstrap --save(3)在Visio studio 里面的node_module找到bootstrap\dist\css下面的bootstrap.min.css,将其路径拷贝下来(4)在工程下面的style....

2019-02-27 10:42:00 62

转载 hadoop安装

Hadoop伪分布式环境安装环境本教程使用CentOS6.9 64位作为系统环境,基于原生 Hadoop 2,在Hadoop 2.7.6 (stable)版本下验证通过。准备工作目前安装所需要的文件都放在/home/hadoop/software拷贝的虚拟机信息操作系统用户名root密码123456操作系统用户名hadoop密码123456mys...

2018-06-19 16:24:00 92

转载 Python之时间(time)模块

在Python中,通常有这几种方式来表示时间:时间戳(timestamp):通常来说,时间戳表示的是从1970年1月1日00:00:00开始按秒计算的偏移量。我们运行“type(time.time())”,返回的是float类型。格式化的时间字符串(Format String)结构化的时间(struct_time):struct_time元组共有9个元...

2018-06-15 16:44:00 92

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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