- 安装:
express是基于node.js的web服务器端框架,首先要安装node.js和npm,npm相当于一个依赖管理器,有助于你项目结构的搭建。
demo地址:https://github.com/jeft224/expressDemo
- 新建项目:
你可以在命令行运行以下命令:
node init
在项目中你就可以看到一个json文件(package.json),可以在这个文件里手动的添加项目所需的express依赖
代码块:
{
"name": "demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"ejs": "^2.5.6",
"express": "^4.15.2",
"path": "^0.12.7"
}
}
然后:
npm install
或者你可直接在命令行输入以下命令:
npm install express –save
安装express的脚手架express-generator:
倘若你看了express的开发文档,你可以安装express的脚手架express-generator,不过你要先安装这个express的脚手架
在命令行里输入:
npm install express-generator -g
express编程之路:
前面这些工作是express的铺垫,此时就可以开始express的编程:
新建app.js,写一个简单的应用,是一个express的实例:
代码块:
“`//引用express var express = require('express'); var app = express(); //页面渲染(app.use()????) app.use('/',function(res,req,next){ res.send('hello,world!!!!') }) //监听端口 app.listen(4000)enter code here
“`
在其根目录下的命令行里输入:
node index.js
在浏览器里打开这个链接,你就可以在页面上看到hello world!!!!
讲完了前面的一个小案例,那我们学习点高级点的东西,为这个案例添加路由(可以用于跳转其他的页面):
首先定义路由:express可以响应任何HTTP请求, //Http request get请求 app.get(url,do something); //post请求 app.post(url,do something); ==>请看这: app.get('/',function(req,res){ res.send('just do it') })
只要添加更多的路由,在你的想法下,就可能构成了一个应用(比如:你的博客或者你的公司网站):
大家亮起眼光来,重头戏来了:
一般的博客开发(express开发)
Express 支持各种模板引擎,express 命令行可以添加对 Jade,EJS,JSHTML 和 Hogan 的支持。
根据 Express 文档,任何模版引擎只要符合特定的签名就可以生效。
开始之前:要先安装ejs模板引擎=> cnpm i ejs –save
整改app.js:var express = require('express'); var path = require('path') var app = express(); //模板目录 app.set('views',path.join(__dirname,'views')); //模板引擎 app.set('view engine', 'ejs'); //响应的一系列的组件 设置静态文件目录 app.use(express.static(path.join(__dirname,'public'))) app.get('/', function(req, res) { res.render('index'); }); app.get('/about', function(req, res) { res.render('about'); }); app.get('/article', function(req, res) { res.render('article'); }); app.listen(4040);
学习上面的内容后就差不多可以自己写一个博客了:
博客搭建详情请见:express搭建博客
个人主页:https://jeft224.github.io