javascript - Express, le framework de développement front-end, comment ajouter des événements de liaison aux boutons sous son moteur de modèles?
我想大声告诉你
我想大声告诉你 2017-06-22 11:54:30
0
3
1074

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

我想大声告诉你
我想大声告诉你

répondre à tous(3)
Ty80

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

Peter_Zhu

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

ringa_lee

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

Par exemple, comment écrire sous koa :

app.use(mount('/static', serve(__dirname + '/app/static')));
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal