vue+node.js+mysql项目搭建初体验（接口）

用vue搭建前端页面、用node开发后端接口、数据库用mysql。这里只是简单的讲解搭建的逻辑是怎么样的，具体的一些应用还待挖掘。

学了node一直没有真正搞懂它是个什么玩意，总是说node就可以全栈了，简单一点理解就是前端开发者可以使用nodejs开发后端接口，然后自己实现全栈？？应该是这样的吧

目录结构

• end为后端接口文件夹（node）
• front为前端的文件夹（vue）

一、mysql数据库

数据库这里使用的是mysql。最好下一个Navicat，可视化比较好。

• 先创建一个数据库，然后再创建表。然后添加数据。
• 这里已经创建了一个名为test1的数据库，并在里面添加了3张表sc、course、student。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JlRrwvK0-1636074667079)(https://i.loli.net/2021/10/30/ZoaDRhnVgpqrENu.png)]

这样数据库这里就差不多啦！

二、nodejs后端

• 在end文件夹中初始化一个node(express)项目

npm init

• 在项目中安装 express和mysql

npm install mysql express --save

• 新建一个文件index.js为入口文件
  

• 在index.js里面写入

const express = require("express");
const app = express();
const mysql = require("mysql");

app.listen(3001,()=>{
   
    console.log("服务器开启3001端口...")
})


// 创建与数据库的连接
const db = mysql