我有一个包含订单项等详细信息的复杂发票页面。我将一直使用这些表格。加载页面时,我正在使用 javacode(for 循环等)并以这种方式编写 html。我可以做的另一件事是返回一个 json 对象并使用 javascript 来构建该表单。什么是更好的做法?
仅供参考,我只使用 Java 、 jsps 、 JQuery 、 json 。
这是两种完全不同的方法。
如果您不受任何技术要求的约束,我建议选择 javascript,因为您有从服务器获取数据的情况。
如果将数据发送到服务器服务器技术是可取的。
这样做有很多“选择”。对于网络表单,我更喜欢带有 json 对象的 javascript 路由。Node.js 非常灵活,很容易实现。
客户端渲染通常被认为较慢(就页面加载时间而言),正如最近发现的那样,当Twitter 从客户端切换回服务器端渲染并发现他们的页面加载时间只有 1/5 时。
当您在具有 16GB RAM 的核心 i7 计算机上运行站点时,这不会有太大的不同。当您在移动设备或旧计算机上运行大量客户端站点时,这很重要。更多的 javascript = 更高的 RAM 使用率和更多的浏览器要做的工作(下载、解析、运行)。
不要误会我的意思,我是客户端渲染的忠实粉丝,因为它让我可以使用很棒的 AngularJS。对我来说,要在两者之间找到一个很好的平衡点:我想要一个具有丰富 UI 体验的快速加载页面。
例如,如果我正在创建一个新的列表页面;我可以从服务器获得前 10 个左右的结果,与页面一起加载。然后我会在底部有一个“加载更多新闻文章”按钮或通过一些javascript调用(例如jQuery $.ajax(),AngularJS $http等)异步加载下一个10个新闻项目到JSON的页面服务。
相对于:
仅限客户端:在您的页面加载时,通过 javascript 和 JSON 加载最初的 10 个新闻项目。单击“加载更多新闻文章”按钮,使用相同的服务然后根据请求加载其他新闻项目。
仅服务器端:从服务器加载带有页面的最初 10 个新闻项。单击“加载更多新闻文章”按钮会触发页面刷新,然后从服务器返回接下来的 10 篇新闻文章。
我建议使用 json、jquery 插件... 更易于管理和更简洁的代码