前端开发入门:框架篇-ExpressJS入门学习

一、安装

官网http://expressjs.com/ 我们说，Express[1] 是一个简洁而灵活的

node.js [2]Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。[3]

Express.js在Node.js社区中是比较出名web框架，而它的定位是“minimal and flexible（简洁、灵活）”。Express主要解决了 请求路由 和 视图模板 的问题，其中Middleware是它最重要的概念。它是不错的Web框架，但本屌还是有些想法的：

1. Express不是MVC的框架，因为它没有对Model解决方案，Express本身定位就不是MVC，只是minimal and flexible的Web框架。

2. 由于Express实在是flexible，没有强制的规范约束，加上js是可以把代码写得很随意的编程语言，所以本屌找到的Demo中，Config，Controller，View的维护、管理、技巧都可能各式各样。

Express 是一个简洁而灵活的
node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。Express 不对 node.js 已有的特性进行二次抽象，我们只是在它之上扩展了Web应用所需的功能。丰富的HTTP工具以及来自Connect框架的中间件随取随用，创建强健、友好的API变得快速又简单。
Express不是对node.js 已有的特性进行二次抽象，我们只是在它之上扩展了Web应用所需的功能。

express4.X的有一些变化，4.x版本中将命令工具单独分出来了(https://github.com/expressjs/generator),所有要先按装express-generator，否则创建项目时，会提示express命令没找到。

[plain]
view plaincopyprint?





$ npm install -g express-generator #需先安装express-generator

$ npm install -g express

$ express -V #验证是否安装成功

二、创建项目

[plain]
view plaincopyprint?





$ express myfirstexpress # express的默认模版采用jade，若需要ejs模版支持，加上-e选项，即 express -e myfirstexpress
$ cd myfirstexpress

$ ls
app.js bin package.json public routes views #项目的目录结构

三、运行项目

[plain]
view plaincopyprint?





$ npm install #需要等待一段时间，因为需要获取很多的库文件

$ npm start

> myfirstexpress@0.0.1 start /root/myfirstexpress
> node ./bin/www

四、访问第一个express项目

浏览器中输入 http://你的IP:3000
显示

[html]
view plaincopyprint?





Express

Welcome to Express

说明express安装成功

比如本地localhost：3000