Express的初步使用

废话不多说直接上步骤：

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;

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

巴特西

Express的初步使用

最新文章

热门文章