Node.js + React + MySQL + Express 的 Todo 应用程序

image.png

开发环境

image.png

请观看此视频。

 

用过的包裹

后台

image.png
 npm install body-parser cors dotenv express mysql2 nodemon

前端

image.png
 npm install axios react-router-dom react-toastify

已完成的产品

image.png

与MySQL建立连接

 const mysql = require("mysql2");

 const db = mysql.createPool({
  host: process.env.HOST,
  user: "root",
  password: "",
  database: "crud_contact",
});

通过 Axios 获取完整数据。

 const [data, setData] = useState([]);

 const loadData = async () => {
    const response = await axios.get("http://localhost:5000/api/get");
    setData(response.data);
  };

有关资料

 

bannerAds