Express如何搭建简单服务器?
1.在app.js中修改模板扩展名ejs改为html
// view engine setup更改后缀名
app.engine('.html',ejs.__express);
app.set('views', path.join(__dirname, 'views'));
//app.set('view engine', 'ejs');
app.set('view engine','html');
2. 修改完成后将views中的所有文件的后缀名由.ejs改成.html
3. 在app.js中添加/order路由响应
app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/order',order);
4. 在routers文件夹中添加order.js 路由文件
var express=require('express');
var router=express.Router();
/* GET users listing. */
router.get('/',function(req,res,next){
res.send('订单');
});
router.get('/list',function(req,res,next){
res.render('order',{
title:'我是订单列表页',
content:'<h2>我是标题2</h2>',
person:{
name:'张三',
age:20,
sex:true,
fav:['读书','听音乐','唱歌','玩游戏']
}
});
});
router.get('/detail',function(req,res,next){
res.send('详情');
})
module.exports=router;
5. 在app.js引入order模块
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var order=require('./routes/order');
6.在views文件夹中添加订单列表模板 order.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>订单列表</title>
</head>
<body>
订单列表
<!--带=的不会解析HTML标签,
带-的会解析HTML标签
判断语句注意:1.不能加=号 2.闭合{}-->
<%= title %>
<hr>
<%- content %>
<hr>
姓名: <%= person.name %><br/>
年龄: <%= person.age %><br />
性别: <%= person.sex?"男":"女" %><br />
性别: <% if(person.sex){ %>
<span style="color: red">男</span>
<% }else{ %>
女
<% } %>
<hr>
爱好:
<% for(var i = 0 ;i < person.fav.length;i++){%>
<%= person.fav[i]%>
<% }%>
</body>
</html>
结果