`

Angular 单页应用

阅读更多
单页应用这个词初一听,还不知道是啥回事,没关系,这篇文章就一步一步地来揭开这个神秘的面纱。

在传统的web应用中,有一系列的hmtl,jps页面,每个页面可能会进行跳转,当然它的步骤是下面的:
1)A页面发起跳转请求;
2)服务器接受后将B页面展现给用户。

上面是目前主流web应用的模式,现在出现了一个单页应用,它又是什么一个意思呢?在讲之前,提提ajax,ajax是异步传输,它只加载了我们需要的数据,节省了很多流量,避免传输整个页面内容。

ok,明白了ajax的原理,其实单页应用就是利用类似的原理来实现的。引用一下老外的话:
Now if we try to understand what a single page application is, it can simply be defined as an application that will load a single HTML page in the browser and on each subsequent requests the new data and new HTML is pulled from the server using AJAX.

什么意思呢?就是将一个页面划分多个区域,如首页,左侧菜单,右侧内容区,底部,其实只有一个是变化的,那就是右侧内容区,所以每次点击不同的请求,只是加载右侧内容区的view。

整个页面的结构大概是这样的:
<div header>xxx</div>
<div navbar>xxx</div>
<div class="content">
    <div ng-view></div>
</div>

请注意那个ng-view,那就是来加载不同的view的,单页其实就是上面的这个模板页。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics