express简单介绍

express是node.js的一个web应用框架  给我们提供了强大的特性和丰富的http工具。

功能

1.  扩展了web所需要的基本功能

2. 丰富的http工具

3. 可以快速创建一个网站

如何使用

1. 文件夹初始化 npm init -y

初始化npm管理文件package.json

package-lock.json 文件用来固化依赖

{
  "name": "npm",    //项目名称
  "version": "0.0.1",   //版本
  "description": "test and play",   //描述
  "main": "index.js", //入口文件
  "dependencies": {  //项目依赖  上线也要用
      "jquery": "^3.2.1"
   },
  "devDependencies": { //开发依赖 上线就不用
      "animate.css": "^3.5.2"
  },
  "scripts": {  //命令行
      "test": "命令行",
  },
  "repository": {   //仓库信息
      "type": "git",
      "url": "git+https://github.com/alexwa9.github.io/2017-8-28.git"
  },
  "keywords": [  //关键词
      "test",'xx','oo'
  ],
  "author": "wan9", //作者
  "license": "ISC", //认证
  "bugs": {
       "url": "https://github.com/alexwa9.github.io/2017-8-28/issues"//问题提交
  },
  "homepage": "https://github.com/alexwa9.github.io/2017-8-28#readme"//首页
  }

2.下载:npm install --save express

--save和--save-dev的区别

项目依赖

    只能在当前项目下使用，上线了，也需要这个依赖 --save  

开发依赖

    只能在当前项目下使用 ，上线了，依赖不需要了 --save-dev

安装所有依赖

    npm install

    安装package.json里面指定的所有包

注意 npm的服务器是国外的，我们国内在下载的时候可能因为网速问题造成下载失败

1. 确定网络没有问题

2. 切换下载源  淘宝镜像

    npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 测试一下 cpnm -v

 注意：如果我们想使用淘宝景象下载东西的话  就是把所有的npm 变成cnpm 其他不变

express怎么写

1. 创建一个文件

2. 引用express

3.  调用express

4.  开始使用

5.  设置监听

// 1.引用express
const express=require('express');
// 2.调用express
const app=express()
// 3.使用
// app.get('url路径',回调函数(req,res))

app.get('/user/login',(req,res)=>{
    // 前台返回内容
    res.send({status:200,msg:"请求成功"})
})
// 监听端口
app.listen(8080,function(){
    console.log('监听成功');  
})

添加中间价

// 1.引用express
const express=require('express');
// 2.调用express()
const app=express();
// 3.使用

// 中间件：每一次接受到请求的时候都会先经过中间件然后才会进行到下面的内容
// 给一些特定的功能添加一个场所  把多个api都要使用的功能统一的存放
// app.use([地址],(req,res,next)=>{})
// 匹配全路径 处理所有http
// 需要next延续后续

app.use('/',(req,res,next)=>{
    // console.log('访问啦');
    console.log(req.url);
    next();
})
app.get('/user/login',(req,res)=>{
    // console.log(req.url);
    res.send({status:200,msg:'请求成功'})
})
app.get('/user/register',(req,res)=>{
    res.send({status:200,msg:'请求成功'})
})

// 4.监听端口
app.listen(8080,function(){
    console.log('监听成功');   
})

 路由

创建路由

// 1.引用express
const express=require('express');
// 2.使用路由---R大写
const router=express.Router()
// 3.开始创建路由
router.get('/login',(req,res)=>{
    res.send({msg:'登录页的登录路由'});
})
router.get('/register',(req,res)=>{
    res.send({msg:'登录页的注册路由'})
})
router.get('/index',(req,res)=>{
    res.send({msg:'登录页的首页路由'})
})
// 4. 暴漏
module.exports=router;

 创建服务器

// 1.引用express
const express=require('express');
// 2.调用express()
const app=express();
// 3.引用路由文件
const userRouter=require('./router/login');
const indexRouter=require('./router/index');
const regRouter=require('./router/register');
const cartRouter=require('./router/cart');
const detailRouter=require('./router/detail')
// 4.使用路由文件里面的内容  localhost:8080/user/xxx
app.use('/user',userRouter);
app.use('/sy',indexRouter);
app.use('/reg',regRouter);
app.use('/cart',cartRouter);
app.use('/detail',detailRouter)
// 4.监听端口
app.listen(8080,function(){
    console.log('监听成功');   
})

1.在终端启动服务器 node server（服务器文件名）

2.在浏览器上输入localhost:8080/user/login