V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
fomenyesu
V2EX  ›  分享创造

分享一个 egg + antd + react + mysql 的管理后台的实例,自动生成 restful api

  •  1
     
  •   fomenyesu · 2017-07-07 14:54:53 +08:00 · 10227 次点击
    这是一个创建于 2691 天前的主题,其中的信息可能已经有所发展或是发生改变。

    分享一个 egg + antd + react + mysql 的管理后台的实例,自动生成 restful api。顺便求一波 star。 地址: egg-restapi-module-tool

    Egg Restful Api Module Tool

    一个使用 eggjs, react, antd, dva, webpack, mysql 通过模块管理配置模块表跟表结构来生成对应的 restful api 的实例。

    系统主要包括两个功能: 1 模块管理 对模块表进行管理,实现模块表的 CRUD 操作 2 接口管理 提供接口说明,已经接口调试器方便进行接口调试。

    login.png page1.png page2.png page3.png

    Examples for egg

    1 前端使用 react+Antd+Dva 实现页面功能 2 后端使用 eggjs+mysql 实现 3 使用 npm run dev 进行开发 4 npm run build 直接进行构建 5 可作 egg 项目的简单的 boilerplate 使用

    开发

    安装

    install mysql start mysql import testdb.sql to mysql

    npm install
    

    使用说明

    run npm to start server

    npm run dev
    

    前端开发地址: http://localhost:8080 后端开发地址: http://localhost:7001

    也可以使用: npm run dev_static 开发前端 react+antd 的页面 npm run server 开发后端服务器的逻辑 npm run dev 同时开发前后端的业务

    Distribute

    $ npm run build
    $ npm run pro
    

    npm run build 构建前端代码,前端代码会自动复制到后端目录里面 npm run pro 在服务器启动 egg 服务,部署上线 访问地址: http://serverIP:7001

    REST API Example

    api/restql/users GET List

    {
    "meta":{"total":3},
    "data":[
    {"_id":"58d8a899f5f2486f1f6d4236","uid":1,"name":"admin","pass":"123","status":1,"time":"1325472736"},
    {"_id":"58db7828a14b14815447cf33","name":"sdf","pass":"123","status":1,"time":"1325472736","uid":3,"__v":0},
    {"_id":"58db7d3bcee4d48df6f5bdfd","name":"sdddf","pass":"123","status":1,"time":"1325472736","uid":4,"__v":0}
    ]
    }
    

    api/restql/users/1 GET Single Data

    {
    "meta":{"total":1},
    "data":[
    {"_id":"58d8a899f5f2486f1f6d4236","uid":1,"name":"admin","pass":"123","status":1,"time":"1325472736"}
    ]
    }
    

    api/restql/users/2 PUT Update data with uid

    {"name":"admin123","pass":"123","status":1,"time":"1325472736"}
    

    api/restql/users POST insert data

    {"name":"admin123","pass":"123","status":1,"time":"1325472736"}
    

    api/restql/users/2 DELETE Delete data with uid

    {message:"success"}
    

    其他新增的模块都会自动生成这 5 种 restful API 请求接口。

    感谢

    egg

    antd-admin

    4 条回复    2017-07-17 16:00:45 +08:00
    sumstain77
        1
    sumstain77  
       2017-07-07 18:40:56 +08:00
    支持一下
    zvcs
        2
    zvcs  
       2017-07-07 21:01:44 +08:00 via iPhone
    感觉非常实用啊!
    achaocha
        3
    achaocha  
       2017-07-12 19:49:55 +08:00 via Android
    赞一个
    fomenyesu
        4
    fomenyesu  
    OP
       2017-07-17 16:00:45 +08:00
    大侠留步,来个 star。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5488 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 07:39 · PVG 15:39 · LAX 23:39 · JFK 02:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.