Express为我们提供了很f方便的路由功能,今天就为大家讲解一下如何用express搭建路由。
1.(可选)(全局安装) 安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
由于npm网站在国外,国内访问速度慢,可使用上面的命令,安装淘宝提供的的完整镜像
安装成功后 即可使用 cnpm 替代 npm ,以下:npm === cnpm
2. (可选)(全局安装)安装express脚手架
npm install -g express-generator
express-generator为express框架的脚手架,不安装脚手架,不影响express的使用
脚手架的作用为:快速为你生成一个标准的express架构
3.(必选)安装express
在控制台,使用cd或其它手段,切换到你的项目目录
切换到项目目录后,在控制台输入 cnpm install express --save-dev 并回车
安装完成后,express即可在当前目录下使用
脚手架构建express过程:
1. 切换到你工程将要存放的目录
2. 在控制台输入 express 你的工程名
3. 在控制台输入 cd 你的工程名
4. 在控制输入 cnpm install
这是我的目录结构
server.js中我是这样配置的
//请求express模块
var express=require("express");
var app=express();
// 通过 Express 内置的 express.static 可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。
// 将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如,假设在 public 目录放置了图片、CSS 和
app.use(express.static("public"));
app.use(express.static("data"));
// 上面代码使用app.use方法,注册了两个中间件。收到HTTP请求后,先调用第一个中间件,在控制台输出一行信息,然后通过next方法,将执行权传给第二个中间件,输出HTTP回应。由于第二个中间件没有调用next方法,所以request对象就不再向后传递了。
//所有请求都必须通过该中间件,参数中的“*”表示对所有路径有效。get方法则是只有GET动词的HTTP请求通过该中间件,它的第一个参数是请求的路径。由于get方法的回调函数没有调用next方法,所以只要有一个中间件被调用了,后面的中间件就不会再被调用了。
// 除了get方法以外,Express还提供post、put、delete方法,即HTTP动词都是Express的方法。
// 这些方法的第一个参数,都是请求的路径。除了绝对匹配以外,Express允许模式匹配。
app.get("/",function(req,res){
res.set("Content-Type","text/html");
console.log(__dirname)
//__dirname获得当前文件所在目录的完整目录
res.sendFile(__dirname+"/public/views/index.html");
});
app.get("/footer",function(req,res){
res.set("Content-Type","text/html");
console.log(__dirname)
res.sendFile(__dirname+"/public/views/footer.html");
});
app.get("/cityWalk",function(req,res){
res.set("Content-Type","text/html");
res.sendFile(__dirname+"/public/views/cityWalk.html");
});
var server=app.listen(8080,function(){
// 设置一个端口号
console.log("服务启动");
})
pubilc里面的目录结构:
html内路径格式:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>cityWalk</title>
<link rel="stylesheet" href="../css/cityWalk.css">
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
</head>
<body>
</body>
<script type="text/javascript" src="../js/cityWalk.js"></script>
</html>
然后在 DOS 命令窗口下输入 node server.js 启动服务
这个时候进入浏览器输入你设置的地址,你会发现已经成功了!
(我吃酸萝卜 新浪微博http://www.weibo.com/wcslb ---李帅醒著)