一个时髦的单页程序一个时髦的单页程序
也许单页程序(Single Page Application)并不是什么时髦的玩意，像Gmail在很早之前就已经在使用这种模式。通常的说法是它
通过避免页面刷新大大提高了网站的响应性，像操作桌面应用程序一样。特别是在当今的移动时代，单页程序如果放在移动设
备上去浏览就能够拥有像native app一样的体验，也许我们web开发者们应该期待这种技术的大力普及，这样不管前端还是后
端都是我们的天下啊，让那些Andrioid和IOS开发者们追赶我们吧！好吧，废话不说了，我们会从0开始搭建这样一个单页的
web站点，并且会向大家展示我们标题所列的这些开源框架是如何帮助我们快速构建的。新技术比较多，我也是学习，有不足
的地方请海涵 :)
需求介绍
我们的需求很简单，通过这个单页程序完成对Event的管理，下面简单列几条需求。
功能性需求
1.添加修改Event
2.Event 有opening和closed的状态，也就是需要有关闭Event的功能
3.Event列表页可以根据状态过滤
4.Closed的Event不能再进行修改
非功能性需求
1.尽可能的减少对服务器的请求
2.数据完整性(验证)
3.认证和授权(系统会有至少2种角色，并且拥有不同的权限)
4.可维护性
认证和授权这一块暂时没有做，后面可以继续完善，验证这一块只做了后端的，通常为了安全和用户体验是需要后端和前端都
要实现验证的。这个Demo我已经上传到Windows Azure上去了，大家来体验一把。http://myspademo.cloudapp.net
单页程序介绍
首先我觉得可以把页面的响应模式分成这样大概3个阶段：
1. 最传统的阶段：什么都得刷新
最传统的web站点中，客户端向服务器发送请求，服务器响应之后把生成好的HTML通过Response返回给客户端，这样一来
一往。体验当然是最不好的，同时对服务器来说也需要处理的更多。
2. 页面局部刷新
至从Ajax火起来之后，大家就想起了这一点。页面某一块局部的数据可以在页面在客户端加载完之后，再从新发起一个请求去
把某一块的HTML代码再拿下来显示到页面中。这里面有两种做法，一种是后台直接把HTML生成好了直接返回，另一种做法
是服务器只返回数据，客户端再拼出HTML。采取第二种做法的时候，有人可能已经用上了先进的模板技术，有人可能还在使
用强大的字符串拼接技术。 不管怎么说，我们进步了，用户可以先看到页面，然后某一块慢慢加载，用户感觉爽了，再也不
是一片空白在那里转啊转啊的了。
3. 整站单页
整站单页的时代到来最早是在2005年，当然那时候还只是一个术语。具体的例子，我最早接触到的是Gmail，当然最简单的单
页其实很简单比如说某Q邮箱，整了个Frame在页面里面，不管你怎么点，它懒是感觉没有刷新呀。这里先简单说说我们要实
现的这个单页和用Frame实现的单页相比有什么优势。
拥有良好定义的URL，对用户和搜索引擎都更友好。
可以实现衔接动画，这一点在移动设备上特别重要。
页面生命周期对比
剩余7页未读，继续阅读
资源评论
weixin_38607971
- 粉丝: 3
- 资源: 972
最新资源
- js基础但是这个烂怂东西要求标题不能少于10个字才能上传然后我其实还没有写完之后再修订吧.md
- electron-tabs-master
- Unity3D 布朗运动算法插件 Brownian Motion
- 鼎微R16中控升级包R16-4.5.10-20170221及强制升级方法
- 鼎微R16中控升级包公版UI 2015及强制升级方法，救砖包
- 基于CSS与JavaScript的积分系统设计源码
- 生物化学作业_1_生物化学作业资料.pdf
- 基于libgdx引擎的Java开发连连看游戏设计源码
- 基于MobileNetV3的SSD目标检测算法PyTorch实现设计源码
- 基于Java JDK的全面框架设计源码学习项目
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
