如何把Qlik Sense嵌入到Web應用中

2022-01-31 20:55:11 字數 2085 閱讀 2500

題記:這是乙個給初學者(尤其對vs不熟悉的bi工程師)的入門操作嚮導。

qlik sense是qlik公司推出的第二代bi產品,它的架構設計的很靈活,實現了前後端分離,所以理論上你可以只使用sense的後端,而完全自定義前端展示。其實qlik自帶的hub就可以看作是乙個官方實現的前端。

除了架構的靈活性以外,sense在前端部分也提供了很強的擴充套件和整合能力,比如可以通過mashup來自定義頁面,甚至可以把報表或者視覺化物件嵌入到外部web應用程式中。mashup本質也是一種嵌入機制,區別只是在於mashup的頁面是由sense伺服器託管。

具體的步驟如下:

2,啟動visual studio,通過選單「view-other windows-qlik analytics for visual studio」來開啟外掛程式,如下圖所示:

3,在qlik外掛程式中,點選左上角的伺服器圖示來連線到sense伺服器。伺服器可以是桌面版的位址(http://localhost:4848/)也可以是本機或者遠端sense伺服器位址(http[s]:如下所示:

5,在qlik外掛程式中的下半部分,有preview和code兩個標籤頁。在選擇乙個視覺化物件的時候,預覽標籤頁可以顯示這個視覺化物件的靜態圖。而code可以為選中物件顯示如下資訊的腳手架**:

id:所有物件節點(不包括伺服器節點、流節點和資料夾節點)的實體id

iframe:和html類似,只是基於iframe的**

layout:具有id的物件節點的物件模型資料結構的json**

properties:具有id的物件節點的物件屬性資料結構的json**

7,在上圖中點選ok之後,會讓你選擇asp.net所使用的技術,選擇mvc後,點選「change authentication」按鈕,並選擇「windows authentication」。這樣做的原因是為了通過windows驗證來單點登入sense伺服器。當然使用其他驗證方式也可以,只是就需要根據sense的sso規範來額外做驗證整合的開發。其他不用修改,就點ok。注意,理論上選擇web forms或者spa也可以,因為嵌入的主要工作在前端,這裡僅以mvc舉例。如下圖所示:

8,建立好mvc專案之後,_layout.cshtml檔案(在views\shared資料夾裡面),在qlik外掛程式中選擇伺服器節點的html**,拖動到「」之上,儲存更改。如下圖所示:

9,開啟「views\home\index.cshtml」檔案,把三個「」標籤裡面的內容刪除。任意選擇三個視覺化物件的html**,拖動到原來的三個位置中。如下圖所示:

10,按f5執行web應用,就可以在首頁上看到sense的視覺化物件已經嵌入到你自己開發的web應用中了。如下圖所示:

注意:如果視覺化物件不能顯示,可以嘗試使用ie瀏覽器來檢視;如果報錯,可能是qlik外掛程式和伺服器版本有相容性問題,可以把_layout.cshtml中qlik.setonerror方法注釋掉。

預告:接下來我會分享如何把微軟的power bi嵌入到你的web應用中。

如何把 nodejs 模組發布到 npm

node 開發者習慣使用 npm 來管理模組.當我們把 發布到 npm 不但方便自己在專案中 require 進來,還可以把自己的 分享給別人.首先需要乙個 npm 的賬號.可以在 網上註冊,或者 npm adduser 然後登陸這個賬號 npm login,按照提示填入使用者名稱,密碼,郵箱 準備...

如何把資料exp到Sql loader裡

如何把資料exp到sql loader裡 首頁 exp imp 摘自 不詳 exporting table data to sql loader files exporting table data to sql loader files下面是乙個如何把指定table裡的資料通過寫好的script來...

把Qt 的視窗程式 嵌入到 MFC 的視窗程式

2013年11月08日 綜合 共 625字 字型大小 小 中 大 1.執行qt視窗程序,查詢外部視窗控制代碼 findwindow findwindowex 等 2.設定父視窗 setparent 3.移動視窗 movewindow setwindowpos 4.如果需要去掉qt視窗的標題欄,可以修...