javascript - Express, le framework de développement front-end, comment ajouter des événements de liaison aux boutons sous son moteur de modèles?

Question

J'utilise Express au travail, et c'est la première fois que j'utilise Express
Le moteur de modèles prendra un certain temps pour s'y habituer ! Mais ce n'est pas le sujet.
La première question : Comment ajouter un événement de clic (similaire à vue, angulaire ou quelque chose comme ceci : v-bind=xxx??? Existe-t-il une telle chose ??)

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")="简介：" + item['content']
                   if item['join'] == 0
                       p(class="button")="加入" /* 我想给这个按钮添加点击事件 */
                   else
               a(href="" class="ybutton")="已加入"

Deuxième question :
Toutes les données de la page sont obtenues à partir de l'interface
Donc :

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']});

    });
    /* 如果把第二个接口写在这里 也不行，再次render 会报错！！！ */
});

Cette interface ne peut récupérer qu'une partie des données sur la page.
Cependant, il reste encore une partie des données qui doivent accéder à une autre interface. Vous ne pouvez pas écrire l'itinéraire deux fois, n'est-ce pas (celui ci-dessus est écrit en utilisant le routage). ? Cela ne sert à rien d’en écrire deux.

Le problème, ce sont ces deux-là, je ne sais pas si je peux les exprimer clairement.
1. Comment lier des événements à des éléments ?
2. Comment accéder à deux interfaces sur la même page

Answer 1

1. Vous pouvez écrire directement onclick="fonction à exécuter" sur l'élément, ou introduire un nouveau js au bas du modèle, et trouver la liaison de l'élément dom dans js, comme
var ele=document.getElement("button").addEventlistener("click",function(){要执行的逻辑})
2. nom dynamique, ou ajoutez un jugement de paramètre

Answer 2

Première question :
https://forum-archive.vuejs.o...
Deuxième question :
Vous pouvez demander deux interfaces sur le backend, puis mettre les données demandées par les deux interfaces en une seule. L'objet est utilisé sur la page, ou la page front-end, peut utiliser js pour demander des données à une autre interface, puis les utiliser

Answer 3

Écrivez une autre js文件，在pug里面通过script标签引入，
js文件要用express的staticméthode pour conclure.

Par exemple, comment écrire sous koa :

app.use(mount('/static', serve(__dirname + '/app/static')));