# 图片网站
# 图片网站一
# 阅读
RIA(SAP)相关学习材料
- what is a single page application (Wikipedia) (opens new window)
- Single page apps in depth (opens new window)
- Important Considerations When Building Single Page Web Apps (opens new window)
- JavaScript Single Page Application Frameworks (opens new window)
- Developing Single Page Apps with Backbone.js (opens new window)
- AngularJS Tutorial - Building a Web App in 5 minutes (opens new window)
- Building single page apps using web components
# 编码
实现一个个人图片展示网站,包括展现及后台管理
以上图仅作参考,大家可以随意按照自己的喜欢进行界面设计。
注意事项
- 支持在管理端拖拽图片来改变图片的分类,以及图片在展示页面的排列顺序
- 支持在管理端通过拖拽分类来改变分类在展示页面的排序
- 支持在管理端上传图片,上传功能可以使用第三方组件,比如 WebUploader
- 除了 jQuery 及 WebUploader ,不允许使用其他框架类库
- 不需要登陆注册等功能
- 如果需要使用 Server 端,不限制语言,Server 端框架使用不限制
# 图片网站二
# 阅读
RIA(SAP)相关学习材料
- what is a single page application (Wikipedia) (opens new window)
- Single page apps in depth (opens new window)
- Important Considerations When Building Single Page Web Apps (opens new window)
- JavaScript Single Page Application Frameworks (opens new window)
- Developing Single Page Apps with Backbone.js (opens new window)
- AngularJS Tutorial - Building a Web App in 5 minutes (opens new window)
- Building single page apps using web components
# 编码
基于上一任务,实现对于图片的复杂编辑功能
以上图仅作参考,大家可以随意按照自己的喜欢进行界面设计。
注意事项
- 进一步完善任务一的功能细节及用户体验
- 提供图片的裁剪功能
- 基于 Canvas 或者 WebGL 实现对于图片的各种滤镜功能