目录
express时基于http模块封装出来的框架,能够提高我们的开发效率。
安装:
npm install express
创建服务器:
// 创建服务器 // 1.导入模块 const express = require("express"); // 2.使用express()实例化创建一个服务 const app = express(); //创建的express的实例 // 添加路由app.mothod(path,handler) mothod:表示请求方式 get/post等 ,path为路径,handler为处理函数 app.get("/index",function(req,res){ console.log("有post请求进来了"); res.send("hello"); }) // 3.对服务器添加一个端口 app.listen(3000,()=>{ console.log("服务器已启动!"); })
模块化路由
- 创建一个路由模块对应的js文件
- 在js文件中引入express框架
- 调用express.Router()创建一个路由实例对象
- 使用路由对象来挂载具体路由 实例对象.mothod(path,function(){})
- 将实例对象导出 module.export
- 在引用模块中导入
- 使用app.use(参数1,参数2)方法注册模块
参数1为字符串是,表示为路由对象中所有的路由都添加一个前缀。
const express = require("express");
const productor = express.Router();
productor.get("/productor",(req,res)=>{
res.send("这是产品页");
})
module.exports = productor;
const productor = require("./productor");
app.use(productor);
模板引擎:ejs artTemplate等
作用:可以帮助我们动态生成html内容,实现html与js代码分离。
ejs:
1.下载安装:npm install ejs
2.在服务器同级目录下创建一个文件夹,文件夹的名字是views
3.设置默认模板引擎:服务器对象app.set("view engine","ejs")
4.在路由其中使用res.render(模板引擎文件,要渲染的数据)
【注意】第二个参数为一个对象
const express = require("express");
const app = express();
app.set("view engine","ejs");
app.get("/index",(req,res)=>{
var person = {
username : "Lucy"
};
res.render("index",person);
});
app.listen(3000,()=>{
console.log("服务器开启");
});
ejs语法:
1.插入语法:<%= 变量%>
<h1>欢迎来到<%= username%>的ejs模板引擎测试</h1>
2.if判断
js语句用插入语法引起来,html语句则不必。