針對superset 學習時,一些詳解:
使用說明
- 配置環(huán)境
1.1 后端環(huán)境部署https://www.cnblogs.com/calmzeal/archive/2017/08/14/7359144.html
- 項目目錄
2.1 assets目錄
2.1.1 簡介:前端編譯生成dist文件亿遂,后端編譯的時候直接讀取生成的dist文件傻昙。
2.1.2 branding(商標):存放了superset的svg已經(jīng)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(規(guī)格和說明) ,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 關(guān)于構(gòu)造函數(shù)super()[圖片上傳失敗...(image-fbabf1-1526028038394)]
2.1.5.2.2 ChartBody:圖表編輯頁 用于右側(cè)圖標顯示
2.1.5.2.3 ChartAction: 當前圖標狀態(tài)的定義
2.1.5.2.4 ChartContainer:(暫定)暫時的理解為對當前所定義的圖表狀態(tài),封裝返回提供提示。
2.1.5.2.5 ChartReducer:具體把ChartContainer的狀態(tài)顯示出來
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: 涉及到頁面轉(zhuǎn)義的問題 什往,主要是為了正確顯示html元素。學習地址:
http://dikar.iteye.com/blog/305977
2.2.1.1.2.2 Search:包含查詢的有關(guān)功能:包括下拉框(根據(jù)表的th)慌闭,以及篩選條件等判斷
{{_("Add Filter")}}:用于按鈕前邊提示框文字别威;
2.2.1.2 Baselayout:基本框架 包含 container 和 container-fluid
關(guān)鍵點: 通過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:用于新建數(shù)據(jù)庫時驴剔,測試數(shù)據(jù)庫連接省古。
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:用于創(chuàng)建chart的頁面的外部框架
2.2.2.2.4 Ajah:轉(zhuǎn)義用
2.2.2.2.5 Base:用于樣式的引用,以及js引用
2.2.2.2.6 Basic:模態(tài)框 框架丧失。
2.2.2.2.7 Dashboard:看板的框架
2.2.2.2.8 Export_dashhoards:用于跳轉(zhuǎn)頁面
2.2.2.2.9 Flash_wrapper:flash封裝
2.2.2.2.10 Import_dashboards:導入數(shù)據(jù)庫表
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:數(shù)據(jù)庫操作的接口,以及數(shù)據(jù)庫查詢完之后的保存操作
2.4.4 Utils:獲取username 以及角色相關(guān)的信息
2.4.5 Core:包含不同頁面的構(gòu)造方法布讹,主頁的菜單構(gòu)造琳拭,等具體見頁面?zhèn)渥?/p>
2.5
- 集成錯誤匯總
3.1 后端:
3.1.1 缺少vs 14++環(huán)境 安裝相對應(yīng)的 vs 2015tools 可解決
3.2 前端:
[圖片上傳失敗...(image-4c7244-1526028038395)] 修改 package json方法 把涉及到node_env的 改成如下格式[圖片上傳失敗...(image-eab1d-1526028038395)]
Set…&&..格式即可解決
1
- 常見問題匯總
4.1 有一些參數(shù)哪來的 如appbuilder.appname等 和appbuilder 有關(guān)的 在 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
(持續(xù)更新中)