零基礎(chǔ)教你用Express擼一個后臺系統(tǒng)2(設(shè)計(jì)后臺接口)

Express下設(shè)計(jì)后臺接口

在之前我們完成了Express的基礎(chǔ)配置后钓株,現(xiàn)在來嘗試的做一下后臺的接口設(shè)計(jì)襟齿。
如果不會Express基礎(chǔ)配置的老鐵們铸本,可以看看這個<a href="http://www.reibang.com/p/66589d2a5f77">零基礎(chǔ)教你用Express擼一個后臺系統(tǒng)1(配置Express)</a>

1. 入手

首先看看我們的目錄結(jié)構(gòu)(如下圖)

目錄結(jié)構(gòu)

bin:存放的是啟動服務(wù) 以及其他
pubic:存放的是靜態(tài)資源 (css / images / js /fonts)
routers:存放的是路由
views:存放的則是我們的視圖文件

這里我們要設(shè)計(jì)的接口,其實(shí)就是設(shè)計(jì)routes

打開app.js,找到下面2句

app.use('/', index);
app.use('/users', users);

這里就是我們配置路由的關(guān)鍵語句体斩,
use 函數(shù)的第一個參數(shù) 表示 我們路由的基礎(chǔ)地址,第二個則是對應(yīng)的路由文件的名字

也就是如果我們訪問

127.0.0.1:4000/ 對應(yīng)的就是 index路由里面的配置

127.0.0.1:4000/users 對應(yīng)的就是 users路由里面的配置


2. 配置

我們以users路由配置為例颖低,建立一個簡單的hello world 的接口
打開users.js 發(fā)現(xiàn)下面代碼

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.get('/', function(req, res, next) {
  res.send('respond with a resource');
});

module.exports = router;

其實(shí)在這里官方的實(shí)例已經(jīng)相當(dāng)清晰了絮吵。

router.get 對應(yīng)的是 get請求的方法

router.post 則是對應(yīng)的是post請求方法

回調(diào)function中的 req 代表是請求,res 則是響應(yīng)

對于如何從req中取 get/post的 值這里不再一一說明忱屑,不想查文檔的 可以 直接console一下

同理res 也有多種渲染方式蹬敲,由于我們這里是設(shè)計(jì)一個接口的方式 所以這里就簡單介紹一下返回json 數(shù)據(jù)的接口。

輸入以下代碼莺戒,用來以get訪問/users/test 時反回一個json數(shù)據(jù)

router.get('/test', function(req, res, next) {
  res.json({content:"hello world"});
});

瀏覽器中測試

測試結(jié)果

總結(jié):

Express 中配置接口十分方便與靈活伴嗡,通過req/res 相應(yīng)的方法 可以輕易的達(dá)到多種效果!

點(diǎn)擊查看 <a >項(xiàng)目demo</a>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末从铲,一起剝皮案震驚了整個濱河市瘪校,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌名段,老刑警劉巖阱扬,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異伸辟,居然都是意外死亡麻惶,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進(jìn)店門信夫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來窃蹋,“玉大人,你說我怎么就攤上這事静稻【唬” “怎么了?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵姊扔,是天一觀的道長惠奸。 經(jīng)常有香客問我,道長恰梢,這世上最難降的妖魔是什么佛南? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮嵌言,結(jié)果婚禮上嗅回,老公的妹妹穿的比我還像新娘。我一直安慰自己摧茴,他們只是感情好绵载,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般娃豹。 火紅的嫁衣襯著肌膚如雪焚虱。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天懂版,我揣著相機(jī)與錄音鹃栽,去河邊找鬼。 笑死躯畴,一個胖子當(dāng)著我的面吹牛民鼓,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蓬抄,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼丰嘉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了嚷缭?” 一聲冷哼從身側(cè)響起饮亏,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎阅爽,沒想到半個月后克滴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡优床,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年劝赔,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片胆敞。...
    茶點(diǎn)故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡着帽,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出移层,到底是詐尸還是另有隱情仍翰,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布观话,位于F島的核電站予借,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏频蛔。R本人自食惡果不足惜灵迫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望晦溪。 院中可真熱鬧瀑粥,春花似錦、人聲如沸三圆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至修噪,卻和暖如春查库,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背黄琼。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工膨报, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人适荣。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像院领,于是被迫代替她去往敵國和親弛矛。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,860評論 2 361

推薦閱讀更多精彩內(nèi)容