推荐一款管理系统专用低代码工具,一天开发一个系统不是梦!(代码片段)

沛沛老爹 沛沛老爹     2022-11-30     706

关键词:

之前写过一篇关于阿里的低代码工具LowCodeEngine 的文章,发现大家还是挺感兴趣的。最近又发现了一款很有意思的低代码工具Yao,支持使用JSON的形式开发管理系统,不仅可以用来开发后端API,还能用来开发前端界面,简洁而且高效,推荐给大家!

Yao简介

Yao是一款Go语言驱动的低代码应用引擎,目前在Github上已有3.8k+Star!使用该框架,你可以通过JSON完成90%的接口和页面开发,用来开发管理系统正合适!Yao的名字源于汉字爻(yáo),是构成八卦的基本符号,看样子作者对八卦还是挺有研究的。

下面使用使用Yao开发的界面效果图,暗黑风格,还是挺炫酷的!

安裝

使用Docker来安装Yao是非常方便的,下面我们就采用此种方式在Linux上安装它!

  • 首先下载Yao的Docker镜像;
docker pull yaoapp/yao:0.9.1-amd64-dev

  • 然后使用如下命令运行Yao容器;
docker run --name yao \\
-p 5099:5099 \\
-v /mydata/yao:/data/app \\
-d yaoapp/yao:0.9.1-amd64-dev

  • 由于Yao命令工具被安装在了Docker容器内部,当我们使用它时需要先进入容器:
docker exec -it yao /bin/bash

  • 比如说在容器中使用yao version命令来查看版本。

使用

接下来介绍下Yao的使用,我们将以mall项目中的品牌管理功能为例,使用Yao来开发下试试!

基本使用

首先还是熟悉下Yao的基本使用吧!

  • 直接进入容器的/data/app目录下,使用如下命令初始化项目;
cd /data/app  # 进入项目目录
yao init # 运行初始化程序

  • Yao将自动生成如下目录,使用ll命令查看下项目的目录结构:

  • 接下来使用yao migrate命令创建数据库表,项目中默认有张测试用的pet表:

  • 然后使用如下命令初始化菜单;
yao run flows.setmenu

  • 接下来使用yao start命令启动服务,控制台输出内容如下;

  • 项目启动成功后就能进行访问了,默认账号密码如下,访问地址:http://192.168.3.105:5099/xiang/login/admin
账号:xiang@iqka.com
密码:A123456p+

  • 登录成功后我们可以发现默认有个测试用的宠物管理的功能;

  • 还有一个用户管理功能;

  • 还有一个菜单管理功能,这些都是基础功能,我们之后会用到。

创建数据模型

下面我们将使用Yao创建数据模型并实现简单的CRUD操作。

  • 我们将通过实现一个简单的商品品牌管理功能,来体验下使用Yao开发应用的神奇之处;

  • 创建数据模型描述文件brand.mod.json,由于容器中的项目目录已经被挂载到了宿主机上,将该文件放到/mydata/yao/models目录下即可:

 "name": "Brand",
 "table":  "name": "brand", "comment": "商品品牌表" ,
 "columns": [
    "label": "ID", "name": "id", "type": "ID",
    "label": "名称", "name": "name", "type": "string" ,
    "label": "首字母", "name": "first_letter", "type": "string" ,
    "label": "排序", "name": "sort", "type": "integer" ,
    "label": "品牌故事", "name": "brand_story", "type": "string",
    "label": "品牌logo", "name": "logo", "type": "string","length":255
 ],
 "values": [
    "name": "万和", "first_letter": "W", "sort": 0, "brand_story": "万和的故事","logo":"test",
    "name": "三星", "first_letter": "S", "sort": 100, "brand_story": "三星的故事","logo":"test",
    "name": "小米", "first_letter": "M", "sort": 200, "brand_story": "小米的故事","logo":"test"
 ],
 "option":  "timestamps": true, "soft_deletes": true 


  • 使用Yao命令创建数据库表;
cd /data/app
yao migrate -n brand

  • 创建成功后,就可以使用yao命令来查询数据了,比如查询所有商品品牌;
yao run models.brand.Get '::'

  • 按主键查询商品品牌;
yao run models.brand.Find 1 '::'

  • 根据ID删除商品品牌;
yao run models.brand.Delete 1

  • 新增商品品牌;
yao run models.brand.Create ':: "name": "万和", "first_letter": "W", "sort": 0, "brand_story": "万和的故事","logo":"http://img.macrozheng.com/mall/images/20200607/5b07ca8aN4e127d2f.jpg"'

  • 修改商品品牌,这操作是不是有点像在命令行中使用SQL的感觉?
yao run models.brand.Save '::"id":2,"brand_story":"修改品牌故事"'

编写接口

