Vue+Nodejs+MySQL简单实例开发

环境搭建

前期我们需先安装好Node和MySQL。

安装NodeJS

先去官网下载最新版的Node安装包。

安装一直点击下一步即可。

安装完成后，打开cmd，输入

node -v

显示版本号表示安装成功。

安装Vue-cli

安装好Node.js后，打开cmd，输入

npm install -g vue-cli 

安装完成后，在cmd输入

vue -V 

如显示版本号表示安装成功。

安装MySQL

去到官网下载MySQL的安装包。

选择第二个，点击Download下载。

安装步骤网上有很多教程，这里就不多讲。

安装完成配置好环境后，进入cmd，输入

mysql -uroot -p

然后输入密码后，就会进入MySQL。表示安装配置成功。

安装XAMPP

百度下载安装一个XAMPP。

安装完成后，找到你的安装目录，找到phpMyAdmin文件夹。
C:\xampp\phpMyAdmin（我这里安装在C盘）

打开里面的config.inc.php文件。
找到一下内容并进行修改。

$cfg['Servers'][$i]['user'] = 'root';           //修改成MySQL管理员账号
$cfg['Servers'][$i]['password'] = '123456';     //修改成MySQL管理员密码

$cfg['Servers'][$i]['controluser'] = 'root';     //修改成MySQL管理员账号
$cfg['Servers'][$i]['controlpass'] = '123456';   //修改成MySQL管理员密码

修改好之后，打开XAMPP。
打开里面的Apache和MySQL。

然后点击MySQL后面的Admin，进入phpMyAdmin即可。

搭建服务端

建立数据库

打开phpMyAdmin，在里面输入代码，新建一个test的数据库以及在里面建一个user的表。

-- 数据库： `test`
--
CREATE DATABASE IF NOT EXISTS `test` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
USE `test`;


-- 表的结构 `user`

CREATE TABLE `user` (
  `id` int(11) NOT NULL,
  `name` varchar(50) NOT NULL,
  `age` varchar(4) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;