Express入门捷径

时间 2019-12-06

标签 express 入门捷径繁體版

原文原文链接

首先安装一下

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

###官网API我的感受理解起来太繁琐：html

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

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

express -e   回车

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

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

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

##址栏输入localhost:3000 回车出现下面的内容就表明你express启动成功！
npm

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

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

<!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模板文件，写入app

<!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简单解析ui

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

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

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

1. Express入门
2. express入门
3. Express 入门
4. Node.js、Express、Socket.io 入门
5. Express快速入门
6. nodejs+express+mongodb入门
7. node+express+mysql入门
8. mongoose+express初入门
9. express快速入门
10. Express框架入门
更多相关文章...
• Memcached入门教程 - NoSQL教程
• Eclipse 快捷键 - Eclipse 教程
• YAML 入门教程
• Java Agent入门实战（一）-Instrumentation介绍与使用