flask学习笔记

学习内容： 后端实战

 

重点掌握内容：

文件上传、自定义接口、富文本编辑器、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://localhost/users

http://localhost/users/1

HTTP请求方式：get、post、put、delete

常见的状态码：200 400 404 501 500