鍍金池/ 問(wèn)答/Python  數(shù)據(jù)庫(kù)  HTML/ 前端獲取數(shù)據(jù); nodejs + express + mysql

前端獲取數(shù)據(jù); nodejs + express + mysql

不了解后臺(tái)技術(shù);
做了個(gè)頁(yè)面,數(shù)據(jù)庫(kù)mysql; node + express;前端angular2;
但是在獲取數(shù)據(jù)的時(shí)候遇到了問(wèn)題

之前用json-server做的json格式的假數(shù)據(jù),
可以在瀏覽器中l(wèi)ocalhost:3000或者localhost:3000/main/...這種路徑直接顯示出數(shù)據(jù)

但是現(xiàn)在用了數(shù)據(jù)庫(kù)之后,由于不懂后臺(tái),直接把json數(shù)據(jù)整個(gè)INSERT到一個(gè)數(shù)據(jù)表內(nèi)

現(xiàn)在在瀏覽器中可以在localhost:3000內(nèi)直接看到整個(gè)數(shù)據(jù) (轉(zhuǎn)成obj類型輸出),
但是在localhost:3000/main/這種路徑卻取不到數(shù)據(jù)

現(xiàn)在的結(jié)果是

本來(lái)依照假數(shù)據(jù)做的頁(yè)面讀取不到數(shù)據(jù)
請(qǐng)問(wèn)如何改,在哪個(gè)環(huán)節(jié)改?


首先感謝幾位的指導(dǎo)~

還是沒(méi)搞明白
比如數(shù)據(jù)是這樣的:
{

"header": {
    "logo": "assets/img/head_logo.jpg",
    "titleList": [
        {
            "svg": "assets/img/d_home.svg",
            "title": "首頁(yè)"
        },
        {
            "svg": "assets/img/d_work.svg",
            "title": "工作"
        }
    ],
    "musicLogo": {
        "src": "assets/img/me_logo.jpg",
        "className": "musicLogo"
    },
},
"main": {
    
}

}

之前用假數(shù)據(jù), 只要 url: localhost:3000/ 或者 url: localhost:3000/header 都可以獲取到數(shù)據(jù),
之后只要在js里 res.header.titleList 這樣就可以使用數(shù)據(jù);

當(dāng)我要使用后臺(tái)服務(wù)時(shí),直接把這個(gè)數(shù)據(jù)insert 到 mysql 做成數(shù)據(jù)表之后,
也可以在后臺(tái) node app.js 的時(shí)候,在mysql里直接console.log(res.header.*)得到數(shù)據(jù),
但是這個(gè)時(shí)候在瀏覽器內(nèi)瀏覽 localhost:3000/header 卻無(wú)法獲取數(shù)據(jù)

我有看過(guò)express的文檔 和 網(wǎng)上的一些文章,
都是使用假數(shù)據(jù) 或者 在app.send() 時(shí), 直接輸出一個(gè)字符串 比如:
app.get("/header", function(req, res) {

res.json({
    name:"張三",age:40
})

}

或者是輸出一個(gè)文件 比如:
app.get('/about', function(req, res) {
res.sendfile('./views/about.html');
});

但是我想的是不使用這種外部文件,而是直接從后臺(tái)得到數(shù)據(jù) 比如:
app.get("/header", function(req, res) {

res.send(
    res.header   // 是這個(gè)意思
)

}

但是都沒(méi)有找到方法, 是要在express中間件或者nodejs環(huán)節(jié)做什么處理?還是我遺漏了什么環(huán)節(jié)?

回答
編輯回答
風(fēng)畔

express路由就行,這里有我以前寫vue項(xiàng)目使用模擬數(shù)據(jù)的demo,你可以參考以下,是用假數(shù)據(jù)實(shí)現(xiàn)的多接口應(yīng)用.

2017年2月23日 03:43
編輯回答
兔寶寶

應(yīng)該是路由的問(wèn)題,看一下express的路由

2017年4月10日 17:51
編輯回答
幼梔

搭建一個(gè)nodejs和mysql相聯(lián)系的數(shù)據(jù)庫(kù) 然后在SQLserver里面添加數(shù)據(jù)?
如果是這樣的話,你可以搞一搞nodejs

2018年9月18日 18:27
編輯回答
薄荷糖

查閱express路由文檔,映射相應(yīng)的接口到/main

2017年7月31日 10:23