- 博客(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
转载 实现添加商品页面,并且构建路由
目标:实现添加商品页面,并且构建路由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上安装第三方插件?
# 如何安装第三方插件,比如: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
转载 响应式表单及动手实验
笔记如下: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
转载 应用实例
#当拿到一个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实操
一.创建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关注的人