来源：极客之家
👉 欢迎加入小哈的星球，你将获得: 专属的项目实战 / 1v1 提问 / Java 学习路线 / 学习打卡 / 每月赠书 / 社群讨论
新项目:《从零手撸：仿小红书（微服务架构）》 正在持续爆肝中，基于 Spring Cloud Alibaba + Spring Boot 3.x + JDK 17..., 点击查看项目介绍； 《从零手撸：前后端分离博客项目（全栈开发）》 2期已完结,演示链接：http://116.62.199.48/; 截止目前，累计输出 62w+ 字，讲解图 2776+ 张，还在持续爆肝中.. 后续还会上新更多项目，目标是将 Java 领域典型的项目都整一波，如秒杀系统, 在线商城, IM 即时通讯，Spring Cloud Alibaba 等等，戳我加入学习，解锁全部项目，已有2200+小伙伴加入
简介 安装教程 使用教程 自定义组件 开源地址
简介
基于vue可视化拖拽编辑，页面生成工具。提升前端开发效率，可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面。
安装教程
npm install：安装node_modules模块npm run serve：运行npm run build：打包npm update：用于更新包到基于规范范围的最新版本
注：在新版本的npm中，默认情况下，
npm install遇到冲突的peerDependencies时将失败。可使用：npm install --legacy-peer-deps
使用教程
自定义组件
创建组件
进入 src/components/componentscom 创建组件（这里以custommodule为实例）
创建组件设置
进入src/components/rightslider 创建组件设置 （这里以custommodulestyle为实例）
添加页面基础组件
进入 src/components/sliderassembly/index.vue 添加数据
实例字段注解
{
text: '自定义模块', // 组件简称
type: 'demo', // 组件唯一值
icon: 'icon-zidingyimokuai', // 组件图标
name: 'custommodule' // 组件里的name
}
创建组件初始化数据
进入src/utils/componentProperties.js 添加组件初始化数据
实例字段注解
{
component: 'custommodule', // 手机组件的name
text: '自定义模块', // 组件文字描述
type: 'demo', // 组件唯一值
active: true, // 是否选中
style: 'custommodulestyle', // 组件设置的name
setStyle: { // 组件动态数据
text: '自定义模块',
demo:'自定义内容',
img:'https://img2.baidu.com/it/u=1905875968,4289754134&fm=26&fmt=auto&gp=0.jpg'
}
}
开源地址
https://gitee.com/was666/as-editor
👉 欢迎加入小哈的星球，你将获得: 专属的项目实战 / 1v1 提问 / Java 学习路线 / 学习打卡 / 每月赠书 / 社群讨论
新项目:《从零手撸：仿小红书（微服务架构）》 正在持续爆肝中，基于 Spring Cloud Alibaba + Spring Boot 3.x + JDK 17..., 点击查看项目介绍； 《从零手撸：前后端分离博客项目（全栈开发）》 2期已完结,演示链接：http://116.62.199.48/; 截止目前，累计输出 62w+ 字，讲解图 2776+ 张，还在持续爆肝中.. 后续还会上新更多项目，目标是将 Java 领域典型的项目都整一波，如秒杀系统, 在线商城, IM 即时通讯，Spring Cloud Alibaba 等等，戳我加入学习，解锁全部项目，已有2200+小伙伴加入
1. 我的私密学习小圈子~
最近面试BAT，整理一份面试资料《Java面试BATJ通关手册》，覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。
获取方式：点“在看”，关注公众号并回复 Java 领取，更多内容陆续奉上。
PS：因公众号平台更改了推送规则，如果不想错过内容，记得读完点一下“在看”，加个“星标”，这样每次新文章推送才会第一时间出现在你的订阅列表里。
点“在看”支持小哈呀，谢谢啦
