「三分钟演示」手把手教学！从0搭建员工运动打卡应用原创

在正式的演示之前，来给大家看一下，大概我们会有几个环节啊，就首先就是呃，后台逻辑部分，第二部分呢，是咱们的页页面搭建，最后的话，那我们会显示如何快速的构建出来这样一个管理后台，嗯，正式开发之前大家可以先规划一下，我的建议呢，是我们首先把这个数据模型建立出来。时间关系我就不一个一个表去建了，因为我我来呃不浪费大家时间，给大家看一下，大概今天这个应用里面大概建了一些什么表，首先的话呃，我会用一个这个用户表，然后来额外存储一些这个我的系统里面的用户，然后呢，就是我要做员工打卡，那打卡的时候呢，要存储什么字段呢？又建了一个表，为了实现兑换，我们首先要存储商品嘛，所以我们会定义一个商品表，然后在呃去运动的这个兑换记录表，这是点赞记录，是我们刚才去建出来的，建完这些表啊，基本上就完成了一半的这个后台的逻辑了，然后直接啊可以新建一个APS，打卡的部分的话，我时间关系我就不一行一行去写代码了，我给大家嗯review一下代码，这个打卡的部分呢，我们实现了四个类似的小方法，第一个方法呢，我首先它里面呢，应该能够查询到用户的积分，然后呢，我也能够展示它的一些用户的信息啊，这里的话就实现了一个更新的逻辑，然后还有两个接口，一个接口是核心的是打卡。

好，那有了这些之后，相当于我们后台的逻辑已经开发完了，那我们开始做前端页面，首先我们去做新建一个页面，我们看一下怎么做这个首页，首先先考虑整体的布局，所以我们去添加一个V的一个网格布组件。那我们怎么显示我们的商品呢，列表，我们用用到我们的这个数据列表的功能，然后这个效果它不是很好啊，这个模板啊，我我们想选择一些卡片或者图文啊可以切换。好，那我们这个首页看起来就搭搭建出来了，那我们该怎么去搭建其他的页面呢？那我们把这个详情页我们也给大家看一下。

然后那怎么实现这个业务逻辑呢？我们点一下点一下这个退换啊，触发一些业务逻辑，就调用数据源的方法，这里我们选择我们的一个打卡的API，这里有一个兑换的功能啊，那表达式里面呢，我们去选择当前的ID啊，当前的这个商品的ID，然后呢，数量搜索一下input啊，我们刚才了一个input，然后呢，我们可以获取到它的value啊，这个value的话就是它的输入值，那我们怎么样去实现这个页面的呢？好，那我们现在呢，就可以把刚才我们做的那个首页给他绑过来了，点击的时候打开页面。对，然后我们试一下双击它是可以的，然后我们第三个页面呢，我们给演示一下这个打卡页面。

然后呃，第三个部分的话，我们就讲一下这个怎么快速搭建这个管理后台，都建好了，那我们怎么去建一个管理后台呢？那我们就可以新建一个数据模型应用，然后呢，选择上你要管理的数据表，勾上直接一把说直接创建预览一下这商品呢，其实啊，很多时候呢，它就是添加一个商品。当然如果说大家有这种诉求啊，比如说不满足的情况下，大家也可以进行二次的开发发布。发布完之后，我就可以一键通过管理员身份，在我们腾讯控制台里面，我是可以一键登录的啊，然后大家可以看到这个商品啊什么的都可以啊，直接的去编辑了，所以啊管理后台这一部分是最简单的部分，所以我就不再赘述啊。