Express的初步使用

Posted 2020-10-11 菜鸟乐谷

废话不多说直接上步骤：

1. 首先建立一个新文件夹，进入此文件夹的命令窗口通过 npm init 命令为你的应用创建一个           package.json 文件,然后下载express模块指令为 npm install express --save

2 在窗口命令中输入 npm install express-generator -g(全局安装)然后输入express -e会自动生成各种包，此时就具有了初步的骨架.

3 其中的stylesheets是样式文件夹，views是页面显示文件夹，routes是路由文件夹。

4.views里边的index.ejs可以用<link>引入css样式需要注意的是href的开头是从stylesheets开始的如：

  href=‘/stylesheets/index.css‘ 在body标签中写内容时要注意用ejs规范

   ejs模板规范：
    <%= %>输出标签（转义输出）（原文输出html标签<b>1</b>）
    <%- %>输出标签（不转义输出）
   <%# %>注释标签
   <%% %%>转义标签(输出标签)
    <%if()%> 流程控制语句
   如：<h1><%=hello %></h1> 

  其中的hello 是在index.js中的路由中声明的index.js代码如下：

         var express = require(‘express‘);
         var router = express.Router();
         router.get(‘/‘, function(req, res, next) {
                //render函数内置了ejs模板 返回Html界面,第一个参数是模板的名字
                 //第二个参数是数据
                //rander函数拿到模板->拿到数据->把模板中的<%=hello%>全部替换成hello的值，
                //->把替换后的字符串反回给用户
           res.render(‘index‘, { title: ‘yf‘,
                  hello:"<h1>how are</h1>",               
  });
});

module.exports = router;

5.项目中的app.js中可引入多个路由

   //引入index路由
    var index = require(‘./routes/index‘);

    //引入users路由
     var users = require(‘./routes/users‘);

   //如果访问的是根目录就使用index这个路由
    app.use(‘/‘, index);
    //如果访问的是users目录就使用users这个路由
    app.use(‘/users‘, users);

   //到出app(app是一个express的实例var app = express();)

    module.exports = app;

希望初学者会有所收获。。。