制作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 为我某个页面的地址,因为我接下来将会使用某个页面当做签到页。
此时发布后可以在数据库中找到对应的记录: