nodejs 框架:Express

目录

 

安装:

创建服务器:

模块化路由

 模板引擎:ejs   artTemplate等

ejs:

ejs语法:


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("服务器已启动!");
})

模块化路由

  1. 创建一个路由模块对应的js文件
  2. 在js文件中引入express框架
  3. 调用express.Router()创建一个路由实例对象
  4. 使用路由对象来挂载具体路由   实例对象.mothod(path,function(){})
  5. 将实例对象导出 module.export 
  6. 在引用模块中导入
  7. 使用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语句则不必。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值