資訊專欄INFORMATION COLUMN
摘要：安裝環(huán)境度娘創(chuàng)建前端項目創(chuàng)建基于搭建項目收發(fā)請求請求第三方準(zhǔn)備模塊引入使用設(shè)置請求頭地址獲取的參數(shù)是字符串轉(zhuǎn)整數(shù)接口數(shù)據(jù)請求成功接口數(shù)據(jù)返回數(shù)據(jù)請求獲取請求需要模塊準(zhǔn)備使用
1、安裝node環(huán)境（度娘）
2、vue-cli創(chuàng)建前端項目
3、創(chuàng)建node
基于[http://www.expressjs.com.cn/][1]搭建node項目
4、node收發(fā)請求
get請求第三方api：
準(zhǔn)備：request模塊
1、 npm install request --save-dev
2、 app.js 引入 var request = require("request");
使用：
var options = {
url: "",
headers: {//設(shè)置請求頭
"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) { // 請求成功
// console.log("------接口數(shù)據(jù)------",data);
let obj = {
code: 0,
message: "ok",
data: data.filter(item => {return item.status === status})
}
res.json(obj); // 返回數(shù)據(jù)
}
}
request(options,callback)
})
post請求
獲取post請求需要模塊：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請求參數(shù)
// 連接數(shù)據(jù)庫
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ù)庫
準(zhǔn)備：npm install mysql --save-dev
使用：var mysql = require("mysql")
var connection = mysql.createConnection({
host : "",
user : "",
password : "",
database : ""
});
connection.connect();
參見步驟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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/108963.html
摘要：其中用來完成請求，將添加的原型上后就不需要再在每個需要使用它的頁面引入了每個頁面都相當(dāng)于一個組件，文件以結(jié)尾，第一次啟動成功時看到的頁面就是組件，路徑。 學(xué)習(xí)筆記...在線地址：cl8023.com github 數(shù)據(jù)庫已改為mongodb 快速搭建 node 后端服務(wù)Github-quick-node-server 準(zhǔn)備工作 安裝node，這是必須的 新版node自帶npm...
摘要：以為例，編寫來幫助我們完成重復(fù)的工作編譯壓縮我只要執(zhí)行一下就可以檢測到文件的變化，然后為你執(zhí)行一系列的自動化操作，同樣的操作也發(fā)生在這些的預(yù)處理器上。的使用是針對第三方類庫使用各種模塊化寫法以及語法。 showImg(https://segmentfault.com/img/bVbtZYK); 一：前端工程化的發(fā)展 很久以前，互聯(lián)網(wǎng)行業(yè)有個職位叫做 軟件開發(fā)工程師 在那個時代，大家可能...
摘要：本文適合的讀者現(xiàn)在在手淘，京東，今日頭條，美柚等過億用戶的手機中的，都常見網(wǎng)頁，他們有更新快，靈活，便于分享和傳播的特性。這里有他們中的幾個的例子手淘，美柚。 本文適合的讀者??????? 現(xiàn)在在手淘，京東，今日頭條，美柚等過億用戶的手機app中的，都常見h5網(wǎng)頁，他們有更新快，靈活，便于分享和傳播的特性。這里有他們中的幾個h5的例子：（手淘，美柚）。這些app中都嵌者數(shù)以百計，千計的...
摘要：本文適合的讀者現(xiàn)在在手淘，京東，今日頭條，美柚等過億用戶的手機中的，都常見網(wǎng)頁，他們有更新快，靈活，便于分享和傳播的特性。這里有他們中的幾個的例子手淘，美柚。 本文適合的讀者??????? 現(xiàn)在在手淘，京東，今日頭條，美柚等過億用戶的手機app中的，都常見h5網(wǎng)頁，他們有更新快，靈活，便于分享和傳播的特性。這里有他們中的幾個h5的例子：（手淘，美柚）。這些app中都嵌者數(shù)以百計，千計的...
閱讀 916·2021-11-15 17:58
閱讀 3759·2021-11-12 10:36
閱讀 3877·2021-09-22 16:06
閱讀 1039·2021-09-10 10:50
閱讀 1380·2019-08-30 11:19
閱讀 3358·2019-08-29 16:26
閱讀 1010·2019-08-29 10:55
閱讀 3398·2019-08-26 13:48