下面我们将使用Yao来开发后端接口,这里将实现一个分页查询和保存接口。

  • 首先编写接口描述文件brand.http.json,放入/mydata/yao/apis文件夹下;

  "name": "Brand",
  "version": "1.0.0",
  "description": "商品品牌管理接口",
  "guard": "bearer-jwt",
  "group": "brand",
  "paths": [
    
      "path": "/search",
      "method": "GET",
      "guard": "-",
      "process": "models.brand.Paginate",
      "in": [":query-param", "$query.page", "$query.pagesize"],
      "out": 
        "status": 200,
        "type": "application/json"
      
    ,
    
      "path": "/save",
      "method": "POST",
      "guard": "-",
      "process": "models.brand.Save",
      "in": [":payload"],
      "out": 
        "status": 200,
        "type": "application/json"
      
    
  ]


  • 测试下分页查询接口;
curl 'http://192.168.3.105:5099/api/brand/search?page=1&pagesize=1&where.name.match=小米'

  • 再测试下保存接口,接口开发确实简单了!
curl -X POST http://192.168.3.105:5099/api/brand/save
   -H 'Content-Type: application/json'
   -d ' "name": "新品牌", "first_letter": "X", "sort": 200, "brand_story": "新品牌的故事","logo":"test"'

编写界面

下面我们将使用Yao实现品牌管理的前端界面,还是非常简单的!

  • 编写数据表格描述文件brand.tab.json,放入/mydata/yao/tables文件夹下;

 "name": "Brand",
 "version": "1.0.0",
 "decription": "Brand admin",
 "bind": 
  "model": "brand"
 ,
 "apis": ,
 "columns": 
  "ID": 
   "label": "ID",
   "view": 
    "type": "label",
    "props": 
     "value": ":id"
    
   
  ,
  "Name": 
   "label": "Name",
   "view": 
    "type": "label",
    "props": 
     "value": ":name"
    
   ,
   "edit": 
    "type": "input",
    "props": 
     "value": ":name"
    
   
  ,
  "FirstLetter": 
   "label": "FirstLetter",
   "view": 
    "type": "label",
    "props": 
     "value": ":first_letter"
    
   ,
   "edit": 
    "type": "input",
    "props": 
     "value": ":first_letter"
    
   
  ,
  "Sort": 
   "label": "Sort",
   "view": 
    "type": "label",
    "props": 
     "value": ":sort"
    
   ,
   "edit": 
    "type": "input",
    "props": 
     "value": ":sort"
    
   
  
 ,
 "filters": 
  "Keywords": 
   "label": "输入搜索",
   "bind": "where.name.match",
   "input": 
    "type": "input",
    "props": 
     "placeholder": "请输入关键词"
    
   
  
 ,
 "list": 
  "primary": "id",
  "layout": 
   "columns": [
    
     "name": "ID",
     "width": 80
    ,
    
     "name": "Name",
     "width": 100
    ,
    
     "name": "FirstLetter",
     "width": 200
    ,
    
     "name": "Sort"
    
   ],
   "filters": [
    
     "name": "Keywords"
    
   ]
  ,
  "actions": 
   "pagination": 
    "props": 
     "showTotal": true
    
   
  ,
  "option": 
   "operation": 
    "unfold": true
   
  
 ,
 "edit": 
  "primary": "id",
  "layout": 
   "fieldset": [
    
     "columns": [
      
       "name": "Name",
       "width": 8
      ,
      
       "name": "FirstLetter",
       "width": 8
      ,
      
       "name": "Sort",
       "width": 8
      
     ]
    
   ]
  ,
  "actions": 
   "cancel": ,
   "save": ,
   "delete": 
  
 


  • 接下来就可以直接访问界面了,访问地址:http://192.168.3.105:5099/xiang/table/brand

  • 如果你想这个功能在菜单中显示的话,还需要在菜单设置中添加它。

总结

今天体验了一把Yao,确实是一款很有想法的低代码功工具。使用者只需要使用JSON就可以创建数据库、开发后端API和前端界面,极大地提高了开发效率。不过感觉Yao也有一些不足之处,比如说目前只支持暗色主题,还有就是JSON写错了基本没提示,也没有专门的可以提示语法的开发工具!

参考资料

  • 项目地址:https://github.com/YaoApp/yao

  • 官方文档:https://yaoapps.com/doc


微信8.0将好友放开到了一万,小伙伴可以加我大号了,先到先得,再满就真没了

扫描下方二维码即可加我微信啦,2022,抱团取暖,一起牛逼。

推荐阅读

推荐一款基于springboot+layui后台管理系统(代码片段)

...前后端分离架构敏捷开发框架,可用于快速搭建后台管理系统,本着简化开发、提升开发效率的初衷,框架自研了一套个性化的组件,实现了可插拔的组件式开发方式:单图上传、多图上传、下拉选择、开关... 查看详情

强烈推荐一款搭建企业管理系统的快速开发平台

...间。公司销售总监交给了我一个任务,想做一个企业客户管理系统便于数据分析,更好地开展工作。接到这个任务,我有点蒙圈,负责工程中心做云平台开发的同事每天也忙得不可以开交,我去哪里找人来做这个项目。我知道一... 查看详情

传统编程vs低代码开发

