express-generator快速创建应用（后台）骨架、以及连接mysql、postgresql

待我称王封你为后i 2021-08-19 15:00 1064阅读 1赞

1，安装express

cnpm i express –g

2，安装express-generator

cnpm i express-generator –g

先让我们查看一下帮助，运行命令： express –h

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70][]

3. 输入命令  express -e server  （默认会使用jade模板引擎，建议使用ejs模板引擎。所以用-e，server是文件夹名。这个命令会自动在当前文件夹下面新建名为“server”的文件夹）

4.cd server

5.cnpm i         （安装依赖）

6. 启动这个应用（Windows平台），命令：     **set DEBUG= server & npm start **

server文件夹内容：

![20191115001503489.png][]

这时在浏览器中打开http://localhost:3000/，就可以看到Express欢迎界面。

![20191115001513121.png][]

为了让后台能够自动刷新，推荐使用nodemon：[https://blog.csdn.net/qq\_40323256/article/details/103077345][https_blog.csdn.net_qq_40323256_article_details_103077345]

# 连接数据库 #

## 连接postgresql ##

安装postgresql：

cnpm i -S pg

然后在server文件夹下新建文件：db.js

db.js

//连接postgreSQL
    var pgsql = require("pg");
    var pool = new pgsql.Pool({
        host: 'localhost',
        user: 'postgres', // 数据库用户名
        password: 'user', // 数据库密码
        database: 'sadmas'
    });
    
    function query(sql, callback) {
        pool.connect(function (err, connection) {
            connection.query(sql, function (err, result) {
                callback(err, result);
                connection.release();
            });
        });
    }
    exports.query = query;

注意：postgresql中的连接池是：pool.**connect**() ，而mysql中的连接池是：pool.**getConnection**()

## 连接mysql ##

安装mysql

cnpm i -S mysql

db.js

然后，在server/routes/users.js中

app.js中使用cors处理跨域

先要安装cors：**cnpm i -S cors**

var cors = require('cors');
    app.use(cors());

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1][]

src/api/axios.js:

import axios from 'axios'
    import qs from 'qs'
    
    axios.defaults.timeout = 5000
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8'
    
    if (process.env.NODE_ENV === 'development') {
        axios.defaults.baseURL = "http://localhost:3000"
    } else {
        // axios.defaults.baseURL = "http://120.76.197.111:6000"
    }
    
    //请求拦截器
    axios.interceptors.request.use(
        config => {
            return config
        },
        error => {
            return Promise.reject(error)
        }
    )
    //响应拦截器即异常处理
    axios.interceptors.response.use(response => {
        console.log('response', response)
        return response
    }, err => {
        console.log('err1', err)
        return Promise.resolve(err.response)
    })
    
    export default {
        get(url, params = {}) {
            return new Promise((resolve, reject) => {
                axios.get(url, {
                    params: params
                }).then(res => {
                    resolve(res)
    
                }).catch(err => {
                    reject(err)
                })
            })
        },
    
        post(url, params = {}) {
            return new Promise((resolve, reject) => {
                axios.post(url, qs.stringify(params))
                    .then(response => {
                        resolve(response)
                    }).catch(err => {
                        reject(err)
                    })
            })
        }
    }

main.js

import http from '@/api/axios.js'
    Vue.prototype.$axios = http

访问：

this.$axios.get("/users/test").then(res => {
            console.log("res", res);
          });

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70]: /images/20210725/ecc5a6ec5e43431d8ca9fa8279c13d1e.png
[20191115001503489.png]: /images/20210725/e273aab72c64485ea2857933f5e8fa07.png
[20191115001513121.png]: /images/20210725/61108b3478d74ff5a5f7984117ed8172.png
[https_blog.csdn.net_qq_40323256_article_details_103077345]: https://blog.csdn.net/qq_40323256/article/details/103077345
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1]: /images/20210725/0976d51a61084630b941a6efae6aa87f.png