express 学习笔记

首先把这个库加载下来

npm install -g express

这样会安装它所有依赖包，这个非常恐怖。这个框架要依赖这么多外来的东西，如果有一个不与时俱进就会拖累整个框架的质量。


C:\windows\System32>npm install -g express

npm http GET https://registry.npmjs.org/express

npm http 304 https://registry.npmjs.org/express

npm http GET https://registry.npmjs.org/commander/1.2.0

npm http GET https://registry.npmjs.org/connect/2.8.5

npm http GET https://registry.npmjs.org/range-parser/0.0.4

npm http GET https://registry.npmjs.org/mkdirp/0.3.5

npm http GET https://registry.npmjs.org/cookie/0.1.0

npm http GET https://registry.npmjs.org/buffer-crc32/0.2.1

npm http GET https://registry.npmjs.org/fresh/0.2.0

npm http GET https://registry.npmjs.org/methods/0.0.1

npm http GET https://registry.npmjs.org/send/0.1.4

npm http GET https://registry.npmjs.org/cookie-signature/1.0.1

npm http GET https://registry.npmjs.org/debug

npm http 304 https://registry.npmjs.org/cookie/0.1.0

npm http 304 https://registry.npmjs.org/buffer-crc32/0.2.1

npm http 304 https://registry.npmjs.org/fresh/0.2.0

npm http 304 https://registry.npmjs.org/mkdirp/0.3.5

npm http 304 https://registry.npmjs.org/methods/0.0.1

npm WARN package.json methods@0.0.1 No repository field.

npm WARN package.json methods@0.0.1 No readme data.

npm http 304 https://registry.npmjs.org/cookie-signature/1.0.1

npm WARN package.json cookie-signature@1.0.1 No repository field.

npm http 304 https://registry.npmjs.org/debug

npm http 304 https://registry.npmjs.org/commander/1.2.0

npm http 304 https://registry.npmjs.org/range-parser/0.0.4

npm WARN package.json range-parser@0.0.4 No repository field.

npm http 304 https://registry.npmjs.org/send/0.1.4

npm http 304 https://registry.npmjs.org/connect/2.8.5

npm http GET https://registry.npmjs.org/mime

npm http GET https://registry.npmjs.org/keypress

npm http GET https://registry.npmjs.org/formidable/1.0.14

npm http GET https://registry.npmjs.org/bytes/0.2.0

npm http GET https://registry.npmjs.org/qs/0.6.5

npm http GET https://registry.npmjs.org/pause/0.0.1

npm http GET https://registry.npmjs.org/uid2/0.0.2

npm http 304 https://registry.npmjs.org/keypress

npm http 304 https://registry.npmjs.org/pause/0.0.1

npm http 304 https://registry.npmjs.org/formidable/1.0.14

npm WARN package.json pause@0.0.1 No repository field.

npm http 304 https://registry.npmjs.org/qs/0.6.5

npm http 304 https://registry.npmjs.org/uid2/0.0.2

npm WARN package.json uid2@0.0.2 No repository field.

npm WARN package.json uid2@0.0.2 No readme data.

npm http 304 https://registry.npmjs.org/mime

npm http 304 https://registry.npmjs.org/bytes/0.2.0

npm WARN package.json bytes@0.2.0 No repository field.

C:\Users\正美\AppData\Roaming\npm\express -> C:\Users\正美\AppData\Roaming\npm\n

ode_modules\express\bin\express

express@3.3.5 C:\Users\正美\AppData\Roaming\npm\node_modules\express

├── methods@0.0.1

├── range-parser@0.0.4

├── cookie-signature@1.0.1

├── fresh@0.2.0

├── buffer-crc32@0.2.1

├── cookie@0.1.0

├── debug@0.7.2

├── mkdirp@0.3.5

├── commander@1.2.0 (keypress@0.1.0)

├── send@0.1.4 (mime@1.2.11)

└── connect@2.8.5 (uid2@0.0.2, pause@0.0.1, qs@0.6.5, bytes@0.2.0, formidable

@1.0.14)

