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的使用
- 下载官方包
- 导入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会受到这个值的限制 |