...式均可操作。主要用于开发数据库应用系统,如企业内部管理系统等。那么这种软件快速开发工具到底有什么好处呢?看看对比分析一下传统代码式开发VS快速开发平台开发传统代码的开发和测试周期都很长,往往不 查看详情

编码的未来是根本不需要编码

...走这两种路径:一是使用内部开发人员,构建属于自己的管理系统,想穿西装裁西装、想穿裙子裁裙子,好处是完全符合自身需求,但你却需要更高的成本和漫长的等待。二是外部购买管理系统,胜在便宜,但有得必有失,均码... 查看详情

强烈推荐一款国产物联网实时操作系统rt-thread(代码片段)

文章目录强烈推荐一款国产物联网实时操作系统RT-ThreadRT-Thread的架构实操一把准备工作下载RT-ThreadSimulator例程系统启动代码用户入口代码跑马灯的例子其它例子总结强烈推荐一款国产物联网实时操作系统RT-Thread       RT-Thread&... 查看详情

传统编程vs低代码开发

...式均可操作。主要用于开发数据库应用系统,如企业内部管理系统等。那么这种软件快速开发工具到底有什么好处呢?看看对比分析一下传统代码的开发和测试周期都很长,往往不能准时提交订单,开发好的系统也需要一段时间... 查看详情

信管通低代码快速开发平台简介

...计思想是为了满足大多数的企业和事业单位具体业务信息管理系统开发而研发,企业和事业单位使用的这些系统虽然功能各异,但是从整个界面的结构都是差不多的。下图是院校科研后勤财务报销信息管理系统的一个界... 查看详情

信管通低代码快速开发平台简介

...计思想是为了满足大多数的企业和事业单位具体业务信息管理系统开发而研发,企业和事业单位使用的这些系统虽然功能各异,但是从整个界面的结构都是差不多的。下图是院校科研后勤财务报销信息管理系统的一个界... 查看详情

推荐一款可视化开发表单的java快速开发平台

有时候我们会遇到这样的需求,公司不大,但是信息化程度也蛮高,公司的员工素质也很高,管理也很规范,甚至还有外地分公司,直接上一个OA系统吧,往往也无法符合公司的灵活管理需求,往往受制于商品化OA的功能限制,... 查看详情

信管通低代码快速开发平台简介

五、信管通低代码开发工具总体结构    信管通低代码开发工具包括两个大部分,一部分是公司内部使用的设计工具,负责业务系统的研发设计,另一部分是终端客户使用的应用工具,是由公司内部业务系统开... 查看详情

信管通低代码快速开发平台简介

五、信管通低代码开发工具总体结构    信管通低代码开发工具包括两个大部分,一部分是公司内部使用的设计工具,负责业务系统的研发设计,另一部分是终端客户使用的应用工具,是由公司内部业务系统开... 查看详情

信管通低代码快速开发平台简介

...通低代码快速开发平台软件架构信管通综合协同办公信息管理系统(网络版)是基于客户端/服务器模式,软件分服务器软件和客户端软件,服务器端提供业务系统设计信息、即时通讯服务、业务系统应用数据库访问服务、... 查看详情

信管通低代码快速开发平台简介

四、低代码好感度不高的原因程序员们喜欢“低代码”工具的理念。对他们来说,更少的代码意味着更少的工作和更快的项目、更高的满意度、更精简的预算甚至是更丰厚的奖金。但是他们也都知道,在最后系统提交期... 查看详情

信管通低代码快速开发平台简介

四、低代码好感度不高的原因程序员们喜欢“低代码”工具的理念。对他们来说,更少的代码意味着更少的工作和更快的项目、更高的满意度、更精简的预算甚至是更丰厚的奖金。但是他们也都知道,在最后系统提交期... 查看详情

信管通低代码快速开发平台简介

...,在此基础控件的基础上,可以设置通用控件和专用控件,作为各类系统组件的设计基础。系统提供了业务系统需要的组件的设计功能,可以方便的设计各种界面组件,包括表格列表,树状列表,打印... 查看详情

推荐两款sql注入扫描工具|支持mongodb(代码片段)

推荐两款SQL注入扫描工具:sqlmapnosqlattack是一款基于windows操作系统的扫描工具不支持MongoDB数据库下载地址及使用方法nosqlattack工具nosqlattack是一款基于linux操作系统的扫描工具支持MongoDB数据库下载地址:https://github.com/young... 查看详情

有没有邮件群发工具推荐?

参考技术AWAYINCLOUD微营云邮件平台,可以通过网页和API接入自己的网站、app,满足企业多重的需求。通过网页:不受系统、设备、网络、性能等因素的影响,一台联网的电脑即可随时随地进行大批量发送。通过API接入:支持c、jav... 查看详情

国内哪个低代码开发平台功能比较强大?

...)图1图2图3图4图5低代码平台作为一款“乐高型”的企业管理系统平台,其实它是具有高度灵活的“数据+流程+角色”动态信息管理模型,用户不再需要依赖代码开发,可以通过自主配置的方式,快速搭建企业运营所需的各类管... 查看详情