制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/

一、发布功能思考、数据库、服务创建

上一节我们制作了后台的页面,那么此时我们应该需要制作发布功能了,那么在制作之前,我们应该思考一下如何制作这个签到内容发布的功能。

首先发布签到的功能肯定是需要有一个数据库进行存储,这个存储那要什么字段呢?首先我们应该想到,需要先有签到名,也就是当前签到是什么签到,例如“***会议签到”之类的,那么此时我们创建一个数据库。点击后台,创建一个数据库命名为签到数据库:

添加了数据库后咱们在其中添加字段签到名:

那么此时我们应该想一下除了签到还需要有什么字段呢?此时应该想到,签到是有时间间隔的,例如在某一个时间点到另外一个时间点,那么此时我们可以创建两个文本,一个是开始签到时间,另一个是结束签到时间:

创建完毕后,那么我们发布的时候肯定是需要跟数据库做交互的,那么做交互肯定是需要服务,在此创建一个服务叫做提交签到座位发布签到的服务:

那么此时我们应该还要想到,签到数据库的数据要从外部传入的有哪些?是不是包括了签到名、签到开始时间和签到结束时间,那么此时我们就需要创建3个参数,并且你想清洗的分清楚参数和数据库字段,那么你对参数的命名就不能一样,在此我用提交的这三个字作为区分:

接着咱们就可以对这个签到数据库做一个常规的数据提交即可:

细心的同学可能发现,我这个服务在当前服务提交成功后返回了提交结果的数据ID,这是为什么呢?

此时我们可以想到,在前端页面我们创建一个签到时,是不是会有一个链接,这个链接就是当前你发布的签到的签到地址,你打开这个地址后正常情况下会有一个签到二维码,这个签到二维码在学员扫码后将会让学员跳转到签到。那我们先做思考一下,既然学员需要跳转签到,此时肯定需要在链接中知道是哪一个签到,那么在数据库中是哪一个字段是表示当前这一条数据的数据ID呢?是不是在默认情况下只有数据ID这一条?所以此时我们直接返回这条提交数据的数据ID即可。

二、发布页面操作

本节的第一点中我们已经做好了签到的准备,那么此时我们应该在前端调用对应的服务进行提交了,那此时我们还不明白的是如何生成一个带有当前提交签到内容的链接,不过不要急,接下来咱们将会搞清楚。

此时发布页面还需要设置选择时间的事件:

当点击选择时间按钮后,设置时间选择器为显示,这样的用户的体验效果会好很多:

并且时间选择器也需要设置默认为隐藏:

接着咱们还需要对时间选择器做设置:

此时设置了时间选择器点击了确定后,确定时间我们应该把开始时间和结束时间复制到两个时间变量,在这里设置时间变量的原因是方便获取时间戳,时间戳是1970年1月1日后到此时的时间秒数,咱们可以通过时间变量即可进行获取,不过在你进行当前时间前还需要在当前页面下参加哪两个时间变量:

并且在赋值到时间变量时不能直接使用赋值,你需要使用设置属性:

并且格式也有讲究,必须是日期和事件之间空一格格,这个得注意:

最后进行隐藏,这样对用户体验较好:

最后我们直接给与当前发布按钮事件即可,点击后直接调用签到发布服务:

此时我们还需要对应的设置连接内容,在一个链接中带参数我们可以使用兼容模式,也就是你现在预览一下你的项目将会有一个项目链接,在之后使用一个?后一个参数名,例如id,这个参数id你要给一个值11那么就可以写成?id=11,若还需要添加新的参数,那么就使用 & 符号进行相连,若一个url 是www.xxx.com/那么这个链接就可以写成 www.xxx.com/?id=11&time=2018,那么此时链接我们就知道如何进行编写了:

以上链接中的 pid 为我某个页面的地址,因为我接下来将会使用某个页面当做签到页。

此时发布后可以在数据库中找到对应的记录:

