美文网首页
Express - 静态网页模板(三)

Express - 静态网页模板(三)

作者: w_wx_x | 来源:发表于2019-04-16 11:00 被阅读0次

文章推荐

Express-官方文档
Express-菜鸟教程
阮一峰博客-Express
案例代码github

文件目录.png
// app.js
var express = require('express');
var app = express();

app.get('/',function(req,res){
    res.sendFile(__dirname + '/views/index.html')
})
app.get('/about',function(req,res){
    res.sendFile(__dirname + '/views/about.html')
})
app.get('/article',function(req,res){
    res.sendFile(__dirname + '/views/article.html')
})

app.listen(3000)
<!-- index.html -->
<html>
<head>
    <title>静态网页模板</title>
</head>
<body>
    <h1>首页</h1>
    <footer>
        <p>
            <a href="/about">自我介绍</a> - <a href="/article">文章</a>
        </p>
    </footer>
</body>
</html>
<!-- about.html -->
<html>
<head>
   <title>静态网页模板</title>
</head>
<body>
<h1>自我介绍</h1>
<footer>
<p>
   <a href="/">首页</a>  - <a href="/article">文章</a>
</p>
</footer>
</body>
</html>
<!-- article.html -->
<html>
<head>
    <title>静态网页模板</title>
</head>
<body>
    <h1>文章</h1>
    <footer>
        <p>
            <a href="/">首页</a> - <a href="/about">自我介绍</a> 
        </p>
    </footer>
</body>
</html>
node app.js      // 启动
首页.png

相关文章

网友评论

      本文标题:Express - 静态网页模板(三)

      本文链接:https://www.haomeiwen.com/subject/wwvvwqtx.html