Flask扩展

453 阅读3分钟

Flask oa系统开发

一、Bootstrap+Echarts数据可视化

Flask中的配置信息存在app.config中,可以像操作字典一样进行操作

二、echarts框架的使用

Echarts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9 /10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力

支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达 图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交 互组件,支持多图表、组件的联动和混搭展现

三、Ajax动态数据请求

AJAX(Asynchronous JavaScript and XML)异步的 JavaScript 和 XML

xml一般被js的json对象替换,json对象语法有python的字典基本一致

AJAX 不是新的编程语言,而是一种使用现有标准的新方法

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下

基于JQ的AJAX请求

基本语法:

jQuery.ajax([settings])

常用配置:

配置 描述
async 默认值: true。默认设置下,所有请求均为异步请求,如果需要发送同步请求,请将此选项设置为 false
data 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后
dataFilter 给 AJAX 返回的原始数据的进行预处理的函数
dataType 预期服务器返回的数据类型
error 自动判断 (xml 或 html),请求失败时调用此函数
success 请求成功后的回调函数
type 默认值: "GET")。请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持
url 发送请求的地址

四、Flask富文本编辑器的使用

  • Ckeditor的使用

    • 下载官方包

    ckeditor.com/ckeditor-4/…

    • 导入js文件
    • 修改textarea,增加一个class属性值为ckeditor

五、分页

  • Flask-SQLAlchemy分页

    在当前的项目当中,随着运行的时间,数据会逐渐增多

    在学习查询的时候有用过limit和offset方法进行数据限制

Flask-SQLAlchemy分页,因为自己写分页需要计算总页数,总个数,下一页,上一页等,所以为了简化,包装了分页的功能对象

paginate(page=None, per_page=None, error_out=True, max_per_page=None)

参数 描述
page 指定页码,从1开始
per_page 每一页有几个项
error_out 是否抛出错误,当其为True时,在以下情况会抛出404
max_per_page 当指定了max_per_page时,per_page会受到这个值的限制