Git Product home page Git Product logo

as-editor's Introduction

AS-Editor

介绍

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

文档地址:http://qiniu-program.juroom.cn

在线体验:http://qiniu-plat.juroom.cn

安装教程

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

注:在新版本的npm中,默认情况下,npm install遇到冲突的peerDependencies时将失败。 可使用:npm install --legacy-peer-deps

使用说明

使用教程

步骤1 步骤2 步骤3 步骤4 步骤5 步骤6

自定义组件可以看
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
Vue2版
基于 Vue2 的 AS-Editor
AS-Editor
Vue3版
基于 Vue3 的 AS-Editor
AS-Editor-H5 AS-Editor-H5 是移动端 Vue 模版,可以通过定义的 JSON 生成 Vue 页面

感谢捐赠

有育哥 邓跃辉 hackchen 狼牙 许中杰 RainbowParadise 神秘的凯

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

结尾

如果喜欢的话给个 star 一下哈
如果有意见和问题 可以在 lssues 提出,我会在线解答

as-editor's People

Contributors

qq9068149 avatar

Stargazers

 avatar John Doe avatar Yazhu Dong avatar Tianze Ds avatar  avatar  avatar Willaim avatar chaoji avatar  avatar  avatar 胡文鹏 avatar Guing avatar  avatar  avatar  avatar  avatar Jiayi.Jiang avatar Gua16 avatar Frank Cheung avatar Tomcat avatar kinXdle avatar  avatar smq avatar yluchao avatar  avatar 罗凤达 avatar 知理 avatar KerwinChina avatar  avatar daivin avatar Edward Xie avatar  avatar  avatar 丁工 avatar yplovecl avatar  avatar Rex avatar  avatar marsman.fe avatar  avatar wu avatar flyluv avatar  avatar  avatar 云溪 avatar W-O-N-D-E-R avatar LSH:D avatar  avatar 伏毅 avatar Chris-H avatar Burn, blood! avatar Hunter Pardee avatar  avatar  avatar  avatar Nanthen Hale avatar ccwxl avatar Charlie500 avatar d0ng13 avatar  avatar  avatar  avatar  avatar lucifinil avatar Alex Pavlov  avatar  avatar vulcangz avatar FS.IO avatar  avatar  avatar MA Jianjun avatar Frog Weng avatar 智慧哥哥 avatar Eric Moore avatar  avatar  avatar XUDONG avatar Mekel Ilyasa avatar Lancelotnemoj avatar Levin Van avatar Pablo Novas avatar 虎 avatar Chih-En, Huang avatar Mihail Russu avatar phaz avatar Rémi Becheras avatar 奈司兔咪丘灬 avatar yancai avatar Frosty! avatar Dinesh Kesarwani avatar Felix Gartsman avatar 季帅 avatar 陆春 avatar Chandrasekar avatar Tobias Feistmantl avatar AbdullahShaikh avatar Chris Witko avatar Kurt Mueller avatar Lin Hugh avatar Anderson Guilherme Rozaboni avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.