一、VUE使用什么連接并搭建搭建本地數據庫
VUE連接并搭建搭建本地數據庫需要一些項目:vue-cli2全局安裝npm install vue-cli -g局部安裝項目vue init webpack 項目名稱例如:vue init webpack demo1二、express-generator1.全局安裝npm install express-generator -g2.express –view=ejs。局部安裝項目。vue init webpack 項目名稱,例如:vue init webpack demo1。
具體內容:
全局安裝
npm install?vue-cli -g
局部安裝項目
vue?init webpack 項目名稱
例如:vue?init webpack demo1
二、express-generator
1.全局安裝
npm install express-generator -g
2.express –view=ejs 項目名稱
例如:express –view =ejs server
3.安裝數據庫
npm install mysql
三、server部署步驟
注意:先下載mysql,開啟
【1.進入前端目錄根目錄安裝server】
【2.創建db文件夾-> 創建sql.js】
var mysql?? =? require(‘mysql’)
// 連接數據庫
var connection = mysql.createConnection({
??? host: ‘localhost’,
??? user: ‘miao’,
??? password: ‘miao’,
??? database: ‘myemployees’
})
module.exports = connection;
【3.server->routes->index.js】
var express = require(‘express’);
var router = express.Router();
var connection = require(‘../db/sql.js’)
router.get(‘/api/userInfo’, function(req, res, next) {
?? connection.query(“select * from departments”,function(error,results,fields){
???? console.log(results)
???? res.json(results)
?? })
});
router.get(‘/api/info’, function(req, res, next) {
? res.json(
????? [
??????? {
????????? name:”小明”,
????????? age:20,
????????? address:’北京’
??????? },
??????? {
????????? name:”小敏”,
????????? age:23,
?????? ???address:’上海’
??????? }
????? ]
??? );
});
module.exports = route
延伸閱讀:
二、什么是數據庫和數據庫管理系統
數據庫的應用非常廣泛,舉個例子,我們平時在瀏覽器上搜索內容,就要用到數據庫去檢索我們的關鍵字。以前我們可能會用數組、集合、文件等來存儲數據,但是接下來我們就會面臨一個問題,當存儲的數據或內容過多的時候,我們如何去精準的找到我們需要的東西,這時候數據庫管理系統就派上了用場。除此之外,數據庫管理系統還能永久的儲存我們的數據。
為了便于大家理解,這里先給大家講解幾個概念
DB數據庫(database):存儲數據的“倉庫”。它保存了一系列有組織的數據。
DBMS數據庫管理系統(Database Management System):數據庫是通過DBMS創建和操作的容器。
SQL,結構化查詢語言(Structured Query Language)用一句話概括,SQL是一種特殊目的的編程語言,一種專門用來與數據庫通信的語言。在數據庫中,數據被結構化并存儲在不同的表中,從而簡化了訪問,更新和操作數據的過程。該表由列和行組成。數據庫中的表可以在關系的幫助下進行連接。要在數據庫中執行與數據相關的任務,可以使用SQL。SQL代表結構化查詢語言,旨在在特定RDBMS內創建,修改和管理數據庫中的數據。
SQL優點:
1、不是某個特定數據庫供應商專有的語言,幾乎所有DBMS(數據庫管理系統)都支持SQL
2、簡單易學
3、雖然簡單,但實際上是一種強有力的語言,靈活使用其語言元素,可以進行非常復雜和高級的數據庫操作。