您的位置:首页 > 理论基础 > 计算机网络

用Express的搭建简单路由——李帅醒博客

2017-02-06 14:24 288 查看
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          ---李帅醒著)



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息