[开源]MIT开源协议,基于Vue3.x可视化拖拽编辑,页面生成工具

一、开源项目简介

AS-Editor

基于 Vue3.x 可视化拖拽编辑,页面生成工具。提升前端开发效率,可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

基于Vue可视化拖拽编辑,页面生成工具。提升前端开发效率,可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。

功能强大

基于vue可视化拖拽编辑,页面生成工具。提升前端开发效率,可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。

配置简单

最少的配置就能开始上手使用。

完全开源

社区驱动,共同来完善你的想法。

官方生态

项目

描述

AS-Editor

Vue2版

基于 Vue2 的 AS-Editor

AS-Editor

Vue3版

基于 Vue3 的 AS-Editor

AS-Editor-H5

AS-Editor-H5 是移动端 Vue 模版,可以通过定义的 JSON 生成 Vue 页面

五、技术选型

安装教程

  1. npm install (安装 node_modules 模块)
  2. npm run serve (运行)
  3. npm run build (打包)
  4. npm update (用于更新包到基于规范范围的最新版本)

自定义组件可以看

复制代码
src / layout / home / index.vue                 // 编辑页面文件
src / components / sliderassembly / index.vue   // 左侧组件大全文件
src / components / componentscom                // 左侧组件目录
src / components / rightslider                  // 右侧组件目录
src / utils / componentProperties.js            // 组件数据

componentProperties(组件数据)字段注解

复制代码
{
  component: 'custommodule',    // 中间部分手机组件的name
  text: '自定义模块',            // 组件文字描述
  type: '1-14',                 // data-tpye
  active: true,                 // 是否选中
  style: 'custommodulestyle',   // 右边组件设置的name
  setStyle: {}                  // 组件动态数据
}

六、源码地址

AS-Editor: 基于vue可视化拖拽编辑,页面生成工具。提升前端开发效率,可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。 - Gitee.com

相关推荐
zkmall2 小时前
企业电商解决方案哪家好?ZKmall模块商城全渠道支持 + 定制化服务更省心
大数据·运维·重构·架构·开源
青阳流月11 小时前
1.vue权衡的艺术
前端·vue.js·开源
小小鱼儿小小林12 小时前
免费一键自动化申请、续期、部署、监控所有 SSL/TLS 证书,ALLinSSL开源免费的 SSL 证书自动化管理平台
开源·自动化·ssl
三花AI13 小时前
阿里开源 OmniAvatar:音频驱动数字人模型
开源·资讯
说私域13 小时前
基于开源AI智能客服、AI智能名片与S2B2C商城小程序的微商服务质量提升路径研究
人工智能·小程序·开源
蚂蚁数据AntData13 小时前
从性能优化赛到社区Committer,走进赵宇捷在Apache Fory的成长之路
大数据·开源·apache·数据库架构
阿里云云原生14 小时前
Spring AI Alibaba 游乐场开放!一站式体验AI 应用开发全流程
开源
NocoBase14 小时前
为什么越来越多 Airtable 用户开始尝试 NocoBase?
低代码·开源·资讯
算家计算15 小时前
4 位量化 + FP8 混合精度:ERNIE-4.5-0.3B-Paddle本地部署,重新定义端侧推理效率
人工智能·开源
于顾而言15 小时前
【开源品鉴】FRP源码阅读
后端·网络协议·开源