美文网首页
superset在window下运行详解(未完待更)

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

作者: shy_1207 | 来源:发表于2018-05-11 16:47 被阅读27次

    针对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
    (持续更新中)

    相关文章

      网友评论

          本文标题:superset在window下运行详解(未完待更)

          本文链接:https://www.haomeiwen.com/subject/ndafdftx.html