欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

Vue獲得sql

楊偉東1年前4瀏覽0評論

Vue 可以通過 Ajax 請求獲取后臺數(shù)據(jù),如果需要獲取 SQL 數(shù)據(jù)庫中的數(shù)據(jù),可以通過后臺接口將數(shù)據(jù)轉(zhuǎn)換為 JSON 數(shù)據(jù)格式供前端使用。以下是通過 Vue 獲得 SQL 數(shù)據(jù)庫的方法:

mounted(){
this.getData();
},
methods:{
getData(){
let that = this;
axios.get('/api/getData').then(function(res){
that.dataList = res.data.data;
}).catch(function(error){
console.log(error);
});
}
},
data(){
return{
dataList:[]
}
}

在 mounted 鉤子中調(diào)用 getData 方法,使用 axios 進行 Ajax 請求獲取數(shù)據(jù)。我們可以在方法中定義一個 that 變量指向 Vue 實例,以便在 then 回調(diào)函數(shù)中訪問到 Vue 實例中的 data。在 then 回調(diào)函數(shù)中將 res.data.data 賦值給 dataList,這樣就將獲取到的數(shù)據(jù)保存在了 dataList 中。

前端獲取 SQL 數(shù)據(jù)庫數(shù)據(jù)需要通過后臺接口完成,以下是一個簡單的 Node.js 后臺接口示例:

app.get('/api/getData',function(req,res){
let sql = 'SELECT * FROM table';
connection.query(sql,function(err,result){
if(err){
console.log('[SELECT ERROR]:',err);
res.json({data:{},msg:'SQL ERROR'});
}else{
res.json({data:result,msg:'SUCCESS'});
}
});
});

在 Node.js 中,我們可以使用連接 MySQL 數(shù)據(jù)庫的模塊 mysql,通過編寫 SQL 語句查詢數(shù)據(jù)庫中的數(shù)據(jù)。在 get 請求時執(zhí)行查詢操作,將查詢結果通過 res.json 返回給前端。

以上就是通過 Vue 獲得 SQL 數(shù)據(jù)庫的方法,通過后臺接口的方式,將 SQL 數(shù)據(jù)庫中的數(shù)據(jù)轉(zhuǎn)換為 JSON 數(shù)據(jù)格式供前端使用,從而實現(xiàn)前后端數(shù)據(jù)交互。