node.js之Express.js牛刀小试

最近也在学习node.js,所以特来分享,<a href="https://expressjs.com/">Express</a>是当前非常流行的一个node web框架。利用这个框架,我们可以非常方便的建立一个web站点。好吧,那接下来看看怎么使用这个框架把,gogogo~~~
先让我们开始了解一下 express。首先下载 express:

npm install express --save。

如果电脑被墙了话可以用国内的淘宝镜像 :

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后就用cnpm代替npm命令了,速度可想而知很快的。
然后创建server.js,输入以下代码:

var express = require('express');
var app = express();
app.get('/', function(req, res){
    res.send('hello world');
});
app.listen(1337);
console.log('Server running at http://127.0.0.1:1222/');

这样,我们就可以访问 http://127.0.0.1:1337

除了url路由外,整个web服务实际上涉及到了很多很多的内容,让我们简单的整理一下可能会涉及到的内容:
  • url路由,url参数读取,以及表单读取
  • 对于不同http方法(GET、POST、PUT)的分发
  • 自动填写HTTP头,例如Content-Type
  • cookie、session的管理
  • 用户管理,包括用户名判重、密码加密和保持登陆
  • 模板渲染,将动态的脚本渲染成浏览器可识别的HTML
  • 静态文件服务
  • 用户上传文件
  • 国际化,创建语言无关的站点
  • MVC支持(良好的代码结构可极大的提高代码的可读性和可维护性)
现在来新建一个express项目

1.先安装这个东西

npm install express-generator -g

2.建立一个名叫base的Express项目,并进入这个目录:

express base
cd base

3.运行npm install安装依赖

4.通过node ./bin/www来运行我们的项目

5.用浏览器即可打开我们的应用: http://localhost:3000

现在让我们来看一下目录结构:

目录结构图

app.js中定义并导出了整个应用;

  • /bin/www导入并执行了app.js中定义的应用,它是一个入口;
  • node_modules则是我们npm install安装的依赖所在目录;
  • package.json定义了我们的应用,应用也是一个npm包,有着一系列的依赖;
  • public下存放的是静态文件,这些文件一旦客户端请求,我们会原样地返回(例如客户端javascript、css);
  • routes则是项目最核心的部分,它拿到HTTP请求并返回HTTP响应。它最终被app.js引入;
  • views则是视图模板,就是HTML的模板,用来产生动态页面。至于什么是模板,现在可以不去管它。

现在,在app.js中app.use('',...)之前,加入一个控制器:

app.get('/hello', function(req, res, next){
     res.send('Hello, Express!');
});

然后重启服务器,访问 http://localhost:3000/hello 。之后,我们可以看到一行文字:

Hello, Express!

例如,我们网站的一部分逻辑是账户的功能:登录、注册、找回密码等。这些页面可以分为一组,作为单独的Router引入到app.js中。这个Router不妨命名为account.js:
这个account.js在之前目录图片出现过

// file: routes/account.js
var express = require('express');
var router = express.Router();
router.get('/login', function(req, res){
    return res.send('这里将会是登陆页面');
});
router.get('/register', function(req, res){
    return res.send('这里将会是注册页面');
});
// 其他的账户控制器
module.exports = router;

最后,在app.js中引用该Router:

app.use("/account", require('./routes/account'));

重启服务器,访问 http://localhost:3000/account/loginhttp://localhost:3000/account/register
访问第一个地址可以看到页面会出现:

这里将会是登陆页面

访问第二个地址可以看到页面会出现:

这里将会是注册页面

介绍到这里,一个简单地Express框架就简单入门了
如果是mac用户提示没有权限可以在命令前面加入sudo,或者速度比较慢比如:

sudo npm install express --save

以后持续更新,多多指教

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 201,924评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,781评论 2 378
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,813评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,264评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,273评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,383评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,800评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,482评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,673评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,497评论 2 318
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,545评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,240评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,802评论 3 304
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,866评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,101评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,673评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,245评论 2 341

推荐阅读更多精彩内容