创建express项目的流程

1.安装express-generator

npm install express-generator -g

2.创建express项目

express -e 项目名称 -e ejs模板

3.分析目录

1. package.json 整个项目的依赖配置文件
2. app.js 是整个项目的入口文件
3. views/xx.ejs 是整个项目的模板(模板内容是什么,将来页面呈现就是什么)
4. routes 是整个项目的路由配置文件
5. public 静态资源文件(img css js )
6. node_modules 整个项目的依赖包
7. bin / www 整个项目的服务器配置文件
  1. 启动项目
npm start

5.研究项目代码
1.入口文件

// 引入项目所需要的第三方包
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

// 引入项目路由配置文件
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var loginRouter = require( './routes/login' )

// 创建app对象
var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));  // 统一配置view静态路径
app.set('view engine', 'ejs');// 定义了模板渲染引擎, ejs

// 应用级中间件

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
//指定静态资源目录
app.use(express.static(path.join(__dirname, 'public')));

// 路由级中间件  ---- 我们操作的 - 路由级中间件的创建

app.use('/', indexRouter);
app.use('/users', usersRouter);

// http:localhost:3000/login         

app.use('/', loginRouter)





// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});


// 错误处理中间件
// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;


添加页面(以login为例)

const express = require('express')
const router = express.Router()

// router.get( 路由路径, 中间件)
router.get( '/login',function( req,res,next ) {
  res.render('login',{
    username: 'yyb',
    password: 123
  })
})

module.exports = router

views路径添加login.ejs
app入口文件添加
引入项目路由配置文件var loginRouter = require(’./routes/login’);
路由级中间件的创建 app.use(’/’, loginRouter)

express 中间件 (Middleware)Express 是一个自身功能极简,完全是由路由和中间件构成一个的 web 开发框架:从本质上来说,一个 Express 应用就是在调用各种中间件。

中间件是一个函数,函数中参数有三个:
request 请求
response 响应
next 请求和响应中间的循环流程

中间件有三种类型
应用级中间件
路由中间件
错误处理中间件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值