发布功能完成02《ivx低代码签到系统制作》相关推荐

  1. 签到功能完成03《ivx低代码签到系统制作》

    制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/ 一.签到页制作 上一节完成了签到内容的发布,那我们接下来如何制作一个签到页面并且签到呢? 此时我们先创建一个页面 ...

  2. 后台页制作01《ivx低代码签到系统制作》

    制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/ 一.签到系统思考 签到系统一般是指公布一个签到链接或者二维码,随后用户扫码后即可完成签到. 那如何制作呢?首先我 ...

  3. iVX低代码平台系列详解 -- 概述篇(一)

    iVX目录 iVX低代码平台概述 1.iVX是什么? iVX--首个通用无代码开发平台 iVX的三大属性和两大能力 2.iVX有什么用? iVX试图解决什么问题? 3.iVX研发目标是什么? 4.iV ...

  4. Gartner发布《2021年企业低代码平台魔力象限》低码一体化平台成趋势

    前段时间,国际知名咨询研究机构Gartner发布了<2021年企业低代码应用平台魔力象限>.此研究内容是Gartner通过产品操作.服务.市场反馈.用户影响力.客户体验.营销执行等等,多个 ...

  5. iVX低代码平台系列详解 -- 概述篇(二)

    写在前面 ivx动手尝试电梯:ivx在线编辑器 iVX系列教程持续更新中 上篇文章可看:iVX低代码平台系列详解 – 概述篇(一) ivx目录 写在前面 一.iVX优势 1.快速学习 2.快速开发 3 ...

  6. 切入AIGC新赛道,「炎黄盈动」发布国内首个AI低代码平台

    AIGC(AI Generated Content,AI生成内容)及其应用的话题正呈爆发式增长的趋势.伴随产业与技术不断渗透.融合,36氪研究院洞察到:AIGC除了在内容生产的质量.效率.及实用性方面 ...

  7. IVX低代码平台开发——微信小程序实现抽奖功能

    写在前面 通过利用可视化编程实现微信小程序的抽奖功能,带大家初步了解 iVX 的强大之处. 文章目录 写在前面 iVX开发 抽奖功能实现 iVX开发 基本介绍 iVX是一个 "零代码&quo ...

  8. JeecgBoot 2.4 微服务正式版发布,基于SpringBoot的低代码平台

    项目介绍 JeecgBoot 是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Sh ...

  9. JeecgBoot 2.4.2 积木报表版本发布,基于SpringBoot的低代码平台

    项目介绍 JeecgBoot是一款基于代码生成器的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shi ...

最新文章

  1. 计蒜客 三值排序 (模拟)
  2. 开源全能播放器Vitamio的使用
  3. 我在斯坦福做科研的碎碎念
  4. MySQL 删除用户
  5. 【Docker学习笔记(五)】小结
  6. mongoexport导出mongodb数据库中的数据
  7. Git查看与修改用户名、邮箱(转载)
  8. java json字符串转对象
  9. vba编写的出库单(可添加出库项目记录、生成、打印出库单)
  10. 关于SQL server 2012无法打开物理文件“某某某”,操作系统错误5 :(拒绝访问)。(Microsoft SQL Server,错误 5120)
  11. Transformer---RNN网络
  12. Java虚拟机--判断可触及性(七)
  13. C#中indexof和substring函数用法 (截取字符串)
  14. DOS环境进入及基本命令DOS
  15. [参考]C# JSON字符串序列化与反序列化
  16. 淘宝电商:淘宝卖家如何快速提升店铺自然搜索流量?
  17. QA和QC,傻傻分不清?
  18. [网赚项目] 抖音小程序变现流程详细拆解
  19. 树莓派-3-制作音乐播放器+语音控制
  20. 从一个git仓库迁移到另外一个git仓库

热门文章

  1. 在线压缩和改变图片大小的免费方法
  2. 12-用户及权限管理
  3. 利用临时文件恢复PowerPoint(PPT)文件
  4. 小学生python游戏编程arcade----动画图片实现爆炸效果
  5. 【疯狂诗词大会小程序2.0】功能模块+前端+诗词答题小程序+内置数千道题目+开箱即用
  6. 不得不说的结构型模式-桥接模式
  7. word 条件多项式公式对齐
  8. OpenGL基本图元的绘制
  9. scipy.sparse求稀疏矩阵前k个特征值
  10. 程序员的进阶之路,学习方法!