crudapi增删改查接口零代码产品成功案例之金茶王投票系统

crudapi增删改查接口零代码产品成功案例之金茶王投票系统

简介

2020年由于疫情原因,金茶王投票活动改成线上云投票,所以需要一套投票系统进行比赛。参赛选手包括两种类型,分别为餐厅和师傅,投票通过微信公众号页面进行,为了防止作弊,每人每天可以为3位师傅和3个餐厅投票,投票持续时间为一个星期,最终根据票数进行排名。

UI界面原型

crudapi增删改查接口零代码产品成功案例之金茶王投票系统_第1张图片
crudapi增删改查接口零代码产品成功案例之金茶王投票系统_第2张图片

技术框架

项目采用前后端分离的方式,数据库采用MySql,后端API采用Java+Spring boot,前端H5采用Vue+Quasar, 由于该项目业务逻辑主要就是基本表单的crud增删改查,所以非常适合用crudapi进行二次开发,通过配置实现RESTful API和后台管理Web,前端H5页面单独定制开发即可。

数据库表单

主要业务表单包括候选人(包括师傅和餐厅),赛区,投票活动,活动报名,投票记录等

crudapi增删改查接口零代码产品成功案例之金茶王投票系统_第3张图片
不同表之间建立表关联

crudapi增删改查接口零代码产品成功案例之金茶王投票系统_第4张图片
师傅和餐厅共用候选人candidate表,根据类型type字段进行区分,restaurant表示餐厅,chef表示师傅。

crudapi增删改查接口零代码产品成功案例之金茶王投票系统_第5张图片
投票记录voteLog表,通过唯一性索引uq_vote_log_token限制刷票

包含设计表单到配置,工作量大概一个小时左右。

后端API

表单和表关系配置好了,对应的crud增删改查RESTful API也就自动生成了,后端基本完成了80%工作量,然后再集成微信自动登录和阿里云OSS图片上传,剩余工作2天之内完成,

后台管理Web

crudapi增删改查接口零代码产品成功案例之金茶王投票系统_第6张图片
用途主要是管理员编辑餐厅、师傅信息、查看投票结果和导出数据,crudapi默认页面已经基本满足需求。

前端H5

定制开发,15个工作日完成开发和测试。

小结

本文主要介绍了金茶王投票系统,利用了crudapi增删改查接口零代码产品进行二次开发,节约了大量时间,总共开发时间18人天。最终按时并高质量完成任务,2020国际金茶王大赛圆满成功。

名称 采用框架 类型 时间
Java API crudapi Java SDK集成 3天
后台管理Web crudapi-admin-web 直接使用产品 0天
前端H5 Vue + Quasar 定制 15天

附crudapi产品

简介

crudapi是crud+api组合,表示增删改查接口,是一款零代码可配置的产品。使用crudapi可以告别枯燥无味的增删改查代码,让您更加专注业务,节约大量成本,从而提高工作效率。
crudapi的目标是让处理数据变得更简单,所有人都可以免费使用!
无需编程,通过配置自动生成crud增删改查RESTful API,提供后台UI管理业务数据。基于主流的开源框架,拥有自主知识产权,支持二次开发。

demo演示

crudapi属于产品级的零代码平台,不同于自动代码生成器,不需要生成Controller、Service、Repository、Entity等业务代码,程序运行起来就可以使用,真正0代码,可以覆盖基本的和业务无关的CRUD RESTful API。

官网地址:https://crudapi.cn
测试地址:https://demo.crudapi.cn/crudapi/login

源码地址

  1. GitHub地址
    https://github.com/crudapi/crudapi-admin-web
  2. Gitee地址
    https://gitee.com/crudapi/crudapi-admin-web

由于网络原因,GitHub可能速度慢,改成访问Gitee即可,代码同步更新。

你可能感兴趣的:(crudapi增删改查接口零代码产品成功案例之金茶王投票系统)