superset在window下运行详解(未完待更)

2018-05-11  本文已影响27人  shy_1207

针对superset 学习时,一些详解:
使用说明

  1. 配置环境

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

  1. 项目目录

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

  1. 集成错误汇总

3.1 后端:

3.1.1 缺少vs 14++环境 安装相对应的 vs 2015tools 可解决

3.2 前端:

[图片上传失败...(image-4c7244-1526028038395)] 修改 package json方法 把涉及到node_env的 改成如下格式[图片上传失败...(image-eab1d-1526028038395)]

Set…&&..格式即可解决

1

  1. 常见问题汇总

4.1 有一些参数哪来的 如appbuilder.appname等 和appbuilder 有关的 在 config里面配置

4.2 React:如何渲染进html

4.3 {% import 'appbuilder/general/lib.html' as lib %} 这是啥。找不到页面,也没有具体的说明

  1. 一些注意点

5.1 appbuilder.add_link:用于给页面的 下拉框添加菜单,详情见flask_appbuilder 框架:[图片上传失败...(image-f38841-1526028038395)] https://mathpretty.com/9304.html

5.2 redirect:该方法用于重定向页面地址

文件下载地址:https://share.weiyun.com/5dzhm2Z
(持续更新中)

上一篇下一篇

猜你喜欢

热点阅读