前端3vue+mysql连接实例

前端3vue+mysql连接实例

node -v
npm -v

npm install -g mysql

npm list -global
npm vue info
npm info

实用的Visual Studio Code插件
1.vscode-color-highlight------颜色代码高亮插件。（sublime text也有）
2.vscode-Open in Browser------右键在浏览器打开。（sublime text也有）
3.vscode-Path Intellisense------文件路径提示。（sublime text也有）
4.vscode-JS-CSS-HTML Formatting------js-css-html格式化。（sublime text也有）
5.vscode-Visual Studio Code Format------vscode代码格式增强工具。（右键格式化）
6.vscode-Sass------sass/scss文件语法提示。（sublime text也有）
7.vscode-Easy Sass------scss编译成css，min.css。(不错的一个sass编译工具)
8.vscode-csscomb------css属性排序。（sublime text也有）
9.vscode-HTML Class Suggestions------工作空间class代码提示。

console.log('   node mysqltest.js    ');
console.log('   功能：获取到mysql中的test库的stu数据！传json字符串到页面！     ');

var f1='D:\tencentnodejs\vue06\his.txt'

var f2='his.txt'

var fs = require("fs");

var hello = require('./hello');

hello.world();

//

//var hello = require('./hello');

//hello.world();

//

//in1();

//del(41);

console.log('    //del(41);     http://127.0.0.1:3000/       ');

console.log('  功能：获取到mysql中的test库的stu数据！传json字符串到页面！     ');

var express = require('express');   //引入express模块

var mysql = require('mysql');     //引入mysql模块

var app = express();        //创建express的实例

var connection = mysql.createConnection({      //创建mysql实例

    port:'3306',

    host     : 'localhost',

    user     : 'r666t',

    password : 'shi666',

    database : 'test666'

});

//

//mysql -hlocalhost -P123

//SHOW DATABASES;

//SHOW TABLES;

//SELECT VERSION();

//USE employment;

// 

    var sql = 'SELECT * FROM stu ';

    var str = " ";

    connection.query(sql, function (err,result) {

    if(err){

        console.log('[SELECT ERROR]:',err.message);

    }

    str = JSON.stringify(result);

    //数据库查询的数据保存在result中，但浏览器并不能直接读取result中的结果，因此需要用JSON进行解析

    //console.log(result);   //数据库查询结果返回到result中

    console.log('-----------------------------------------------------');

    console.log(888);

    console.log('-----------------------------------------------------');

    console.log(str);

    console.log('-----------------------------------------------------');

    });

    app.get('/',function (req,res) {

    res.send(str+'<br/> <h1> 数据显示完毕 </h1><br/>   <table> <tr><th>111</th><td>鱼台</td></tr> <tr><td>111</td><td>鱼台</td></tr> </table> ');  //服务器响应请求

    });

 

console.log('    //del(41);     http://127.0.0.1:3000/       ');

console.log('  功能：获取到mysql中的test库的stu数据！传json字符串到页面！     ');