然后我们在控制台切换到E盘，输入如下命令，创建一个目录，进入到它里面

E:\>mkdir helloworld

E:\>cd helloworld

里面创建一个json文件，里面记录我们要依赖的包，项目名，版本号什么的，然后通过npm安装

{

  "name": "helloworld",

  "description": "hello world test app",

  "version": "0.0.1",

  "private": true,

  "dependencies": {

    "express": "3.x"

  }

}

然后执行npm install命令，Express 3.x 和它的依赖就安装到你的 ./node_modules 目录里了

到这里，我们才开始写代码！创建一个名为app.js 或者 server.js的文件，叫什么看你个人喜好了。引入express 然后使用代码 express()创建一个新的应用程序:


var express = require('express');

var app = express();

现在我们要处理HTTP请求，返回hello world字样给前端


var express = require('express');

var app = express();

app.get('/', function(req, res){

  res.send('hello world');

});

app.listen(3000);

然后在控制台执行node app, 打开浏览器就看到hello world的字样了。

好了，我们继续前进。在当前目录建立一个index.html页面。此时，目录结构为：

node_modules

app.js

index.html

package.json

页面内容如下，暂时不引入JS与CSS文件

<!DOCTYPE html>

<html>

    <head>

        <title>index</title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    </head>

    <body>

        <h3>高级大气国际化的express.js页面</h3>

        <div>by  司徒正美</div>

    </body>

</html>

app.js文件的内容改成：


var express = require('express');

var app = express();

app.get('/', function(req, res){

  res.send('hello world');

});

app.listen(3000);

刷新浏览器，就能发现正确地输出页面。在stackoverflow这篇文章中《Render basic HTML view in Node JS Express》，提到另外两个方法。一个要用register方法，但这是express2.x的方法，现在已经移除；一个要用到engine 方法，它是用来指定模板引擎，但express默认什么引擎也不加载，因此我暂时也放弃它。

最后我们看看如何引入静态资态。我们在当前目录建立一个public文件夹，里面放置style.css, test.js文件：

window.onload = function(){

    var p = document.createElement("p");

    p.innerHTML = "动态创建元素节点"

    document.body.appendChild(p)

}

h3{

    background:violet;

    color:#fff;

}

然后app.js文件加多一行，变成这样

var express = require('express');

var app = express();

app.use(express.static(__dirname + '/public'));

app.get('/', function(req, res){

  res.sendfile('index.html');

});

app.listen(3000);

然后index.html改成这样：

<!DOCTYPE html>

<html>

    <head>

        <title>index</title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <link rel="stylesheet" href="style.css"/>

        <script src="test.js"></script>

    </head>

    <body>

        <h3>高级大气国际化的express.js页面</h3>

        <div>by  司徒正美</div>

    </body>

</html>

刷新页面，就能看到效果了！

express 学习笔记的更多相关文章

