[開源]一款可視化提效頁面生成工具詳情 - node.js,前端,vuex JavaCodexPro 動態日志

動態

詳情

返回

[開源]一款可視化提效頁面生成工具 - 動態詳情

01:35 下午 · 11月 03 ,2025

一、簡介

基於 vue3.x 可視化拖拽編輯，頁面生成工具。提升前端開發效率，可集成至移動端項目作為通過定義 JSON 直接生成 UI 界面
項目採用了 Apache 2.0 license協議
1. 允許自由使用：你可以自由地使用受該許可證約束的軟件，用於各種目的，包括商業應用。
2. 源代碼可用性：通常要求在分發衍生作品時，提供相應的源代碼。這有助於確保軟件的透明度和可修改性。
3. 專利授權：明確了許可證授予者對軟件所包含的專利的授權，減少了使用者因專利問題而面臨的風險。
4. 兼容性：與許多其他開源許可證具有較好的兼容性，這使得在不同的開源項目之間進行集成和組合更加容易

二、項目界面展示

步驟1

步驟2

步驟3

步驟4

步驟5

步驟6

三、使用説明

componentProperties（組件數據）字段註解

{
  component: 'custommodule',    // 中間部分手機組件的name
  text: '自定義模塊',            // 組件文字描述
  type: '1-14',                 // data-tpye
  active: true,                 // 是否選中
  style: 'custommodulestyle',   // 右邊組件設置的name
  setStyle: {}                  // 組件動態數據
}

自定義組件可以看

src / layout / home / index.vue                 // 編輯頁面文件
src / components / sliderassembly / index.vue   // 左側組件大全文件
src / components / componentscom                // 左側組件目錄
src / components / rightslider                  // 右側組件目錄
src / utils / componentProperties.js            // 組件數據