国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Express實現前端后端通信上傳圖片之存儲數據庫(mysql)傻瓜式教程(二)

2024-05-06 16:26:06
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了Express實現前端后端通信上傳圖片之存儲數據庫(mysql)傻瓜教程(二)的相關資料,需要的朋友可以參考下
 

在上篇文章給大家介紹了express實現前端后端通信上傳圖片之存儲數據庫(mysql)傻瓜教程(一)

數據庫如標題,使用開源的mysql為基礎,我是下載的解壓版本(自行百度就有,用百度下載的就行),配置過程,本人在安裝過程中,對于配置my.ini文件著實找了好久的教程,所以貼上本人的my.ini文件

[mysqld]basedir="D:/MySql" datadir="D:/MySql/data" port = 3306socket = "/tmp/mysql.sock"[client] password = port = 3306socket = "/tmp/mysql.sock"default-character-set = utf8 

  可以看到我的mysql是安裝在Mysql文件夾下的,大家可以按照自己的路徑進行修改。

  然后在bin文件夾下運行

mysqld -install

  安裝mysql服務,然后啟動服務。

net start mysql

  上面的配置mysql教程鏈接中有navicat for mysql的下載地址(是mysql的可視化工具),還有注冊的信息,不想打命令行的同學可以下載使用,更加方便些。

  第一次登陸數據庫

mysql -uroot -p

直接回車,沒有密碼。

 

(ps:我在使用中手動填寫數據庫時,輸入中文時會有亂碼問題,解決方案如下:右鍵一個數據庫,然后選擇數據庫屬性,修改字符集為utf8格式,整理選擇第一個就行,如圖:
        )

 

  下面就要使用node連接數據庫了。各位看官可以泡杯茶繼續~。

  felixge/node-mysql是一個純nodejs的用javascript實現的一個MySQL客戶端程序。felixge/node-mysql封裝了Nodejs對MySQL的基本操作,100% MIT公共許可證。

  項目地址:https://github.com/felixge/node-mysql

  在項目中安裝node-mysql,進入昨天建立好的myapp文件夾,運行:

npm install mysql

  接下來進行測試,把官網的例子修改下,放到咱們的項目里面,修改routes/index.js,重啟express

var express = require('express');var router = express.Router();var mysql = require('mysql'); //調用MySQL模塊router.get('/', function(req, res) { res.render('index', { title: '孟星魂' }); //創建一個connection var connection = mysql.createConnection({ host: '127.0.0.1', //主機 user: 'root', //MySQL認證用戶名 password: '111', //MySQL認證用戶密碼,沒有測試沒有密碼時為空是否能登陸,不能的話設置下登陸密碼 port: '3306', //端口號 database: 'nodesample' }); //創建一個connection connection.connect(function(err) { if (err) { console.log('[query] - :' + err); return; } console.log('[connection connect] succeed!'); }); //執行SQL語句 connection.query('SELECT 1 + 1 AS solution', function(err, rows, fields) { if (err) { console.log('[query] - :' + err); return; } console.log('The solution is: ', rows[0].solution); }); //關閉connection connection.end(function(err) { if (err) { return; } console.log('[connection end] succeed!'); });});module.exports = router;

 打開頁面后,命令符顯示效果如下:

 測試成功!!,下面建立測試數據庫

CREATE DATABASE IF NOT EXISTS nodesample CHARACTER SET UTF8;USE nodesample;SET FOREIGN_KEY_CHECKS=0;DROP TABLE IF EXISTS `userinfo`;CREATE TABLE `userinfo` ( `Id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主鍵', `UserName` varchar(64) NOT NULL COMMENT '用戶名', `UserPass` varchar(64) NOT NULL COMMENT '用戶密碼', PRIMARY KEY (`Id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='用戶信息表';

  這段代碼可以直接在navicat里面運行,點擊工具,console,粘貼,回車就好了。
  接下來往數據庫中添加一條數據,修改routes/index.js,如下

var express = require('express');var router = express.Router();var mysql = require('mysql'); //調用MySQL模塊router.get('/', function(req, res) { res.render('index', { title: '孟星魂' }); //創建一個connection var connection = mysql.createConnection({ host: '127.0.0.1', //主機 user: 'root', //MySQL認證用戶名 password: '111', //MySQL認證用戶密碼 port: '3306', //端口號 database: 'nodesample' }); //創建一個connection connection.connect(function(err) { if (err) { console.log('[query] - :' + err); return; } console.log('[connection connect] succeed!'); }); //執行SQL語句 var userAddSql = 'INSERT INTO userinfo(Id,UserName,UserPass) VALUES(0,?,?)'; var userAddSql_Params = ['Wilson', 'abcd']; //增 connection.query(userAddSql, userAddSql_Params, function(err, result) { if (err) { console.log('[INSERT ERROR] - ', err.message); return; } console.log('--------------------------INSERT----------------------------'); //console.log('INSERT ID:',result.insertId);  console.log('INSERT ID:', result); console.log('-----------------------------------------------------------------/n/n'); }); //關閉connection connection.end(function(err) { if (err) { return; } console.log('[connection end] succeed!'); });});

module.exports = router;

  重啟express,刷新頁面,命令符顯示:

  數據庫顯示:

  好了,現在大家已經可以操作數據庫了,基本的一些操作請參考http://www.cnblogs.com/zhongweiv/p/nodejs_mysql.html#mysql_mod,增刪改查里面都有介紹。

   后面應該是介紹大家上傳的圖片存儲數據庫的,但遇到了一些坑,才解決,最精彩的留在明天~,
  主要是路由的問題,主頁請求了模板,這個時候是無法在往前端發送數據的,所以會用到express的中間件,大家晚安~。



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 开平市| 静乐县| 襄汾县| 吕梁市| 霞浦县| 乳源| 沈丘县| 翁牛特旗| 南开区| 潍坊市| 汉源县| 呼和浩特市| 天峨县| 聂拉木县| 望谟县| 苍梧县| 安阳县| 木兰县| 墨玉县| 缙云县| 息烽县| 乐东| 凉城县| 潮安县| 台南市| 海宁市| 新宁县| 双峰县| 武胜县| 平顶山市| 文化| 皋兰县| 大埔县| 齐齐哈尔市| 韶关市| 读书| 休宁县| 响水县| 剑河县| 灌阳县| 南康市|