Web 前端编程 - 使 html 页面动态化的好方法
Web front-end programming - Good way to make html pages dynamic
有一个 Web 项目使用 Java 作为后端 & html5 作为前端。
在单一登录功能中，有几个静态html页面：
- signin.html,获取用户信息,
- signin_confirm.html，提示登录成功，需要查看邮箱确认登录，
- signin_confirm_succeed.html,确认成功,
- signin_confirm_expired.html，错误点击过期确认时提示link，
- signin_confirm_failed.html，确认失败，由于电子邮件不存在或确认码不匹配，
显然，这不是一个好方法，我想将静态 html 的数量减少到 1 或 2 个页面以实现此功能，并开发更多功能。
你认为哪个js库适合做那个工作？
在我最近使用 AngularJS 的项目中，我遇到了同样的问题。然后我所做的是使用 ui-router 将主 content-div 添加到我的 html-file 中，这将为我提供类似 'include' 的行为。对于少量添加，例如 <section>s 或 <div>s，我使用了自己的 directives。
最后，您可以通过 directive 将外部 html 模板提供到您的主视图中，收集所有内容并动态设置您的最终视图。
这是一个如何使用自定义 directives 的非常简洁的示例：http://www.ng-newsletter.com/posts/directives.html
有一个 Web 项目使用 Java 作为后端 & html5 作为前端。
在单一登录功能中，有几个静态html页面：
- signin.html,获取用户信息,
- signin_confirm.html，提示登录成功，需要查看邮箱确认登录，
- signin_confirm_succeed.html,确认成功,
- signin_confirm_expired.html，错误点击过期确认时提示link，
- signin_confirm_failed.html，确认失败，由于电子邮件不存在或确认码不匹配，
显然，这不是一个好方法，我想将静态 html 的数量减少到 1 或 2 个页面以实现此功能，并开发更多功能。
你认为哪个js库适合做那个工作？
在我最近使用 AngularJS 的项目中，我遇到了同样的问题。然后我所做的是使用 ui-router 将主 content-div 添加到我的 html-file 中，这将为我提供类似 'include' 的行为。对于少量添加，例如 <section>s 或 <div>s，我使用了自己的 directives。
最后，您可以通过 directive 将外部 html 模板提供到您的主视图中，收集所有内容并动态设置您的最终视图。
这是一个如何使用自定义 directives 的非常简洁的示例：http://www.ng-newsletter.com/posts/directives.html