Vue低代碼可視化表單

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

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

PageNow數據可視化開(kāi)源版

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

特性

1、原生支持多設備自動(dòng)適配，真正做到一次開(kāi)發(fā)，多處運行

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

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

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

5、豐富的組件進(jìn)出場(chǎng)動(dòng)畫(huà)，讓你的頁(yè)面不再枯燥無(wú)味

6、支持可擴展的Echarts圖表配置

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

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

簡(jiǎn)搭云在線(xiàn)可視化表單設計

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

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

開(kāi)發(fā)運維人員通過(guò)拖拽設計，生成對應表單設計JSON，表單設計JSON通過(guò)JqueryTemplate模板引擎渲染成vue源碼，vue源碼直接渲染各種表單界面。

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

Vue大屏數據可視化

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

前端數據可視化

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

項目使用 vite^2.5.4 搭建。

項目中用到 vue^3.2 、vue-router、vuex 做基礎建設，使用了 element plus 做基礎ui布局。

本項目是可視化方面的筆記，包含了：

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

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

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