实例介绍
【实例简介】
superset配置图表免登陆访问，之后可将图表嵌入到html系统中
anu] D: \pyt honVirFabmanager create -admin --app superset Username [admin 1: adnin er first name admin 1: jiang User last name Luser I: mengqin EmailCadminofab-org]:jmgflyefaxmail.com Password Repeat for conf imation cognized Database Authentications 51GTO博客 3)初始化数据库 windows下,先进入到 Python安装目录(或者 virtually的虚拟目录)下,1 ib\site packages\superset\bin F) kenu>D: \ny. hnnUir'venu>rd D: \nyt. hnnUirvenu\Iih \1t. a-nar. kages sime rset:\hin en〉D: pythonIc丶en山加Ei- pac kages superset bin 51CT博客 执行命令: python superset db upgrad c管理景:C: Windows\ system2( cmd. exe INFO Alembic runtime. migration] Running upgrade 472d2f73dfd4,d39b1e37131d-> GG52ncd empty message NE0【己1mhic. un t ime. mi叮 mation] unning upgrade￡959a乐52acd-)476ec6c1? pty wonvirenvslih'hite-packagetEqLalchenysdialectetqlite\baee.py: 1425: SAWa ning: WARNING: SQl-parsed foreign key constraint c datasource nane'datasour BRKQ datasource-name')could not be located in PRAGMA foreign-keys for table INFo Alembic runtime. migration Running upgrade 4736ec66ce19-)67a6ac9b727b. odate spatial_ params NFO IA lemhi. niIntime-mignat innI Ruinning upgrade h7ahar9h27h - 21ARRhr: FhrF2 NFo Alembic, runtime. migration J Running upgrade 21e88bc06c22-> eB66bd2d 4976 49T vises: 21e 98hc06c02 Le Date:2凹18-g2-13g8:B:4.7662?7 HFo alembic, runtime. migration J Running upgrade 8866bd2d4976-> 868c44730581 Ilow multi schema metadata fetch NEo Alembic, runtime. migration J Running upgrade e68c4173c 5B1-> f231d82b9b26 ym沿ag INFQ【 alem tion J Running upgrade f231d82b9b26-> bE756ae 5eb46 al_heat man_ metrin tn metrin NPo Ialcmbic runtimc migration] Running upgrade f231d82b9b26->30bb1rc @dc ?6 mpty message N Alembic, runtime. migration Running upgrade J0bb17cEdc7G, br ? b4G 95751e314 enpty message NFo alembic, runtime. migration] Running upgrade f231d82b9b26->130915246929 HP【LwLv, rulI( ime,iyr⊥u] Running upgrade13的915249929,u495751314 NFO Alembic runtime migrat ion J Running upgrade 5ccf602336a0-2 e502dh2af7be dd template_ params to tablEs INFO alembic runtime. migration Running upgrade e502dbzaf ?be -> c5756hec8b47 Lc ALf NFo Ialemhir rlInt1me-migrat inn ainning lmgrade r5? Rh? - afh?7ffha9r move empty￡ iters aa lalens ort metric migration Running upgrade af b773066a%c -)83a67c5192fa. NF0【a1 eubic.Hunt ic runtime. migration J Runniny upgrade 80a57c5192Fa - bdd c 498dd179 adhoc filters Cenv>D: \ythonVir\env \Lib\site-packages\superset\bin @51GTO 4)加载例子(后续操作都需要在1ib\site- packages\ superset\bin下) py thon superset load examples 5)初始化角色和权限 python superset init 6)启动服务,端口808,使用-p更改端口号。 4.配置数据源 Superset默认使用 sqllite。支持以下数据厍: MySQL pip install mysqlclient Postgres pip install postgresql+psycopg2: / pip install pyhive pip in stall cx Oracle oracle sqlite 默认有了 quite: / Resh ift pip install sqlalchemy-redsh ift postgresql+ psyco pg2∥/ MSSQL pip Install pymssql Impala pip install impy la impala: / Sparks pip Install pyhlve Green plum pip install psyccpg2 postgresql+ psycopg2: / pip install"PyAthenalDBC>1.0.9 Vertica pip install sqlalchemy-vertica-python vertica+ vertica_python: /7 ip install sqlaIchemy-clickhouse dickhouse:∥/ 使用pip安装好数据库后,就可以在Web界面中,配置相关数据源了。 数据库的连接字符串格式参见 http://docs.sqlalchemyorg/en/re110/core/engines.htm1#database-urls 5.登录试用 登录 Superset后,我们就可以配置自己本地数据源了,进行数据查询以及展示。 oo Mic Lhars cep/ + C合① cohost: Houw/supere/ alberca co Superset安全v雪理y 工陌v Misc Charts[c。py☆ Birth in France by department in 2(16 Energy Force Layout Mapbox Lang Lat 20 f Energy Sankey 6.嵌入后台应用 6.1修改配置文件 修改 Superset中的 config.py配置文件,将 PUBLIC ROLE LIKE GAMMA改为True 注释意思 授予公共角色与 GAMMA角色相同的权限集 如朱想让匿名用户查看,可以设置这里,在仪表盘对特定数据集的授权显示,也在这里设置。 1s2 HUBLIL-_HULE⊥LAK上⊥6A =FaLs色 It ransatior path BAHEL DEFAULI HLDER uperset/translations LANGUA nEme name:'Erazilian PortuguesE] 51CTO博客 62去掉Ⅹ Frame- Options限制 C-LERY ACKS LATE- TUt CELERY CON SQL-CELERYDBFILE_ PATH= UsFaLl, join( DATA DIR,celer yub, syliLe PATH= os path. join (DATA DIR, 'celery_results. sqlite) tstatichttpheaderstobeservedbyyoursupersetserver turDine and HIT? HEADE SAMEORIGIN] # HUTP HEACERS t The db id here results in selecting this one as a default in SDL Lab DEFAULT DB ID:- NUll Timeout duration for SQL Lab synchronous queries SOL LAB TIMEOUT- 30 LAB DEF DBTD SQLLAB DEFAULT_ DBID= None 51CTO博客 避免 iframe跨达访问问题。 63加入数据库权限这里加入所有数据库权限 .. Superset a安全v卜管理v詈数据源 用户列表 角色列表 日基本权限 视国菜单 视图菜单权限 把操作日志 1CTQ容 ac, public (can explore json on Superset, can oxplore on Supsrse: all database access on all_data EC1四客 其中: Ocan explore on Superset.为导出图表 can explore json on Superset为导出图表json all database access on all database access访问所有数据库权限,也可以没置单个 6.4 iframe嵌入 Superset实共vF岂v数 y Ld Chas二sa工具v 4 Run JEr 0 Sane Top 10 California Name points TaSte Dalascuce Chat Tyre em几aag( SJMnum-caion以),一 heSenes-I ine chart [1D0 Years ap metres 然51问四〓 <iframe width= 600" height=“400 seamless frame Border="0" scrolling= no src="http://127.0.0.1:8088/superset/explore/? form data=%7B%22datasource%22%3A%223 table%22%2C%22viz type%22%3A%22line%22%2C%22slice id% /iframe> 效果如下 s三升行平台 e 得稻效分析平 Superset嵌入 demc cashporad 次MoDe ●#例 Ppal tIme a superserudAgemo ●B的 m estelI:).4(mram2)非Savr ●su"mL1,曹孔,nM)-5ukou"cant 朗笆理 代居一成器 rabone t anB sUMtnn-safamat 3 Copyright a 2013-202c King All ngns sesener 7.重定向 Superset图表URL 为什么需要重定向呢?这里主要是为了后台应用隐藏 superset.的图表链接,防止被扫描到后,恶意使用;只要在后台 应用重新写一个具有杈限控制的请求链接,重新定向到 superset的图表链接,这样就能防止数据泄露出去。 后台代码 22+3 <div rlasR-hox-hndy"> <div ic="interactive" stylc-hcight: 4JUpx, padding: pa: position: clative:"> sIe="/utis-LiueLDeuuDashussuuI" 1士aDe g51cTO博客 那么,对于链接地址:/ chart/ get DemoDashboardIr1,在后台就可以进行权限管理 8.动态传参交互实现 以上已经完全可以把 superset中的图表嵌入到后台应用系经中了,但是怎么能够实现参数传递呢?现在,我在这里把 实现过程整理出来,跟着试验样例看它怎么实现的 研究一下 superset图表提供出去的链接地址,就可以发现,己json作为参数传递的。如下: form data Datasource:3 table",viz type" " line " slice id": 63, " granularity sqla" ds, "time grain sqla": null, " since" 100 years ago," until":"now", "metrics".[C"aggregate". "SUM", " column [column name" num california,"expression": "CASE WHEN state ='CA' THEN num ELSE O END"), expression Type" SIMPLE","label". "SUM(num california)l]."adhoc filters IC"expression Type". "SIMPLE","subject" gender","operator". "==,comparator"."boy","clause". "WHERE", "sqlExpre Iexpression Type": SIMPLE","subject" name","operator""LIKE, comparator": " Aaron","clause". WHERE sqlExpi ["name"l,"limit: 10", timeseries limit metric" ["aggregate": SUM", column f"column name". " num california","expression". "CASE WHEN state ='CA' THEN num ELSE O END"), expression Type": SIMPLE "label". SUM(num california)1, order desc" true, contribution" false, row limi [null, null, " rolling type". None", time compare [, num period compare". " ,"period ratio type". "growth","resample how" null, " resample rule" null, " resample fil [, compare lag". 10, compare suffix" o10Y , "markup type": markdown","metric", sum num","where": " url 其中,标注××的就是过滤条件的参数配置,于是提取出来在代码中做相应的修改: 因灰连按 CRcl adUll/(ucuuct)/ uauc",m:Lluu-Rc4 gender,era soSob-cet fcamData BOMC=ct. pacJcOLJ=c+(FR2 Laza List(choc?iltara> adhocPilteraArr-nen AzrayLiat<AcocEiisere>( 1《!(51nqt1g,mD(9ne2)1"a11",eqa13(qenda21) ringt mn'ytrmme)II.runs(n chocks1 terser-, add no edhec1ters(s3t"nare”, operator山上”ane)) owobgect. TousNString i formDataJ3on): t9-trormvata J0s15tc curc xedizeat:+dashkcxa rl+sEozm Jata-LUrlUtil, sotURIEnoodezstzing(formDataJcanS-r) 51CTO博客 修改后界面如下: superset武入 demo pashporad 3ues入 deno abead tl Top 10 California Names Timeseries 仅表 悉 upu:e入mo 东纯 输入条件,姓名:Amy,性别选择:gir1,点击查询如下 Supers入de emo D et入0e 以零立 9.结束语 以上实践为预硏 superset可视化工具的过稈整理,编写的样例都很简陋。如果实际应用到项目中去,按照上诉原理, 重新设计一套可拓展,易使用的架构,将其打磨成可配置化的产品工具。这里先留下伏笔,暂不阐述,如果你有好的想 法,欢迎留言交流 【实例截图】
【核心代码】
superset配置图表免登陆访问，之后可将图表嵌入到html系统中
anu] D: \pyt honVirFabmanager create -admin --app superset Username [admin 1: adnin er first name admin 1: jiang User last name Luser I: mengqin EmailCadminofab-org]:jmgflyefaxmail.com Password Repeat for conf imation cognized Database Authentications 51GTO博客 3)初始化数据库 windows下,先进入到 Python安装目录(或者 virtually的虚拟目录)下,1 ib\site packages\superset\bin F) kenu>D: \ny. hnnUir'venu>rd D: \nyt. hnnUirvenu\Iih \1t. a-nar. kages sime rset:\hin en〉D: pythonIc丶en山加Ei- pac kages superset bin 51CT博客 执行命令: python superset db upgrad c管理景:C: Windows\ system2( cmd. exe INFO Alembic runtime. migration] Running upgrade 472d2f73dfd4,d39b1e37131d-> GG52ncd empty message NE0【己1mhic. un t ime. mi叮 mation] unning upgrade￡959a乐52acd-)476ec6c1? pty wonvirenvslih'hite-packagetEqLalchenysdialectetqlite\baee.py: 1425: SAWa ning: WARNING: SQl-parsed foreign key constraint c datasource nane'datasour BRKQ datasource-name')could not be located in PRAGMA foreign-keys for table INFo Alembic runtime. migration Running upgrade 4736ec66ce19-)67a6ac9b727b. odate spatial_ params NFO IA lemhi. niIntime-mignat innI Ruinning upgrade h7ahar9h27h - 21ARRhr: FhrF2 NFo Alembic, runtime. migration J Running upgrade 21e88bc06c22-> eB66bd2d 4976 49T vises: 21e 98hc06c02 Le Date:2凹18-g2-13g8:B:4.7662?7 HFo alembic, runtime. migration J Running upgrade 8866bd2d4976-> 868c44730581 Ilow multi schema metadata fetch NEo Alembic, runtime. migration J Running upgrade e68c4173c 5B1-> f231d82b9b26 ym沿ag INFQ【 alem tion J Running upgrade f231d82b9b26-> bE756ae 5eb46 al_heat man_ metrin tn metrin NPo Ialcmbic runtimc migration] Running upgrade f231d82b9b26->30bb1rc @dc ?6 mpty message N Alembic, runtime. migration Running upgrade J0bb17cEdc7G, br ? b4G 95751e314 enpty message NFo alembic, runtime. migration] Running upgrade f231d82b9b26->130915246929 HP【LwLv, rulI( ime,iyr⊥u] Running upgrade13的915249929,u495751314 NFO Alembic runtime migrat ion J Running upgrade 5ccf602336a0-2 e502dh2af7be dd template_ params to tablEs INFO alembic runtime. migration Running upgrade e502dbzaf ?be -> c5756hec8b47 Lc ALf NFo Ialemhir rlInt1me-migrat inn ainning lmgrade r5? Rh? - afh?7ffha9r move empty￡ iters aa lalens ort metric migration Running upgrade af b773066a%c -)83a67c5192fa. NF0【a1 eubic.Hunt ic runtime. migration J Runniny upgrade 80a57c5192Fa - bdd c 498dd179 adhoc filters Cenv>D: \ythonVir\env \Lib\site-packages\superset\bin @51GTO 4)加载例子(后续操作都需要在1ib\site- packages\ superset\bin下) py thon superset load examples 5)初始化角色和权限 python superset init 6)启动服务,端口808,使用-p更改端口号。 4.配置数据源 Superset默认使用 sqllite。支持以下数据厍: MySQL pip install mysqlclient Postgres pip install postgresql+psycopg2: / pip install pyhive pip in stall cx Oracle oracle sqlite 默认有了 quite: / Resh ift pip install sqlalchemy-redsh ift postgresql+ psyco pg2∥/ MSSQL pip Install pymssql Impala pip install impy la impala: / Sparks pip Install pyhlve Green plum pip install psyccpg2 postgresql+ psycopg2: / pip install"PyAthenalDBC>1.0.9 Vertica pip install sqlalchemy-vertica-python vertica+ vertica_python: /7 ip install sqlaIchemy-clickhouse dickhouse:∥/ 使用pip安装好数据库后,就可以在Web界面中,配置相关数据源了。 数据库的连接字符串格式参见 http://docs.sqlalchemyorg/en/re110/core/engines.htm1#database-urls 5.登录试用 登录 Superset后,我们就可以配置自己本地数据源了,进行数据查询以及展示。 oo Mic Lhars cep/ + C合① cohost: Houw/supere/ alberca co Superset安全v雪理y 工陌v Misc Charts[c。py☆ Birth in France by department in 2(16 Energy Force Layout Mapbox Lang Lat 20 f Energy Sankey 6.嵌入后台应用 6.1修改配置文件 修改 Superset中的 config.py配置文件,将 PUBLIC ROLE LIKE GAMMA改为True 注释意思 授予公共角色与 GAMMA角色相同的权限集 如朱想让匿名用户查看,可以设置这里,在仪表盘对特定数据集的授权显示,也在这里设置。 1s2 HUBLIL-_HULE⊥LAK上⊥6A =FaLs色 It ransatior path BAHEL DEFAULI HLDER uperset/translations LANGUA nEme name:'Erazilian PortuguesE] 51CTO博客 62去掉Ⅹ Frame- Options限制 C-LERY ACKS LATE- TUt CELERY CON SQL-CELERYDBFILE_ PATH= UsFaLl, join( DATA DIR,celer yub, syliLe PATH= os path. join (DATA DIR, 'celery_results. sqlite) tstatichttpheaderstobeservedbyyoursupersetserver turDine and HIT? HEADE SAMEORIGIN] # HUTP HEACERS t The db id here results in selecting this one as a default in SDL Lab DEFAULT DB ID:- NUll Timeout duration for SQL Lab synchronous queries SOL LAB TIMEOUT- 30 LAB DEF DBTD SQLLAB DEFAULT_ DBID= None 51CTO博客 避免 iframe跨达访问问题。 63加入数据库权限这里加入所有数据库权限 .. Superset a安全v卜管理v詈数据源 用户列表 角色列表 日基本权限 视国菜单 视图菜单权限 把操作日志 1CTQ容 ac, public (can explore json on Superset, can oxplore on Supsrse: all database access on all_data EC1四客 其中: Ocan explore on Superset.为导出图表 can explore json on Superset为导出图表json all database access on all database access访问所有数据库权限,也可以没置单个 6.4 iframe嵌入 Superset实共vF岂v数 y Ld Chas二sa工具v 4 Run JEr 0 Sane Top 10 California Name points TaSte Dalascuce Chat Tyre em几aag( SJMnum-caion以),一 heSenes-I ine chart [1D0 Years ap metres 然51问四〓 <iframe width= 600" height=“400 seamless frame Border="0" scrolling= no src="http://127.0.0.1:8088/superset/explore/? form data=%7B%22datasource%22%3A%223 table%22%2C%22viz type%22%3A%22line%22%2C%22slice id% /iframe> 效果如下 s三升行平台 e 得稻效分析平 Superset嵌入 demc cashporad 次MoDe ●#例 Ppal tIme a superserudAgemo ●B的 m estelI:).4(mram2)非Savr ●su"mL1,曹孔,nM)-5ukou"cant 朗笆理 代居一成器 rabone t anB sUMtnn-safamat 3 Copyright a 2013-202c King All ngns sesener 7.重定向 Superset图表URL 为什么需要重定向呢?这里主要是为了后台应用隐藏 superset.的图表链接,防止被扫描到后,恶意使用;只要在后台 应用重新写一个具有杈限控制的请求链接,重新定向到 superset的图表链接,这样就能防止数据泄露出去。 后台代码 22+3 <div rlasR-hox-hndy"> <div ic="interactive" stylc-hcight: 4JUpx, padding: pa: position: clative:"> sIe="/utis-LiueLDeuuDashussuuI" 1士aDe g51cTO博客 那么,对于链接地址:/ chart/ get DemoDashboardIr1,在后台就可以进行权限管理 8.动态传参交互实现 以上已经完全可以把 superset中的图表嵌入到后台应用系经中了,但是怎么能够实现参数传递呢?现在,我在这里把 实现过程整理出来,跟着试验样例看它怎么实现的 研究一下 superset图表提供出去的链接地址,就可以发现,己json作为参数传递的。如下: form data Datasource:3 table",viz type" " line " slice id": 63, " granularity sqla" ds, "time grain sqla": null, " since" 100 years ago," until":"now", "metrics".[C"aggregate". "SUM", " column [column name" num california,"expression": "CASE WHEN state ='CA' THEN num ELSE O END"), expression Type" SIMPLE","label". "SUM(num california)l]."adhoc filters IC"expression Type". "SIMPLE","subject" gender","operator". "==,comparator"."boy","clause". "WHERE", "sqlExpre Iexpression Type": SIMPLE","subject" name","operator""LIKE, comparator": " Aaron","clause". WHERE sqlExpi ["name"l,"limit: 10", timeseries limit metric" ["aggregate": SUM", column f"column name". " num california","expression". "CASE WHEN state ='CA' THEN num ELSE O END"), expression Type": SIMPLE "label". SUM(num california)1, order desc" true, contribution" false, row limi [null, null, " rolling type". None", time compare [, num period compare". " ,"period ratio type". "growth","resample how" null, " resample rule" null, " resample fil [, compare lag". 10, compare suffix" o10Y , "markup type": markdown","metric", sum num","where": " url 其中,标注××的就是过滤条件的参数配置,于是提取出来在代码中做相应的修改: 因灰连按 CRcl adUll/(ucuuct)/ uauc",m:Lluu-Rc4 gender,era soSob-cet fcamData BOMC=ct. pacJcOLJ=c+(FR2 Laza List(choc?iltara> adhocPilteraArr-nen AzrayLiat<AcocEiisere>( 1《!(51nqt1g,mD(9ne2)1"a11",eqa13(qenda21) ringt mn'ytrmme)II.runs(n chocks1 terser-, add no edhec1ters(s3t"nare”, operator山上”ane)) owobgect. TousNString i formDataJ3on): t9-trormvata J0s15tc curc xedizeat:+dashkcxa rl+sEozm Jata-LUrlUtil, sotURIEnoodezstzing(formDataJcanS-r) 51CTO博客 修改后界面如下: superset武入 demo pashporad 3ues入 deno abead tl Top 10 California Names Timeseries 仅表 悉 upu:e入mo 东纯 输入条件,姓名:Amy,性别选择:gir1,点击查询如下 Supers入de emo D et入0e 以零立 9.结束语 以上实践为预硏 superset可视化工具的过稈整理,编写的样例都很简陋。如果实际应用到项目中去,按照上诉原理, 重新设计一套可拓展,易使用的架构,将其打磨成可配置化的产品工具。这里先留下伏笔,暂不阐述,如果你有好的想 法,欢迎留言交流 【实例截图】
【核心代码】
标签：
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论