Git Product home page Git Product logo

gen's Introduction

如果您对此项目感兴趣欢迎 star,如果您对有问题和建议欢迎 issues

What?

Gen是generator前三个字母。 根据接口生成页面,减少重复性工作!

目标让用户快速搭建Web App

Why?

后台管理大部分都是增删改查,大部分都是重复性开发,为解决这个问题创建了Gen这个项目

How?

  1. 创建APP,选择使用脚手架,接口,布局
  2. 创建页面, 1)选择页面模版(如: 表单、表格、chart), 2)选择接口根据字段自动生成配置 3)选择字段使用组件,选择使用组件扩展字段并配置 4)如果特殊需求自定义添加组件 5)点击预览按钮查看页面效果(也可以保存后在查看)
  3. 进入app管理列表,点击项目下载到本地,之后就跟正常开发一样了

TODO

  1. 模版和组件扩展配置
  2. 接口可视化配置
  3. 使用electon支持本地预览开发 辅助工具下载
  4. 自定义脚手架(vue、react、bootstrap、小程序等)
  5. 可拖拽搭建页面
  6. 不限语言和框架,通过接口数据生成一切可生成的

演示

扩展字段

打包bug解决方案

修改文件node_modules/af-webpack/lib/getConfig.js中test: /.(js|jsx)$/ 的exclude

exclude: function(xx){
  console.log(xx)
  var emmetioReg = /node_modules\\@emmetio/;
  var isExclude = /node_modules/.test(xx) && !emmetioReg.test(xx);
  return isExclude;
},

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.