Muchos proyectos se realizan en el servidor web. El front-end y el back-end escriben el código JSP. Ambas partes deben trabajar en estrecha colaboración para distinguir las responsabilidades. Algunos proyectos proporcionan métodos tranquilos del backend, y el frontend se llama a sí mismo para hacer bucle con AJAX. Esto suele ser muchas cuerdas de ortografía jQuery, que son demasiado poco intuitivas. Algunas personas han creado una plantilla JS, pero no es mucho mejor.
Es mucho más divertido usar AngularJS, y la sintaxis es similar a JSP:
<! Doctype html> <html ng-app> <head> <meta charset = "utf-8"> <title> ng-repeat directive </title> </head> <body> <table ng-controller = "CartController"> <Taption> mi carrera de compras </tittion> <Ttr> <Ttr> Precio </th> <th> Cantidad </th> <th> Cantidad </th> <th> Operation </th> </tr> <ttr ng-depheat = "elementos en elementos"> <td> {{$ index + 1}} </td> <td> {{item.nnnniP moneda}} </td> <td> <input ng-model = "item.quantity"> </td> <td> {{item.quantity * item.price | moneda}} </td> <td> <button ng-click = "remove ($ index)"> remove </boton> </td> </td> </tr> </table> <script src = "../ lib/angularjs/1.2.26/angular.min.js"> </script> <script> function CartController ($ scope) {$ scope) {$ scope) {$ scope) {$ scope) "Rapoo (Rapoo) V500 Mecánico juego de teclado mecánico Eje amarillo", Cantidad: 1, Precio: 199.00}, {nombre: "Rapoo V20 Optical Gaming Mouse Black Flame Edition", Cantidad: 1, Precio: 139.00}, {Nombre: "Tutorial autoritario AngularJS", Cantidad: 2, precio: 84.20}]; $ scope.remove = function (index) {$ scope.items.splice (index, 1); }} </script> </body> </html>La vida directiva NG-Repeat está en elementos que necesitan bucle de contenido. Los elementos corresponden a los nombres de variables en el controlador. El elemento es un alias para un solo objeto en la matriz. $ índice puede devolver el número de pedido del objeto de referencia actual, a partir de 0 y $ primero, $ Middle y $ Last pueden devolver los valores booleanos para decirle si el elemento actual es el último elemento en el primer medio de la colección.