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

本文涉及的产品
移动研发平台 EMAS,开发者版免费套餐
简介: 本文整理自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

相关文章
|
2月前
|
缓存 前端开发 JavaScript
前端serverless探索之组件单独部署时,利用rxjs实现业务状态与vue-react-angular等框架的响应式状态映射
本文深入探讨了如何将RxJS与Vue、React、Angular三大前端框架进行集成,通过抽象出辅助方法`useRx`和`pushPipe`,实现跨框架的状态管理。具体介绍了各框架的响应式机制,展示了如何将RxJS的Observable对象转化为框架的响应式数据,并通过示例代码演示了使用方法。此外,还讨论了全局状态源与WebComponent的部署优化,以及一些实践中的改进点。这些方法不仅简化了异步编程,还提升了代码的可读性和可维护性。
|
5月前
|
小程序 数据库
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
174 0
|
3月前
|
消息中间件 弹性计算 关系型数据库
体验函数计算:高效处理多媒体文件的真实感受与实战总结
该方案在引导和文档方面做得较为详尽,仅在事件驱动机制部分略显简略。部署和代码示例实用,但需注意内存配置以避免超时。使用体验方面,函数计算表现出色,尤其在高并发场景下,显著提升了应用稳定性和成本效益。云产品如OSS、MNS等与函数计算配合流畅,ECS和RDS表现稳健。总体而言,这套方案弹性好、成本低,特别适合应对高并发或流量不确定的场景,值得推荐。
74 24
|
4月前
|
搜索推荐 前端开发 算法
基于用户画像及协同过滤算法的音乐推荐系统,采用Django框架、bootstrap前端,MySQL数据库
本文介绍了一个基于用户画像和协同过滤算法的音乐推荐系统,使用Django框架、Bootstrap前端和MySQL数据库构建,旨在为用户提供个性化的音乐推荐服务,提高推荐准确性和用户满意度。
290 7
基于用户画像及协同过滤算法的音乐推荐系统,采用Django框架、bootstrap前端,MySQL数据库
|
3月前
|
缓存 前端开发 JavaScript
|
4月前
|
SQL Java 数据库连接
Hibernate 是一款开源 ORM(对象关系映射)框架,封装了 JDBC,允许以面向对象的方式操作数据库,简化了数据访问层的开发。
Hibernate 是一款开源 ORM(对象关系映射)框架,封装了 JDBC,允许以面向对象的方式操作数据库,简化了数据访问层的开发。通过映射机制,它可以自动处理对象与数据库表之间的转换,支持主流数据库,提高了代码的可移植性和可维护性。其核心接口包括 SessionFactory、Session 和 Transaction 等,通过它们可以执行数据库的 CRUD 操作。配置方面,需在项目中引入 Hibernate 及数据库驱动依赖,并创建 `hibernate.cfg.xml` 配置文件来设置数据库连接和 Hibernate 行为参数。
57 1
|
4月前
|
运维 物联网 关系型数据库
关于阿里云Serverless 框架的产品体验
阿里云Serverless框架简化运维,实现5分钟一键部署。弹性伸缩、按需付费等特点让企业专注业务创新,降低成本与运维负担。适用于Web应用、数据分析、物联网等多种场景,支持快速迭代与多语言开发。尽管面临资源配额、网络配置等挑战,其竞争力在于成本节约、功能集成与性能优化,尤其适合追求高效开发与弹性扩展的团队。
95 1
|
4月前
|
数据采集 前端开发 算法
基于朴素贝叶斯算法的新闻类型预测,django框架开发,前端bootstrap,有爬虫有数据库
本文介绍了一个基于Django框架和朴素贝叶斯算法开发的新闻类型预测系统,该系统具备用户登录注册、后台管理、数据展示、新闻分类分布分析、新闻数量排名和新闻标题预测等功能,旨在提高新闻处理效率和个性化推荐服务。
|
5月前
|
JSON 运维 Serverless
Serverless 应用引擎使用问题之ThinkPHP框架是否有基于SDK的demo
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
|
4月前
|
运维 Serverless 对象存储
函数计算产品使用问题之如何使用Flask框架支持Stream模式
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。

热门文章

最新文章

相关产品

  • 移动研发平台