資訊專欄INFORMATION COLUMN
摘要：安裝環(huán)境度娘創(chuàng)建前端項(xiàng)目創(chuàng)建基于搭建項(xiàng)目收發(fā)請(qǐng)求請(qǐng)求第三方準(zhǔn)備模塊引入使用設(shè)置請(qǐng)求頭地址獲取的參數(shù)是字符串轉(zhuǎn)整數(shù)接口數(shù)據(jù)請(qǐng)求成功接口數(shù)據(jù)返回?cái)?shù)據(jù)請(qǐng)求獲取請(qǐng)求需要模塊準(zhǔn)備使用
1、安裝node環(huán)境（度娘）
2、vue-cli創(chuàng)建前端項(xiàng)目
3、創(chuàng)建node
基于[http://www.expressjs.com.cn/][1]搭建node項(xiàng)目
4、node收發(fā)請(qǐng)求
get請(qǐng)求第三方api：
準(zhǔn)備：request模塊
1、 npm install request --save-dev
2、 app.js 引入 var request = require("request");
使用：
var options = {
url: "",
headers: {//設(shè)置請(qǐng)求頭
"content-type": "application/json"
},
json: true
};
app.get("/jobs", function (req, res, next) {
var proxy_url = "api地址";
options.url = proxy_url;
var status = +req.query.status // 獲取url?id= 的參數(shù) +是字符串轉(zhuǎn)整數(shù)
function callback(error, response, data) {
// console.log("------接口數(shù)據(jù)------",data);
if (!error && response.statusCode == 200) { // 請(qǐng)求成功
// console.log("------接口數(shù)據(jù)------",data);
let obj = {
code: 0,
message: "ok",
data: data.filter(item => {return item.status === status})
}
res.json(obj); // 返回?cái)?shù)據(jù)
}
}
request(options,callback)
})
post請(qǐng)求
獲取post請(qǐng)求需要模塊：body-parser
準(zhǔn)備： npm install body-parser--save-dev
使用：app.use(bodyParser.urlencoded({extended: false}));
app.post("/addApplication", function(req, res, next) {
let params = req.body; // 獲取post請(qǐng)求參數(shù)
// 連接數(shù)據(jù)庫(kù)
var addSql = "INSERT INTO table_name(name,ip,business,priority) VALUES(?,?,?,?)";
var addSqlParams = [params.name,params.ip.join(","),params.business,params.priority];
//增
connection.query(addSql,addSqlParams,function (err, result) {
if(err){
console.log("[INSERT ERROR] - ",err.message);
let obj = {
code: 1,
message: err.message
}
res.json(obj);
return;
}
let obj = {
code: 0,
message: "ok",
data: result
}
res.json(obj);
});
})
5、連接mySql數(shù)據(jù)庫(kù)
準(zhǔn)備：npm install mysql --save-dev
使用：var mysql = require("mysql")
var connection = mysql.createConnection({
host : "",
user : "",
password : "",
database : ""
});
connection.connect();
參見(jiàn)步驟4，完成數(shù)據(jù)增、刪、改、查功能
6、node 加載靜態(tài)資源
利用 Express 托管靜態(tài)文件
準(zhǔn)備：1、引入path var path = require("path")
2、app.use(express.static(path.join(__dirname, "static")))
"static" 是需要引入靜態(tài)資源的文件夾，包括index.html，css，js, image等靜態(tài)資源
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/108963.html
摘要：其中用來(lái)完成請(qǐng)求，將添加的原型上后就不需要再在每個(gè)需要使用它的頁(yè)面引入了每個(gè)頁(yè)面都相當(dāng)于一個(gè)組件，文件以結(jié)尾，第一次啟動(dòng)成功時(shí)看到的頁(yè)面就是組件，路徑。 學(xué)習(xí)筆記...在線地址：cl8023.com github 數(shù)據(jù)庫(kù)已改為mongodb 快速搭建 node 后端服務(wù)Github-quick-node-server 準(zhǔn)備工作 安裝node，這是必須的 新版node自帶npm...
摘要：以為例，編寫(xiě)來(lái)幫助我們完成重復(fù)的工作編譯壓縮我只要執(zhí)行一下就可以檢測(cè)到文件的變化，然后為你執(zhí)行一系列的自動(dòng)化操作，同樣的操作也發(fā)生在這些的預(yù)處理器上。的使用是針對(duì)第三方類庫(kù)使用各種模塊化寫(xiě)法以及語(yǔ)法。 showImg(https://segmentfault.com/img/bVbtZYK); 一：前端工程化的發(fā)展 很久以前，互聯(lián)網(wǎng)行業(yè)有個(gè)職位叫做 軟件開(kāi)發(fā)工程師 在那個(gè)時(shí)代，大家可能...
摘要：本文適合的讀者現(xiàn)在在手淘，京東，今日頭條，美柚等過(guò)億用戶的手機(jī)中的，都常見(jiàn)網(wǎng)頁(yè)，他們有更新快，靈活，便于分享和傳播的特性。這里有他們中的幾個(gè)的例子手淘，美柚。 本文適合的讀者??????? 現(xiàn)在在手淘，京東，今日頭條，美柚等過(guò)億用戶的手機(jī)app中的，都常見(jiàn)h5網(wǎng)頁(yè)，他們有更新快，靈活，便于分享和傳播的特性。這里有他們中的幾個(gè)h5的例子：（手淘，美柚）。這些app中都嵌者數(shù)以百計(jì)，千計(jì)的...
摘要：本文適合的讀者現(xiàn)在在手淘，京東，今日頭條，美柚等過(guò)億用戶的手機(jī)中的，都常見(jiàn)網(wǎng)頁(yè)，他們有更新快，靈活，便于分享和傳播的特性。這里有他們中的幾個(gè)的例子手淘，美柚。 本文適合的讀者??????? 現(xiàn)在在手淘，京東，今日頭條，美柚等過(guò)億用戶的手機(jī)app中的，都常見(jiàn)h5網(wǎng)頁(yè)，他們有更新快，靈活，便于分享和傳播的特性。這里有他們中的幾個(gè)h5的例子：（手淘，美柚）。這些app中都嵌者數(shù)以百計(jì)，千計(jì)的...
閱讀 855·2021-11-15 17:58
閱讀 3658·2021-11-12 10:36
閱讀 3794·2021-09-22 16:06
閱讀 969·2021-09-10 10:50
閱讀 1333·2019-08-30 11:19
閱讀 3317·2019-08-29 16:26
閱讀 942·2019-08-29 10:55
閱讀 3349·2019-08-26 13:48
