学习内容: 后端实战
重点掌握内容:
文件上传、自定义接口、富文本编辑器、Ajax请求、jQuery事件绑定、RESTful API思想
定义表单
表单属性:字典格式,与HTML页面对应一致
FileAllowed:非必填
DataRequired:必填
表单提交方式:post
文件上传:enctype="multipart/form-data"
图片上传
1. 图片文件上传到项目指定路径
2. 图片名称存储到对应数据库表中
3. 图片重命名,传递名称相同的图片会被覆盖
保存标签
用户前台写入标签内容,后端处理时切割,注意使用中文逗号,与前台输入标签分隔一致
flask-ckeditor
(1)表单定义输入域使用ckeditor,html页面加载ckeditor
(2)富文本初始化 ckeditor = CKEditor() ckeditor.init_app(app)
Ajax异步请求
好处:
(1)在不重新加载页面的情况下更新网页
(2)页面加载完成后请求/接收数据,用户体验更好
(3)在后台向服务器发送数据
原理:
step1 创建XMLHttpRequest/ActiveObject对象(new XMLHttpRequest(),浏览器对象,用于在后台与服务器交换数据)
step2 注册回调函数
step3 配置请求参数
step4 发送请求
step5 创建回调(callback())
XMLHttpRequest对象的几种状态
0:对象没有完成初始化
1:对象开始发送请求
2:请求发送完成
3:开始读取服务器响应
4:读取服务器响应结束
jQuery中的ajax函数,$.ajax(options),传递的参数:
请求地址URL
请求类型method
请求参数data
请求返回数据类型dataType(xml/json/html等)
请求头header
请求成功后的回调success
发生错误后的回调error
请求完成后的回调complete
ajax快捷函数
.post() post请求
.get() get请求
.getJSON() get请求json数据
ajax全局设置
ajaxSetup()全局设置使用场景
a、请求响应拦截,如http状态码为401,跳转到登录页面
b、添加全局参数,如error: function(){}
c、添加请求头信息
分页异步加载数据
过程:
step1 后端编写API接口
step2 前端调用接口
step3 渲染页面、绑定功能
RESTful API
REST:设计API的模式,是一种网络应用程序的设计风格和开发方式
URL代表请求资源
HTTP请求方式:get、post、put、delete
常见的状态码:200 400 404 501 500