基于express的node.js项目搭建

创建express项目的流程

1. 安装 express-generator
   $ cnpm i express-generator -g

2. 创建express 项目
   $ express -e 项目名称 -e是安装 ejs 模板

   • 后端模板
     1. ejs
     2. pug( jade )
     3. art-template

3. 分析目录

   • package.json 整个项目的依赖配置文件
   • app.js 是整个项目的入口文件
   • views/xx.ejs 是整个项目的模板（模板内容是什么，将来页面呈现就是什么）
   • routes 是整个项目的路由配置文件
   • public 静态资源文件（img css js )
   • node_modules 整个项目的依赖包
   • bin / www 整个项目的服务器配置文件

4. 启动项目 package.json 中 npm 脚本
   $ npm run start

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

   // 引入项目所需要的第三方包
   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;
   
   

6.ejs语法

• 转义输出

<%=  变量名%>

• 非转义输出

<%- 变量名%>

• js代码

<% js代码%>

• include 引入外部文件

<% include 文件的地址 %>