Node.js 连mysql,然后传数据到静态页面的教程

1. 安装node.js（电脑要连网才能实现下面的操作）

安装教程网址：https://www.cnblogs.com/hermit-gyqy/p/11731343.html
注意，第一次接触node的最好是默认安装到c盘，为了防止出错，path环境也一定要跟着教程安装。

2.打开编译器软件，可以用webstrom，IDEA，......等等软件（个人喜欢IDEA,不过显示的是webstrom界面，两者步骤都是一样的）

安装好node，我们准备开始

• 创建项目名，在项目名里创建一个文件夹（我的文件夹名为public），这个文件夹用来存放我们的页面，以及一些素材；

  
  
  图片.png

• 先确定node有没有安装好，打开cmd框，输入node -v，以及npm -v 如果两个都有，那就是安装好了，安装好了请走下一步，没安装好请查看上面的安装教程地址

  
  
  图片.png
• 点击Terminal(在编译器的底部），在local里面输入npm init -y然后回车
  
  图片.png
  
  1.出现错误的提示，实行下面那一步，如果没有出现错误提示不需要看这一步
  打开设置，在Terminal里的Shell path 选择c盘 - Windows - system32 - cmd.exe 然后确定
  
  图片.png
  
  2.正确的看这一步，安装成功后刷新一下，你会发现你的文件夹下多了一个package.json文件

图片.png

• 输入npm install express --save，你会发现你的文件夹里多了一个node_modules的文件夹
  

  图片.png

• 在根目录下创建一个serverMsql.js

  
  
  图片.png

• 打开数据库

创建数据库：
create database Demo;
打开数据库：
use Demo;
创建表：
create table user(
 id int not null primary key auto_increment,
 username varchar(255) not null ,
 password int(30) not null,
phone varchar(30) not null
 );
在表中插入数据：
 insert into user (username,password,phone) values
('zs',123456,'13112345678'),
('ls',654321,'13187654321');

图片.png

• 在local 里输入npm install mysql --save，然后在serverMsql.js里写入

let express = require('express');
let app = express();
let mysql   = require('mysql');
let connection = mysql.createConnection({
    host   : 'localhost',
    user   : 'root', //数据库账号
    password : 'root', //数据库密码
    database : 'demo' //创建的数据库名
});
//下面是处理跨域问题，必须写
app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By",' 3.2.1')
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
});
//创建数据库的连接
connection.connect();
//sql语句写这，我这是查询语句，err是代表错误信息，result是查询结果
connection.query('SELECT id,username,password,phone from user' , function (err, result) {
    if (err) throw err;
//我这是用get方法，不过我建议用 post,post安全一些，
//    '/user'是你给的url(前端用ajax连的地址是 http://localhost:3006/user,3006是你设置的端口号；
    app.get('/user', function(req, res) {
// 把从数据库里查询的结果发给前端；
        res.send(result);
    });
//这个是在控制台打印数据库里查询的结果，可写可不写
    console.log('--------------------------SELECT----------------------------');
    console.log(result);
    console.log('------------------------------------------------------------\n\n');
});

//数据连接结束
connection.end();

//端口号，是自己设置的，你也可以设置3004
app.listen(3005);

在local 里写 node serverMsql.js 执行语句，你会发现它打印出了你数据库的数据,(如果你想重新运行一下语句，可以快捷键ctrl+c,然后在输入npm ......)

图片.png

• 创建一个index.html（注意一定要运行serverMsql.js文件 代码node serverMsql.js）

//导入jquery文件

结果：

图片.png

图片.png

这是查询数据库的教程，修改和删除后续会发教程的;(送给正在为连数据而烦恼的LLT！）