Node 之 Express 学习笔记第一篇安装
最近由于工作不忙,正好闲暇时间学学基于 node 的 web开发框架. 现在关于web开发框架除了Express 还有新出的 KOA以及其它一些. 但是想想还是先从 Express 入手吧.因为比较成 ...
Node 之 Express 学习笔记第二篇 Express 4x 骨架详解
周末,没事就来公司加班继续研究一下Express ,这也许也是单身狗的生活吧. 1.目录结构: bin, 存放启动项目的脚本文件 node_modules, 项目所有依赖的库,以及存放 package ...
Express 学习笔记纯干货（Routing、Middleware、托管静态文件、view engine 等等）
原始文章链接:http://www.lovebxm.com/2017/07/14/express-primer/ 1. Express 简介 Express 是基于 Node.js 平台,快速.开放. ...
express 学习笔记（一）路由
先导入express: var express = require('express'); var app = express(); 1.路由方法: get, post, put, head, del ...
Nodejs学习笔记（六）--- Node.js + Express 构建网站预备知识
目录前言新建express项目并自定义路由规则如何提取页面中的公共部分? 如何提交表单并接收参数? GET 方式 POST 方式如何字符串加密? 如何使用session? 如何使用cookie ...
Nodejs学习笔记（六）—Node.js + Express 构建网站预备知识
前言前面经过五篇Node.js的学习,基本可以开始动手构建一个网站应用了,先用这一篇了解一些构建网站的知识! 主要是些基础的东西... 如何去创建路由规则.如何去提交表单并接收表单项的值.如何去给密 ...
Nodejs学习笔记（三）——一张图看懂Nodejs建站
前言:一条线,竖着放,如果做不到精进至深,那就旋转90°,至少也图个幅度宽广. 通俗解释上面的胡言乱语:还没学会爬,就学起走了?! 继上篇<Nodejs学习笔记(二)——Eclipse中运行调试 ...
Nodejs学习笔记（二）——Eclipse中运行调试Nodejs
前篇<Nodejs学习笔记(一)——初识Nodejs>主要介绍了在搭建node环境过程中遇到的小问题以及搭建Eclipse开发Node环境的前提步骤.本篇主要介绍如何在Eclipse中运行 ...
<老友记>学习笔记
这是六个人的故事,从不服输而又有强烈控制欲的monica,未经世事的千金大小姐rachel,正直又专情的ross,幽默风趣的chandle,古怪迷人的phoebe,花心天真的joey——六个好友之间的 ...

随机推荐

动态设置easyui datagrid URL
动态设置easyui datagrid URL$('#tt').datagrid({url:'website/jsp/servlet', queryParams:{method:'xx' ...
String.indexOf()
int indexOf(int ch) 返回指定字符在此字符串中第一次出现处的索引. int indexOf(int ch, int fromIndex) 从指定的索引开始搜索,返回在此字符串中第一次 ...
[转载]java的几种对象(PO,VO,DAO,BO,POJO)解释
原文地址:java的几种对象(PO,VO,DAO,BO,POJO)解释作者:munandong 一.PO:persistant object 持久对象,可以看成是与数据库中的表相映射的java对象.最 ...
Windows上安装Yeoman
之前直接安装完Node.js后,运行npm install -g yo命令,结果出现什么"要安装framework2.0 sdk,vcbuild"什么的错误,怎么也弄不好,结果是各 ...
hihoCoder #1182 欧拉路·三（变形）
题意: 写出一个环,环上有2^n个格子,每个格子中的数字是0或1,相连着的n个格子可以组成一个数的二进制,要求给出这2^n个数字的序列,使得组成的2^n个数字全是不同的.(即从0到2^n-1) 思路: ...
递归神经网络（Recurrent Neural Networks，RNN）
在深度学习领域,传统的多层感知机(MLP)具有出色的表现,取得了许多成功,它曾在许多不同的任务上——包括手写数字识别和目标分类上创造了记录.甚至到了今天,MLP在解决分类任务上始终都比其他方法要略胜一 ...
Android之Socket群组聊天
在这只做了一个简单的例子,没有用到数据库,思路就是客户端发送信息到服务器端,服务器端转发所有数据到客户端,校验服务器端发来消息是否是自己发出的,如果是自己发出的,则不显示自己的消息贴一下Androi ...
ios import和@class的区别
二者的区别在于: 1.import会包含这个类的所有信息,包括实体变量和方法,而@class只是告诉编译器,其后面声明的名称是类的名称,至于这些类是如何定义的,暂时不用考虑,后面会再告诉你. 2.在头 ...
c排序算法大全
排序算法是一种基本并且常用的算法.由于实际工作中处理的数量巨大,所以排序算法对算法本身的速度要求很高. 而一般我们所谓的算法的性能主要是指算法的复杂度,一般用O方法来表示.在后面将给出详细的说明.& ...
ubuntu 切换工作区域
在Ubuntu 13.04中,默认是不激活多桌面工作空间的,所以在之前的版本可以在启动器看到的那个像“田”字的“工作区切换器”图标没有了,始终只有一个桌面了.要激活工作空间,在system setti ...

express 学习笔记

express 学习笔记的更多相关文章

随机推荐

热门专题