针对superset 学习时,一些详解:
使用说明
- 配置环境
1.1 后端环境部署https://www.cnblogs.com/calmzeal/archive/2017/08/14/7359144.html
1.2 前端环境部署https://fangyeqing.github.io/2017/03/04/superset%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/#%E5%89%8D%E7%AB%AF%E7%BC%96%E8%AF%91%E9%97%AE%E9%A2%98%E8%AE%B0%E5%BD%95
- 项目目录
2.1 assets目录
2.1.1 简介:前端编译生成dist文件,后端编译的时候直接读取生成的dist文件。
2.1.2 branding(商标):存放了superset的svg已经png图片
2.1.3 images
2.1.3.1 screenshots(截图)
2.1.3.2 tutorial(教程):图片和gif
2.1.3.3 thumbnails(缩略图 两个文件夹)
2.1.4 spec(规格和说明) ,src
2.1.4.1 helpers:browser.js
2.1.5 javaScripts
2.1.5.1 addSlice
2.1.5.1.1 AddSliceContainer:新建图表页面 http://localhost:8088/slicemodelview/add
Vistypes:图标种类
2.1.5.2 Chart
2.1.5.2.1 Chart.jsx : 用于图表页的右面 图表部分
2.1.5.2.1.1 关于构造函数super()[图片上传失败...(image-fbabf1-1526028038394)]
2.1.5.2.2 ChartBody:图表编辑页 用于右侧图标显示
2.1.5.2.3 ChartAction: 当前图标状态的定义
2.1.5.2.4 ChartContainer:(暂定)暂时的理解为对当前所定义的图表状态,封装返回提供提示。
2.1.5.2.5 ChartReducer:具体把ChartContainer的状态显示出来
2.1.5.3 Components
2.1.5.3.1 FileterableTable:
2.2 Templates:模板页
2.2.1 Appbuilder:项目最基本的模板
2.2.1.1 General
2.2.1.1.1 Model
2.2.1.1.1.1 List: 列表页得框架,包含search 和 list
2.2.1.1.2 Widgets:模板页
2.2.1.1.2.1 Base_list: 涉及到页面转义的问题 ,主要是为了正确显示html元素。学习地址:
http://dikar.iteye.com/blog/305977
2.2.1.1.2.2 Search:包含查询的有关功能:包括下拉框(根据表的th),以及筛选条件等判断
{{_("Add Filter")}}:用于按钮前边提示框文字;
2.2.1.2 Baselayout:基本框架 包含 container 和 container-fluid
关键点: 通过include 来加载模板页不同模板
[图片上传失败...(image-4fbf76-1526028038395)]
2.2.1.3 Navbar:页面的头部navbar
2.2.1.4 Navbar_right:通过session 和 配置文件获取 登录信息 以及语言信息 appbuilder.get_url_for_login 已知在core.py中配置 get_url_for_userinfo ,get_url_for_logout 未知哪里配置
2.2.2 Superset
2.2.2.1 Fab_overrides:
2.2.2.1.1 List_with_checkbox:带有选择框的列表页
2.2.2.1.2 List:表格
2.2.2.2 Models
2.2.2.2.1 Database
2.2.2.2.1.1 Add:
2.2.2.2.1.2 Edit:
2.2.2.2.1.3 Marcros:用于新建数据库时,测试数据库连接。
2.2.2.2.2 Partials
2.2.2.2.2.1 _script_tag:引用js
2.2.2.2.2.2 _explore_title:暂时没有用到
2.2.2.2.3 Add_slice:用于创建chart的页面的外部框架
2.2.2.2.4 Ajah:转义用
2.2.2.2.5 Base:用于样式的引用,以及js引用
2.2.2.2.6 Basic:模态框 框架。
2.2.2.2.7 Dashboard:看板的框架
2.2.2.2.8 Export_dashhoards:用于跳转页面
2.2.2.2.9 Flash_wrapper:flash封装
2.2.2.2.10 Import_dashboards:导入数据库表
2.2.2.2.11 No-data:
2.2.2.2.12 Paper-theme:
2.2.2.2.13 Request_access:访问回馈
2.2.2.2.14 Theme:主题 不知道怎么进入http://localhost:8088/superset/theme/
2.2.2.2.15 Traceback:
2.2.2.3 Index:首页
2.3 Translations 修改语言
2.4 Views
2.4.1 Annoatation:注释
2.4.2 Base:主要一些连接成功以及失败的回馈,以及一些模板的路由
2.4.3 Sql_lab:数据库操作的接口,以及数据库查询完之后的保存操作
2.4.4 Utils:获取username 以及角色相关的信息
2.4.5 Core:包含不同页面的构造方法,主页的菜单构造,等具体见页面备注
2.5
- 集成错误汇总
3.1 后端:
3.1.1 缺少vs 14++环境 安装相对应的 vs 2015tools 可解决
3.2 前端:
[图片上传失败...(image-4c7244-1526028038395)] 修改 package json方法 把涉及到node_env的 改成如下格式[图片上传失败...(image-eab1d-1526028038395)]
Set…&&..格式即可解决
1
- 常见问题汇总
4.1 有一些参数哪来的 如appbuilder.appname等 和appbuilder 有关的 在 config里面配置
4.2 React:如何渲染进html
4.3 {% import 'appbuilder/general/lib.html' as lib %} 这是啥。找不到页面,也没有具体的说明
- 一些注意点
5.1 appbuilder.add_link:用于给页面的 下拉框添加菜单,详情见flask_appbuilder 框架:[图片上传失败...(image-f38841-1526028038395)] https://mathpretty.com/9304.html
5.2 redirect:该方法用于重定向页面地址
文件下载地址:https://share.weiyun.com/5dzhm2Z
(持续更新中)