《五天玩转EMAS Serverless》——第三节 实战:小程序疫苗预约-框架搭建&数据库管理【上】

简介: 本文整理自EMAS Serverless讲师柳色,在《5天玩转EMAS Serverless训练营》的分享。本篇内容主要分为五个部分:1.小程序疫苗预约项目介绍2.业务场景设计3.数据库设计4.数据操作命令学习5.云数据库控制台功能介绍

讲师:柳色


一、 小程序疫苗预约项目介绍

image.png

近两年在全球,新冠新冠疫情感染人数接近三亿,国内疫苗接种人数有12亿人左右。疫苗预约小程序可以让大家有序接种疫苗。本次疫苗预约小程序使用的是模拟数据。

 

如上图所示,疫苗预约小程序的主界面,展示疫苗列表包括新冠疫苗破伤风疫苗卡介苗以及乙肝疫苗等等。

 

当用户打开首页后,会浏览到疫苗列表,以及每个疫苗的简要介绍信息。

 

当用户选中某个疫苗后,进入到疫苗子界面,展示疫苗的详情信息,包含疫苗介绍、接种对象以及相关的接种地点和剩余可预约数量。当用户预约了某接种点的疫苗,可约疫苗剂次会减一。

 

在预约单列表展示了个人详情展示页,包括用户头像、用户昵称、已预约的疫苗数量已接种的疫苗数量。

 

预约记录表展示了用户预约的疫苗数、预约地点、预约状态。其中,预约状态包括已预约和已完成接种。

 

在疫苗预约详情页面,用户可以点击完成接种操作,取消预约操作。

image.png

疫苗预约小程序的准备工作,主要包括三个部分

 

1. 准备小程序开发者账号登录支付宝开放平台创建一个小程序在阿里云控制台和支付宝控制台分别完成配置秘钥。

2. 前端开发下载安装最新版小程序开发IDE环境,准备小程序界面开发。

3. 使用Serverless开发包括云数据库、云函数、云存储以及云调用。

image.png

接下来,讲一讲Serverless的工作原理。

 

如上图所示分为三个部分。当小程序用户操作小程序小程序界面开始调用云函数。

 

云函数通过数据操作命令,对云数据库发起请求。云数据库得到查询结果之后,将结果返回给云函数,云函数将结果返回给小程序,最终显示给用户。

 

二、 业务场景设计

image.png

基于疫苗预约场景设计数据库。

 

如上图所示,左边是简约的流程图。首先,预约人通过小程序预约疫苗。如果预约成功,系统会生成一个预约单。预约人可以凭借疫苗预约单,到相应的接种点完成接种。

 

疫苗预流程包含用户场景,预约场景,疫苗场景。

 

用户场景:当新的用户打开小程序后,需要登录或注册。用户还会去考虑更新头像、昵称等个人信息。

 

预约场景:小程序的预约场景主要有四个。

 

1. 用户点击疫苗预约

2. 生产疫苗预约单接种

3. 用户因为时间原因需要取消预约。

4. 用户可以查看历史预约记录。

 

疫苗场景:小程序的疫苗场景主要有两个。

 

1. 查看疫苗列表。在小程序主界面,能够看到所有的疫苗。

2. 点击疫苗详情,查看接种地点。

 

接下篇:

https://developer.aliyun.com/article/1224150?groupCode=emas

相关文章
|
11月前
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
11月前
|
小程序 PHP 图形学
热门小游戏源码(Python+PHP)下载-微信小程序游戏源码Unity发实战指南​
本文详解如何结合Python、PHP与Unity开发并部署小游戏至微信小程序。涵盖技术选型、Pygame实战、PHP后端对接、Unity转换适配及性能优化,提供从原型到发布的完整指南,助力开发者快速上手并发布游戏。
|
JSON 监控 小程序
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
1830 14
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
|
人工智能 自然语言处理 小程序
让小程序拥有“视觉之眼“:DeepSeek图像识别实战指南
本文介绍如何通过DeepSeek计算机视觉技术,赋予小程序“看懂世界”的能力。从构建视觉感知系统、训练专属视觉词典到创造会思考的界面,详细讲解了实现智能相册、植物识别器和老旧照片修复等功能的步骤。最后探讨性能优化与安全合规要点,展望未来视觉智能应用的无限可能。
|
缓存 前端开发 JavaScript
|
小程序 Serverless 开发工具
小程序开发问题之在小程序中安装并初始化小程序Serverless客户端SDK如何解决
小程序开发问题之在小程序中安装并初始化小程序Serverless客户端SDK如何解决
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
3710 0
|
小程序 安全 搜索推荐
【微信小程序开发实战项目】——个人中心页面的制作
本文介绍了如何设计和实现一个网上花店的微信小程序,包括个人中心、我的订单和我的地址等功能模块。个人中心让用户能够查看订单历史、管理地址和与客服互动。代码示例展示了`own.wxml`、`own.wxss`和`own.js`文件,用于构建个人中心界面,包括用户信息、订单链接、收藏、地址、客服和版本信息。我的订单部分展示了订单详情,包括商品图片、名称、销量、价格和订单状态,用户可以查看和管理订单。我的地址功能允许用户输入和编辑收货信息,包括联系人、性别、电话、城市和详细地址。每个功能模块都附有相应的WXML和WXSS代码,以及简洁的样式设计。
1435 0
【微信小程序开发实战项目】——个人中心页面的制作
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
550 1
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
499 0
在线课堂+工具组件小程序uniapp移动端源码

相关产品

  • 移动研发平台