Code Monkey home page Code Monkey logo

eightfeet / yugong Goto Github PK

View Code? Open in Web Editor NEW
97.0 6.0 17.0 117.21 MB

前端低代码编辑器,专注于前端视觉设计;用于快速构建活动推广等消费型页面,分离业务层与UI,可便捷的对接到中后台。

Home Page: https://yugong.dawenxi.art/?tpl=142

License: MIT License

JavaScript 0.25% HTML 0.33% Less 3.39% TypeScript 94.40% SCSS 1.62% Shell 0.01%
low-code-framework reactjs react-grid-layout ant-design h5-editor jss low-code

yugong's Introduction

CodingFarmes

愚公码农😄

  1. 用于构建活动推广等消费型页面的低代码开源项目;
  2. 专注于前端视觉设计,可以应用基础组件,也可以封装业务组件,然后对其组合以构成复杂的推广落地页;
  3. Api对接方式灵活,无论你现在使用什么技术栈后台,无需动到任何后台代码即可便捷的对接到编辑器;
  4. 栅格化布局,让页面设计变得有规律,减少因设计布局而造成的决策成本;
  5. 模版化项目管理,可高度复用项目的业务逻辑,又可快速便捷的更改皮肤界面得到不一样的视觉与交互效果;

功能:

  • 可视化编辑器高度可订制(页面、组件);
  • EventEmitter 事件触发与事件监机制,用于统一管理业务组件与全局的事件;
  • runningTimes 业务组件之间共享数据;
  • Api配置 与数据建立连接;
  • 模板化管理,按需加载;

演示:

编辑器地址

用户名:test,密码:123456

本地预览地址

模拟项目(请手机扫描访问):

表单报名或调查问卷

抽奖活动


动画宣导

H5场景展示-FullPage

Documents

概要

编辑器

编辑器与被编辑页sandbox隔离,通过postMessage建立内外通信, 被编辑页与最终项目页面保持一致, 以实现真正意义上的所见即所得;

事件处理(EventEmitter)与运行时(runningTimes)

  1. 通过自定义或者Api收集服务端数据同步到runningTimes统一管理;
  2. 每个模块组件在EventEmitter注册需要暴露出来的方法;
  3. 组件通过事件向EventEmitter调度任何模块组件注册的方法,实现模块组件的相互作用;

Minion

Api配置化

yugong是一套更倾向于前端项目,允许通过api配置化去对接中台或者项目

模板化管理

低代码意味着要么就是把业务逻辑定义到业务组建中去,要么就是定义一系列复杂的配置;

为了复用一些列复杂性的配置,yugong主要功能在客户端,所以并不过多的关注服务端,服务端仅保存了最基本的用户信息、模板信息,以及用户对应的模板关系。每个用户都可以创建自己的项目/模板,当然每个用户可以把个人模板发布为公共模板,以共享烦杂的模板配置信息;

Minion

技术交流

Minion

赞助

求赏杯咖啡☕解解困,或者 加个 star 万分感激

Minion

yugong's People

Contributors

eightfeet avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

yugong's Issues

建议-优化操作流程

简单试了一下编辑移动页面,这个操作流程有点麻烦

添加组件每次都需要点击【添加组件】,然后弹出组件选择列表,下次添加组件还要重复这个过程

建议试一下其他相关产品,然后借鉴一下

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.