Nodejs笔记整理04

express

1. 搭建web服务器 - 静态的文件服务

```js
// 设置静态目录
app.use(express.static(path.join(__dirname, 'public')));
app.listen(port, host, () => {
console.log(`express webserver starting on http://${host}:${port}`);})
```

2.搭建api服务器 - 提供数据操作接口

const userRouter = require('./router/user'); // 引入用户路由
const app = express();
// 路由表 
// express 对路由进行了单独的封装
// 使用路由中间件
app.use('', userRouter);//使用下面的路由模块

• 路由文件内容

// 新建了一个路由模块
const express = require('express');
// 创建一个路由
const router = express.Router(); // 返回一个路由对象

router.get('/getuser', (req, res, next) => {//post请求内容      /getuser',
    // next   请求和响应中间的一个过程
    // res.send() 发送数据
    // res.json() 发送json数据
    // res.render() 渲染页面
    console.log(req.query);
    res.json({
        status: 200,
        msg: "数据请求成功"
    });
});
module.exports = router; // 导出路由模块

express 脚手架创建项目 默认网站地址http://localhost:3000

windows 用户 全局安装express接口
$ npm install express-generator -g
mac 用户
$ sudo npm install express-generator -g
$ express 项目名 [参数]

选择到需要创建项目的目录下
构造项目
$ express 项目名 [参数]
$ express 项目模 -e
执行文件 npm start
cd 进目录
npm install
npm start

自动生成项目结构
- bin
- www web项目服务入口
- public 公共静态文件
- images
- javascripts
- stylesheets
- router 路由目录 存放路由文件
- views 视图 视图模板 pug/jade/ejs
- app.js 中间件管理
- package.json 纪录依赖 npm脚本

express 文件的拖拽上传和下载（express官网查手册）

1. 上传，需要用到的express 框架 里面的
   multer中间件 处理form-data

   // 前端文件上传public
   
        $(function() {
            $(document).on('dragover', ev => {
                ev.preventDefault();
            });

            $('.box').on('drop', ev => {
                ev.preventDefault();
                let files = Array.from(ev.originalEvent.dataTransfer.files);
                let temp = '';

                var form = new FormData(); // 新建表单数据
                files.forEach((elm, i) => {
                    // elm.size  文件大小  单位是子节  
                    // 1024子节 = 1kb
                    // 1024kb = 1mb
                    // 1024mk = 1gb
                    // 1024gb = 1tb

                    form.append(`file${i}`, elm); // 添加表单数据
                    temp += `<li>${elm.name} <span class="right">${(elm.size/1024).toFixed(2)}kb</span></li>`
                });
                $('#fileslist').html(temp);


                $.ajax({
                    type: "post",
                    url: "http://localhost:3000/upload",
                    data: form, //发送的数据是formdata
                    processData: false,
                    contentType: false,
                    success: function(response) {

                    }
                });
            })

        });

    //路由文件upload.js
    var express = require('express');
    var router = express.Router();
    var path = require('path');
    var multer = require('multer'); // multer中间件  处理form-data

    var url = path.join(__dirname, '..', 'public', 'upload');

    var storage = multer.diskStorage({ // 文件本地存储
        destination: function(req, file, cb) {
            cb(null, url);
        },
        filename: function(req, file, cb) {
            cb(null, file.fieldname + '-' + Date.now() + '.' + file.originalname.split('.').pop());
        }
    })

    var upload = multer({ storage: storage });

    router.post('/', upload.any(), function(req, res, next) { //upload.any() 接收所有文件
        console.log(req.files); // 文件在req.files里
    });

    module.exports = router;

2. 下载 href里面放要下载的路径,添加属性download=“download”
   下载大乐透