纯粹以ajax为导向的前端范式?

时间:2015-11-26 08:50:44

标签: javascript jquery jsp spring-mvc web

我是网络开发的新手。我正在考虑a general working paradigm前端网页如下:

enter image description here

  1. 首先,客户端将在某个URL上请求服务器,服务器将向客户端返回pure static HTML page。请注意,此静态HTML页面必须与CSS和Javascript轻松连接。它可能包含稍后将填充的placeholders
  2. 其次,在客户端浏览器中加载页面后,将调用init()脚本并向服务器的RESTful API发送AJAX调用。服务器将向客户端响应一些数据以进行初始显示。即填写步骤1中的占位符。
  3. 现在客户端页面已准备就绪,所有占位符都已填满。客户可以查看页面并在其上执行活动。这些活动可以触发对服务器的RESTful API的 ad-hoc AJAX调用,以获取必要的数据。
  4. 我认为这种模式有以下好处:

    1. 初始响应很快,因为它是纯静态HTML,第一次请求不涉及服务器端进程。
    2. 无需学习各种详细语法,如JSP,Expression Language,scriptlet等。
    3. 简单的开发范例。服务器端只需要提供init() API和其他与业务相关的API,所有这些都是RESTful。
    4. 这个范例可以吗?有没有limitations or flaws

      ADD 1

      更多想法:

      如果placeholders仅仅被某些non-interactive内容替换,那么在通过调用服务器RESTful API获取必要的数据后,JS可能很容易生成一些HTML片段。但是,如果placeholders是针对某些complex and interactive内容的,那么生成正确的HTML片段可能并不容易。即It may be not easy to create a complex UI component with JS on client side

      或者,这种生成HTML片段的想法是错误的方法吗?

      ADD 2

      相关主题:

      Pros and cons of an HTML/JavaScript only web app

1 个答案:

答案 0 :(得分:1)

除非你是一个受虐狂,否则我会考虑使用一个现代的单页应用程序网络框架,其中许多实现了你正在计划的东西,但会为你节省大量的锅炉工作。

示例包括:

Angular JS:https://angularjs.org/ ReactJS:https://facebook.github.io/react/ SailsJS:http://sailsjs.org/ Backbone.js的 Meteor.js Knockout.js

等。我从Angular开始,然后在那里工作..

这是一个不错的清单:

http://noeticforce.com/best-Javascript-frameworks-for-single-page-modern-web-applications