express + mysql實踐

express是幹嘛的百度有很多解釋了我也不重複直接進入主題：用express搭建簡單後臺

本文是express + sql語句，個人建議學express前把數據庫也學點，我是學了MySql，

MySql簡單入門百度很多教程，也可以看我過往的幾篇文章。

 

---

 

express腳手架

Node.js 8.2.0+版本略過此步驟，Node.js 8.2.0以下版本才需要安裝

教程文檔：https://www.expressjs.com.cn/starter/generator.html

1）全局安裝Express 腳手架：npm install -g express-generator

 

 

 2）執行命令查看版本號：express --version 有版本號證明安裝成功

 

 

 

 

三：執行命令初始化項目

隨便找個地方新建個文件夾，這裏我就隨便命名 express-test2

 

Node.js 8.2.0+版本執行命令初始化項目：npx express-generator

Node.js 8.2.0以下版本執行命令初始化項目：express

創建了一堆文件具體作用看文檔：https://www.expressjs.com.cn/starter/generator.html

 

 

 

然後安裝依賴：npm install

 

 

 

啓動項目

MacOS 或 Linux 中通過如下命令啓動此應用：DEBUG=express-test2:* npm start

Windows 的 cmd 通過如下命令啓動此應用：set DEBUG=express-test2:* & npm start

Windows 的 PowerShell 通過如下命令啓動此應用：$env:DEBUG='express-test2:*'; npm start

 

 

 這裏要注意express-test2是項目的名稱不能寫錯

 

瀏覽器訪問http://localhost:3000網址，當命令行有提示表明express運行成功

 

 

 

這裏可以改訪問路徑，默認3000

 

 

 

 

app.js文件設置跨域

 

 

 

 

routes 文件夾就是專門存放路由，每個單獨文件就是一個路由模塊

 

routes 文件夾創建個 test.js 文件填入以下內容：

var express = require('express');
var router = express.Router();

// 定義路由主頁
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

// 創建個get查詢路由
router.get('/query', function(req, res, next) {
  // 這裏就可以寫各種業務數據了
  console.log('拿get請求參數:', req.query);

  const result = { // 弄個假數據測試下
    result: {
      name: "tom",
      age: 18,
      sex: true
    },
    state: {
      message: "",
      state: "ok",
      success: true
    }
  }
  
  res.json(result); // 輸出結果
});

// 創建個post查詢路由
router.post('/query2', function(req, res, next) {
  console.log('拿post請求參數:', req.body);

  const result = { // 弄個假數據測試下
    result: {
      name: "anne",
      age: 16,
      sex: false
    },
    state: {
      message: "",
      state: "ok",
      success: true
    }
  }
  
  res.json(result); // 輸出結果
});

module.exports = router;

 

 

app.js文件引入剛纔寫test.js文件

 

 

 

然後重跑express服務

 

 

 

接下來寫個簡單的前端接口調用頁面也就是ajax，我就偷懶直接用jq封裝後的ajax演示了

get請求：

var url = "http://localhost:3000"; // 也可以是本地IP + 3004
$.ajax({
  type: "GET",
  url: url + "/test/query",
  success: function (res) {
    console.log(res);
  },
  error: function (err) {
    console.log(err);
  }
});

 

 

 

 

 

 post請求

$.ajax({
  type: "POST",
  url: url + "/test/query2",
  data: {
    name: 'lili'
  },
  success: function (res) {
    console.log(res);
  },
  error: function (err) {
    console.log(err);
  },
});

 

 

以上都是基本用法，接下來演示express + MySql

 

---