乐趣区

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

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

简介

2020 年因为疫情起因,金茶王投票流动改成线上云投票,所以须要一套投票系统进行较量。参赛选手包含两种类型,别离为餐厅和徒弟,投票通过微信公众号页面进行,为了避免舞弊,每人每天能够为 3 位徒弟和 3 个餐厅投票,投票持续时间为一个星期,最终依据票数进行排名。

UI 界面原型


技术框架

我的项目采纳前后端拆散的形式,数据库采纳 MySql,后端 API 采纳 Java+Spring boot,前端 H5 采纳 Vue+Quasar, 因为该我的项目业务逻辑次要就是根本表单的 crud 增删改查,所以非常适合用 crudapi 进行二次开发,通过配置实现 RESTful API 和后盾治理 Web,前端 H5 页面独自定制开发即可。

数据库表单

次要业务表单包含候选人(包含徒弟和餐厅),赛区,投票流动,流动报名,投票记录等


不同表之间建设表关联


徒弟和餐厅共用候选人 candidate 表,依据类型 type 字段进行辨别,restaurant 示意餐厅,chef 示意徒弟。


投票记录 voteLog 表,通过唯一性索引 uq_vote_log_token 限度刷票

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

后端 API

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

后盾治理 Web


用处次要是管理员编辑餐厅、徒弟信息、查看投票后果和导出数据,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 即可,代码同步更新。

退出移动版