工作中用到了express,也是第一次使用express
模板引擎也是一時(shí)半會(huì)適應(yīng)不了!不過(guò)這不是重點(diǎn)。
第一個(gè)問(wèn)題:怎麼加入點(diǎn)擊事件(類似vue,angular什麼的寫法:v-bind=xxx???有這樣的??)
ul(class="communityList")
each item in tree
a(href="joingroup/1")
li(class="CommList")
p(class="comLogo")
if item.img
img(src="#{item['img']}")
else
img(src="http://cdn.duitang.com/.thumb.600_0.jpeg")
p(class="content")
p(class="cTitle")=item['name']
p(class="comInfo")="簡(jiǎn)介:" + item['content']
if item['join'] == 0
p(class="button")="加入" /* 我想給這個(gè)按鈕添加點(diǎn)擊事件 */
else
a(href="" class="ybutton")="已加入"
第二個(gè)問(wèn)題:
頁(yè)面資料全從介面拿
所以:
router.get('/join', function (req, res, next) {
request.post({url: 'https://api.xxx.com/bbs/list', form: {userId: 10000}}, function (err, httpResponse, body) {
body = JSON.parse(body);
res.render('join', {tree: body['return']});
});
/* 如果把第二個(gè)接口寫在這里 也不行,再次render 會(huì)報(bào)錯(cuò)!?。?*/
});
這一個(gè)接口只能拿頁(yè)面的一部分?jǐn)?shù)據(jù),
但是,還有一部分?jǐn)?shù)據(jù)需要訪問(wèn)另一個(gè)接口,總不能寫兩次路由吧(上面那個(gè)是用路由寫的)?寫兩個(gè)也沒(méi)用。
問(wèn)題就是這兩個(gè),不知道表達(dá)清楚沒(méi)有。
1、怎麼給元素綁定事件?
2、怎麼在同一個(gè)頁(yè)面上存取兩個(gè)介面
1.可以直接在元素上寫onclick="要執(zhí)行的函數(shù)",或者在模板底部引入新js,在js中查找dom元素綁定,比如var ele=document.getElement("button"). addEventlistener("click",function(){要執(zhí)行的邏輯})
2.可以綁定動(dòng)態(tài)name,或加個(gè)參數(shù)判斷
第一個(gè)問(wèn)題:
https://forum-archive.vuejs.o...
第二個(gè)問(wèn)題:
你可以在後端請(qǐng)求兩個(gè)接口,然後把兩個(gè)接口請(qǐng)求到的數(shù)據(jù)放進(jìn)一個(gè)物件裡面在頁(yè)面上使用,也可以前端頁(yè)面用js請(qǐng)求另一個(gè)介面的資料然後使用
另外寫一個(gè)js
文件,在pug裡面透過(guò)script標(biāo)籤引入,
js檔案要用express
的static
方法包裝一下。
例如在koa
下的寫法:
app.use(mount('/static', serve(__dirname + '/app/static')));