服务端
- 服务端可以发送以下静态资源
- 经历模板引擎处理的页面
- css
- js
- img
- 数据
- MVC
- app.js 服务器核心
- route.js 路由,不是MVC的一部分,用来做导航
- handler.js 操作模型和视图,并返回给客户端-----C
- model.js 操作数据-----m
- view.js 视图,应用数据-----v
图片预览
- html+js(fileReader接口)+ 图片base64编码,实现图片本地预览。缺点:兼容性
- file的change事件,当选择图片改变才会触发
- 客户端,异步上传图片(file元素的name可以是vatart或其他),可以使用三方插件,可以使用formData API
- 使用formidable存储文件,成功后相应客户端
- 客户端得到相应之后,在预览区域显示图片,并将图片地址存储在hidden元素中,name=vatart
- 客户端提交表单,此时不需要提交文件了,只需要将图片地址提交
异步无刷新加载
- 之前删除文件之后,直接刷新页面,页面会发送同步请求,因为数据改变了。所以页面才会跟着改变
- 使用异步刷新,在删除某条记录之后,再次放松ajax请求,使用模板渲染。
- 优点
- 在拉取数据的时候,可以添加动画,提升用户体验