Express入门捷径

首先安装一下

npm install express --save     (项目根目录下面执行哦)

###官网API个人感觉理解起来太繁琐：

http://www.expressjs.com.cn/4x/api.html

###掌握用法核心才是最重要的：
首先初始化下文件:

express -e   回车

图片描述

Express 会自动帮你生成一些文件
再执行模块安装

npm i   回车     (安装完成的时候会自动生成node-modules文件)

执行 
       npm run start      回车
或者   node ./bin/www     回车

##址栏输入localhost:3000 回车出现下面的内容就代表你express启动成功！
图片描述

那么接下来我们做一个简单的小路由跳转

1.首先去views目录下创建一个login.ejs模板文件，写入

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
    </head>
    <body>
      <h1>我是登录页面</h1>
    </body>
    </html>

2.再创建一个register.ejs模板文件，写入

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
    </head>
    <body>
      <h1>    
        只有先触发了app.js里面的users路由
        再触发/register路由，执行register里面的函数 
        res.render()渲染过后
        才能看见我注册页面哦(localhost:300/users/login同理)
        注册页面
        </h1>
    </body>
    </html>

3.找到routes下面的users.js,把内容替换一下

   var express = require('express');
       /*调出路由里面的Router方法*/
   var router = express.Router();
       /* 当路由仅仅是"localhost:3000/users"的时候    执行'/'路由的方法*/
       /* ######如果不明白什么是路由二级跳转   看app.js文件#####*/
   router.get('/', function(req, res, next) {
     res.send('respond with a resource');
   });
       /* 当路由仅仅是"localhost:3000/users/login"的时候    执行'/login'路由的方法*/
   router.get('/login', function(req, res, next) {
      /* res.render("默认根目录是views目录")*/
      /* 读取views目录下面的login.ejs文件*/
      /*通常ejs后缀可以省略不写*/
     res.render("./login");
      /* res.send('str')*/
      /*  在当前页面写入str内容*/
      /*  不进行页面跳转*/
      /* res.send('登录页面·1')*/
   });
    /* 当路由仅仅是"localhost:3000/users/regiest"的时候    执行'/regiest'路由的方法*/
   router.get('/register', function(req, res, next) {
     res.render("./register");
      /* res.send('注册页面~1')*/
   });
    /*导出模块router*/
   module.exports = router;

app.js简单解析

图片描述

4.其实路由之间的跳转都是经过app.js这个中间键进行的，废话不多说，开始执行

node ./bin/www 回车
地址栏输入localhost:3000/users  回车
地址栏输入localhost:3000/users/login  回车
地址栏输入localhost:3000/users/register  回车
如果二级路由看懂了 Express  基本就入门了

图片描述

Express入门捷径

首先安装一下

那么接下来我们做一个简单的小路由跳转

后期会跟新参数传递。数据请求，mongod等一系列操作！

CoolLsk

引用和评论

三步带你玩转前端Vue装饰器

淘宝API关键词搜索商品列表API接口对接详细步骤