前端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字符串到頁面！ ');