Giter VIP home page Giter VIP 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

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.