- 科技
- 【Express】搭建简单服务器
Express如何搭建简单服务器？
1.在app.js中修改模板扩展名ejs改为html
app
.engine('.html',ejs
.__express
);
app
.set('views', path
.join(__dirname
, 'views'));
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();
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
>
结果
Processed:
0.016, SQL:
8
