當前位置: 妍妍網 > 碼農

低調使用!一款低程式碼開發平台,基於最新技術棧(Vue3.0+TypeScript+Vite+AntDesignVue)

2024-04-03碼農


大家好!我是老碼農。

今天給大家推薦一款低程式碼開發平台。

我們按照下面的流程

  • 首先:大致體驗這款低程式碼平台;

  • 然後:介紹這款低程式碼平台的官網和gitee程式碼地址;

  • 再次:簡單介紹部署;

  • 技術架構

    作為一個技術人,比較關心技術架構,

    我們還是先了解這款低程式碼平台的結構架構

    後端

  • SpringBoot2.x

  • SpringCloud

  • Mybatis-plus

  • Shiro

  • JWT

  • 微服務技術棧:Spring Cloud Alibaba、Nacos、Gateway、Sentinel、Skywalking;

  • 日誌打印:logback

  • 前端

  • Vue3.0

  • TypeScript

  • Vite

  • AntDesignVue

  • pinia

  • echarts

  • 看完所使用的技術棧,都是當前最主流的技術棧。

    系統架構圖

    架構圖畫的很漂亮,很專業,以後我們做技術方案的時候也可以參考。

    jeecg03

    體驗

    存取系統

    我們首先存取:http://boot3.jeecg.com/

    jeecg01

    登入密碼官方提供了2組

  • 第一組

    登入帳號1:jeecg
    登入密碼1:jeecg#123456

  • 第二組

    登入帳號2:qinfeng
    登入密碼2:jeecg#123456

  • 登入

    我們用這組密碼登入

    登入帳號1:jeecg
    登入密碼1:jeecg#123456

    jeecg02

    我們看一下提供的功能模組吧

    註意:這是一個功能列表,但並不是所有功能都開源了,但開源這部份足夠我們搭建一個完整的後端腳手架。

    ├─系統管理
    │ ├─使用者管理
    │ ├─角色管理
    │ ├─選單管理
    │ ├─許可權設定(支持按鈕許可權、數據許可權)
    │ ├─表單許可權(控制欄位禁用、隱藏)
    │ ├─部門管理
    │ ├─我的部門(二級管理員)
    │ └─字典管理
    │ └─分類字典
    │ └─系統公告
    │ └─職務管理
    │ └─通訊錄
    │ └─多租戶管理
    ├─訊息中心
    │ ├─訊息管理
    │ ├─樣版管理
    ├─程式碼生成器(低程式碼)
    │ ├─程式碼生成器功能(一鍵生成前後端程式碼,生成後無需修改直接用,絕對是後端開發福音)
    │ ├─程式碼生成器樣版(提供4套樣版,分別支持單表和一對多模型,不同風格選擇)
    │ ├─程式碼生成器樣版(生成程式碼,內建excel匯入匯出)
    │ ├─查詢過濾器(查詢邏輯無需編碼,系統根據頁面配置自動生成)
    │ ├─高級查詢器(彈窗自動組合查詢條件)
    │ ├─Excel匯入匯出工具整合(支持單表,一對多 匯入匯出)
    │ ├─平台移動自適應支持
    ├─系統監控
    │ ├─Gateway路由閘道器
    │ ├─效能掃描監控
    │ │ ├─監控 Redis
    │ │ ├─Tomcat
    │ │ ├─jvm
    │ │ ├─伺服器資訊
    │ │ ├─請求追蹤
    │ │ ├─磁盤監控
    │ ├─定時任務
    │ ├─系統日誌
    │ ├─訊息中心(支持簡訊、信件、微信推播等等)
    │ ├─數據日誌(記錄數據快照,可對比快照,檢視數據變更情況)
    │ ├─系統通知
    │ ├─SQL監控
    │ ├─swagger-ui(線上介面文件)
    │─報表範例
    │ ├─曲線圖
    │ └─餅狀圖
    │ └─柱狀圖
    │ └─折線圖
    │ └─面積圖
    │ └─雷達圖
    │ └─儀表圖
    │ └─進度條
    │ └─排名列表
    │ └─等等
    │─大屏樣版
    │ ├─作戰指揮中心大屏
    │ └─物流服務中心大屏
    │─常用範例
    │ ├─自訂元件
    │ ├─物件儲存(對接阿裏雲)
    │ ├─JVXETable範例(各種復雜ERP布局範例)
    │ ├─單表模型例子
    │ └─一對多模型例子
    │ └─打印例子
    │ └─一對多TAB例子
    │ └─內嵌table例子
    │ └─常用選擇元件
    │ └─異步樹table
    │ └─介面模擬測試
    │ └─表格合計範例
    │ └─異步樹列表範例
    │ └─一對多JEditable
    │ └─JEditable元件範例
    │ └─圖片拖拽排序
    │ └─圖片翻頁
    │ └─圖片預覽
    │ └─PDF預覽
    │ └─分屏功能
    │─封裝通用元件
    │ ├─行編輯表格JEditableTable
    │ └─省略顯示元件
    │ └─時間控制項
    │ └─高級查詢
    │ └─使用者選擇元件
    │ └─報表元件封裝
    │ └─字典元件
    │ └─下拉多選元件
    │ └─選人元件
    │ └─選部門元件
    │ └─透過部門選人元件
    │ └─封裝曲線、柱狀圖、餅狀圖、折線圖等等報表的元件(經過封裝,使用簡單)
    │ └─線上code編輯器
    │ └─上傳檔元件
    │ └─驗證碼元件
    │ └─樹列表元件
    │ └─表單禁用元件
    │ └─等等
    │─更多頁面樣版
    │ ├─各種高級表單
    │ ├─各種列表效果
    │ └─結果頁面
    │ └─異常頁面
    │ └─個人頁面
    ├─高級功能
    │ ├─系統編碼規則
    │ ├─提供單點登入CAS整合方案
    │ ├─提供APP釋出方案
    │ ├─整合Websocket訊息通知機制
    ├─Online線上開發(低程式碼)
    │ ├─Online線上表單 - 功能已開放
    │ ├─Online程式碼生成器 - 功能已開放
    │ ├─Online線上報表 - 功能已開放
    │ ├─Online線上圖表(未開源)
    │ ├─Online圖表樣版配置(未開源)
    │ ├─Online布局設計(未開源)
    │ ├─多資料來源管理 - 功能已開放
    ├─積木報表設計器(低程式碼)
    │ ├─打印設計器
    │ ├─數據報表設計
    │ ├─圖形報表設計(支持echart)
    │ ├─大屏設計器(未開源)
    │─更多商業功能 (未開源)
    │ ├─流程設計器
    │ ├─表單設計器
    ├─大屏設計器
    ├─門戶設計/儀表盤設計器
    │ └─我的任務
    │ └─歷史流程
    │ └─歷史流程
    │ └─流程例項管理
    │ └─流程監聽管理
    │ └─流程運算式
    │ └─我發起的流程
    │ └─我的抄送
    │ └─流程委派、抄送、跳轉
    │ └─。。。
    │─OA辦公元件 (未開源)
    │ ├─更多功能
    │ └─。。。
    └─其他模組
    └─更多功能開發中。。

    部份功能截圖

    常規頁面

    jeecg04

    jeecg05
    流程設計

    jeecg06

    jeecg07
    大屏設計器

    jeecg08

    官方

    原始碼

  • 後端原始碼:https://gitee.com/jeecg/jeecg-boot

  • 前端原始碼:https://gitee.com/jeecg/jeecgboot-vue3

  • 體驗網址

  • https://www.jeecg.com/

  • 新手入門資料

  • https://www.jeecg.com/doc/quickstart

  • 本初有如何部署、安裝該低程式碼平台。

    部署

    關於部署大家請參照上面的新手入門資料連結:

  • https://www.jeecg.com/doc/quickstart

  • 總結

    用該平台開源部份能快速搭建起一個前後端腳手架工程,我們還可以基於該框架做二次開發。

    想做低程式碼平平台的攻城獅們,趕快體驗下吧。

    好啦!今天就分享到這裏。

    記得「 關註 」、點「 」、點「 在看 」支持一下老碼農,感謝大家的支持!