Vue低代碼可視化表單

一款高效的Vue低代碼表單、工作流表單，包含表單設(shè)計(jì)器和表單渲染器，可視化設(shè)計(jì)，一鍵生成源碼，享受更多摸魚時(shí)間。主要功能包括：

1. > 拖拽式可視化表單設(shè)計(jì)；
2. > 支持PC、Pad、H5三種布局；
3. > 支持運(yùn)行時(shí)動態(tài)加載表單；
4. > 支持表單復(fù)雜交互控制；
5. > 支持自定義CSS樣式；
6. > 支持自定義校驗(yàn)邏輯；
7. > 支持國際化多語言；
8. > 兼容IE 11瀏覽器；
9. > 可導(dǎo)出Vue組件、HTML源碼；
10. > 可導(dǎo)出Vue的SFC單文件組件；
11. > 支持開發(fā)自定義組件；
12. > 支持響應(yīng)式自適應(yīng)布局；
13. > 支持VS Code插件；

PageNow數(shù)據(jù)可視化開源版

基于SpringBoot+Vue構(gòu)建的低代碼數(shù)據(jù)可視化開發(fā)平臺，靈活的拖拽式布局、豐富的通用組件，幫助您快速的構(gòu)建與迭代數(shù)據(jù)大屏頁面。

特性

1、原生支持多設(shè)備自動適配，真正做到一次開發(fā)，多處運(yùn)行

2、拖拽式頁面布局設(shè)計(jì)器，支持框選組件、組件復(fù)制粘貼、多組件組合等靈活的設(shè)計(jì)器功能

3、運(yùn)行時(shí)樣式編輯，實(shí)現(xiàn)一切你能想象的畫面

4、運(yùn)行時(shí)自定義腳本編輯，通過豐富的API接口，助你實(shí)現(xiàn)更為豐富的頁面交互效果

5、豐富的組件進(jìn)出場動畫，讓你的頁面不再枯燥無味

6、支持可擴(kuò)展的Echarts圖表配置

7、支持工程級別與頁面級別的圖表主題定制與切換

8、原生支持多種數(shù)據(jù)源綁定（靜態(tài)數(shù)據(jù)、API接口、數(shù)據(jù)庫腳本、CSV數(shù)據(jù)文件）

簡搭云在線可視化表單設(shè)計(jì)

簡搭云可視化表單設(shè)計(jì)器致力于無碼開發(fā)，構(gòu)建各種管理系統(tǒng)，向簡道云方向前進(jìn)，預(yù)覽采用vue源碼進(jìn)行預(yù)覽，同時(shí)支持在線編輯各種業(yè)務(wù)邏輯，可輕松定義各種控件事件。同時(shí)完美仿寫了簡道云的關(guān)聯(lián)數(shù)據(jù)庫控件，關(guān)聯(lián)查詢數(shù)據(jù)控件，邏輯配置等功能，可無碼構(gòu)建各種微系統(tǒng)。

簡搭云可視化平臺總體結(jié)構(gòu)由五部分組成：表單組件，表單互動化定制，模型vue源碼解析器，模型Mybatis語法解析器，表結(jié)構(gòu)創(chuàng)建。 開發(fā)運(yùn)維人員或用戶通過可視化界面設(shè)計(jì)器通過“拖拉拽”的方式，設(shè)計(jì)開發(fā)業(yè)務(wù)表單和流程對象模型。

開發(fā)運(yùn)維人員通過拖拽設(shè)計(jì)，生成對應(yīng)表單設(shè)計(jì)JSON，表單設(shè)計(jì)JSON通過JqueryTemplate模板引擎渲染成vue源碼，vue源碼直接渲染各種表單界面。

而表單設(shè)計(jì)JSON包含了表單提交的json格式信息，通過這些信息我們可以動態(tài)創(chuàng)建修改數(shù)據(jù)庫中的表，生成mybatis語法增刪改查邏輯sql，并保存到數(shù)據(jù)庫中，通過解析mybatis語法sql的后端java代碼實(shí)現(xiàn)數(shù)據(jù)的存貯，從而達(dá)到無碼開發(fā)實(shí)現(xiàn)各種業(yè)務(wù)需求功能。

Vue大屏數(shù)據(jù)可視化

• 一個(gè)基于 vue、datav、Echart 框架的 " 數(shù)據(jù)大屏項(xiàng)目 "，通過 vue 組件實(shí)現(xiàn)數(shù)據(jù)動態(tài)刷新渲染，內(nèi)部圖表可實(shí)現(xiàn)自由替換。部分圖表使用 DataV 自帶組件，可進(jìn)行更改，詳情請點(diǎn)擊下方 DataV 文檔。
• 項(xiàng)目需要全屏展示（按 F11）。
• 項(xiàng)目部分區(qū)域使用了全局注冊方式，增加了打包體積，在實(shí)際運(yùn)用中請使用按需引入。
• 拉取項(xiàng)目之后，建議按照自己的功能區(qū)域重命名文件，現(xiàn)以簡單的位置進(jìn)行區(qū)分。
• 項(xiàng)目環(huán)境：vue-cli-3.0、webpack-4.0、npm-6.13、node-v12.16。

前端數(shù)據(jù)可視化

前端數(shù)據(jù)可視化demo。 項(xiàng)目使用了vue3，由vite構(gòu)建。 可視化方面的庫：原生三件套（HTML+CSS+JS）、ECharts、百度地圖、OpenLayers、ThreeJs、FabricJS

項(xiàng)目使用 vite^2.5.4 搭建。

項(xiàng)目中用到 vue^3.2 、vue-router、vuex 做基礎(chǔ)建設(shè)，使用了 element plus 做基礎(chǔ)ui布局。

本項(xiàng)目是可視化方面的筆記，包含了：

• 原生三件套特效
• svg
• canvas
• ECharts
• 百度地圖
• OpenLayers
• ThreeJS
• FabricJS

最后，速優(yōu)云低代碼平臺提供整套的低代碼APaaS解決方案，可以快速擁有低代碼BI、低代碼小程序、低代碼管理系統(tǒng)等能力，涵蓋vue可視化開發(fā)工具全部功能。如有需要，歡迎聯(lián)系試用

• 上一篇：使用云服務(wù)器的時(shí)候怎么做好主機(jī)安全保護(hù)？
• 下一篇：行業(yè)資訊：微軟的低代碼業(yè)務(wù)營收已突破20億美金