Web前端编程 - 使html页面动态化的好方法

Question

有一个Web项目使用Java作为后端＆amp; html5作为前端。

在单点登录功能中，有几个静态html页面：

• signin.html ，获取用户信息，
• signin_confirm.html ，提示登录成功，需要检查电子邮件以确认登录，
• signin_confirm_succeed.html ，成功确认，
• signin_confirm_expired.html ，在错误点击过期确认链接时提示，
• signin_confirm_failed.html ，由于电子邮件不存在或确认代码不匹配而无法确认，

显然，这不是一个好方法，我希望将此功能的静态html数量减少到1或2页，并开发更多功能。

您认为哪些js库适合做这项工作？

Answer 1

在我最近使用AngularJS的项目中，我遇到了同样的问题。我所做的就是使用ui-router简单地将一个主内容div添加到我的html文件中，这将为我提供类似行为的“包含”。对于少量添加，例如<section> s或<div> s，我使用了自己的directives。 最后，您可以通过directive在主视图中提供外部html模板，一起收集并动态设置最终视图。

以下是如何使用自定义directives的一个非常简洁的示例：http://www.ng-newsletter.com/posts/directives.html