SpringBoot+微信小程序+数据可视化的宠物到家喂宠服务(程序+论文+讲解+安装+调试+售后等)
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,我会一一回复,希望帮助更多的人。
系统介绍
在经济高速发展、物质生活极大丰富的当下,人们的精神需求愈发凸显,养宠逐渐成为一种备受欢迎的生活方式。据权威市场调研机构发布的数据显示,过去五年间,我国养宠家庭的数量从 5万户增长至 10万户,增长率高达 50%,这一趋势仍在持续上扬。从一线城市到二三线城市,宠物的身影随处可见,它们不再仅仅是动物,更是家庭成员的一份子,承载着主人的情感与陪伴需求。
然而,现代生活的快节奏和多元化,让人们常常面临工作出差、长途旅行等情况。据调查,约 75% 的宠物主人每年至少有一次因外出而无法照顾宠物的经历。在这种情况下,传统的宠物喂养解决方案暴露出诸多问题。寄养在宠物店,环境的陌生和嘈杂容易让宠物产生应激反应,甚至可能引发疾病;求助于亲朋好友,不仅可能给他人带来不便,喂养的专业性和规律性也难以保证。主人在外出期间,时刻牵挂着宠物的饮食、健康和情绪状态,却往往无法及时了解。
正是洞察到这一市场痛点,本系统应运而生。我们充分利用 Spring Boot 强大的后端开发能力,构建稳定、高效的服务端架构,确保系统在高并发情况下依然能够稳定运行。微信小程序作为前端交互平台,无需下载安装,操作便捷,能够让宠物主人随时随地轻松预约服务。同时,引入先进的数据可视化技术,将宠物的饮食量、体重变化、健康指标等关键信息以直观易懂的图表形式呈现,让主人实时掌握宠物的生活状态。通过整合这些前沿技术,本系统旨在为宠物主人提供全方位、个性化、便捷高效的到家喂宠服务,填补市场空白,提升养宠生活的品质。
功能截图
操作流程
登录环节:用户打开微信小程序,首先映入眼帘的是简洁明了的登录页面。在此页面,用户需要输入已注册的手机号码以及自行设置的登录密码 。若用户尚未注册,可点击页面上的 “注册” 按钮,跳转至注册页面,按照提示填写手机号码、设置密码,并完成短信验证码验证,即可快速完成注册流程,回到登录页面进行登录操作。
验证阶段:当用户提交登录数据后,微信小程序前端会将数据迅速发送至 Spring Boot 搭建的后端服务。后端服务会在数据库中精准查询与用户输入信息匹配的记录。若查询到对应数据,且密码等信息完全一致,则验证通过;若信息有误,如密码错误或者该手机号码未注册,系统会立即返回相应的错误提示信息,引导用户重新核对登录信息。
功能操作:在验证通过后,用户将顺利进入程序功能操作区页面。在这里,用户能够根据自身需求进行多样化操作。若有喂宠服务需求,可点击 “服务预约” 功能,按照系统提示依次选择喂宠的具体日期、精确时间,详细填写宠物的种类、年龄、饮食习惯等信息,完成服务预约。若想了解宠物当前的喂养进度以及喂宠人员的位置,可点击 “服务跟踪” 功能,系统会通过数据可视化界面,以地图定位和进度条等直观形式展示相关信息。此外,用户还能在 “评价与反馈” 功能区,对已完成的服务进行客观评价,分享自己的感受和建议,以便平台不断优化服务质量 。
在前端部分,使用 Vue 框架结合 axios 库发送 HTTP 请求,将登录信息传至后端的登录接口。在后端,负责接收登录请求的 Controller 使用@RequestParam Map<String, Object> params
来接收前端传来的用户名和密码等用户参数。
收到参数后,后端会创建一个用于 MyBatis 查询的条件封装对象 EntityWrapper,将接收到的参数整合其中,构建精准的查询条件。紧接着,业务层调用对应的 service 方法,该方法内部会执行 Login () 查询逻辑,将前端传递的参数对象传递至后台的 DAO 层,与数据库进行交互,查询是否存在匹配的用户信息。
若数据库中存在符合条件的用户记录,相关的用户信息将被返回。最后,后端控制器将查询结果封装成响应体,通过return R.ok().put("data", userService.selecView(ew))
语句将用户信息返回给前端。
前端在接收到响应后,借助 Vue 和 ElementUI 等组件,依据返回的登录结果进行相应处理。若登录成功,可渲染并展示用户信息;若需要,也可实现页面跳转,引导用户至指定页面,完成整个登录流程的闭环操作 。
系统架构
系统架构设计在软件开发进程中占据着举足轻重的地位,它如同建筑蓝图,为整个软件系统的搭建奠定基础。以经典的 MVC(Model - View - Controller)架构模式为例,该架构由模型层(Model)、视图层(View)和控制器层(Controller)三个核心部分组成,每个部分各司其职,协同合作,共同推动软件系统的高效运行。
模型层,作为数据的管理者,通常与数据库或者其他数据源紧密相连。它承担着与数据库进行交互的关键任务,执行诸如数据的读取、写入、更新和删除等各类操作。在完成数据处理后,模型层会将处理结果有序地传递给控制器层,为后续的业务逻辑处理提供数据支持。在设计模型层时,应着重追求简洁与清晰,最大程度地降低与视图层和控制器层的耦合度。如此一来,不仅能够显著提升代码的可维护性,当软件系统需要进行功能扩展或修改时,开发人员可以更便捷地定位和调整模型层的代码;还能增强代码的可重用性,在其他类似的项目或功能模块中,模型层的代码可以被快速复用,从而提高开发效率,减少开发成本。
视图层,是软件系统与用户直接交互的窗口,通常通过网页、移动应用界面或其他形式的用户界面来呈现数据。用户在使用软件时,所看到的各种界面元素,如按钮、文本框、图表等,都属于视图层的范畴。视图层负责接受用户的输入操作,比如用户点击按钮、输入文本等,并将这些输入信息及时传递给控制器层,以便进行后续的处理。在 MVC 三层架构中,视图层的设计原则是尽量保持简洁。它只专注于数据的展示以及与用户的交互,而不涉及任何复杂的业务逻辑处理。这样做的好处是能够确保视图层的清晰度,开发人员可以更直观地理解和维护视图层的代码;同时,也有利于提高视图层的可复用性,相同的视图组件可以在不同的业务场景中重复使用,进一步提升开发效率。
控制器层,在 MVC 架构中扮演着桥梁的角色,它连接着模型层和视图层。控制器层接收来自视图层的用户输入请求,根据业务逻辑的需要,调用模型层的相应方法来获取或处理数据。在完成数据处理后,控制器层会根据处理结果选择合适的视图层来展示数据,将处理后的结果反馈给用户。通过控制器层的协调,模型层和视图层得以实现高效的交互,共同完成用户的各种操作请求。
MVC 这种分层架构设计,通过将整个软件系统按照功能划分为不同的层次,实现了代码的模块化。每个层次都专注于自己的职责,相互之间通过清晰的接口进行交互。这种设计模式为软件开发提供了一种行之有效的架构方案,它不仅提高了软件的可维护性、可扩展性和可重用性,还使得开发团队在开发过程中能够更加高效地分工协作,从而加快软件开发的进度,提升软件的质量。
大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻
获取源码
相关文章:
SpringBoot+微信小程序+数据可视化的宠物到家喂宠服务(程序+论文+讲解+安装+调试+售后等)
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,我会一一回复,希望帮助更多的人。 系统介绍 在经济高速发展、物质生活极大丰富的当下,人们的精神需求愈发凸显࿰…...
Windows逆向工程入门之堆栈结构与信息获取
公开视频 -> 链接点击跳转公开课程博客首页 -> 链接点击跳转博客主页 目录 1. 堆栈结构基础 堆栈的主要操作: 2. 代码功能解析 2.1 加载 ntdll.dll 2.2 获取 NtQueryInformationThread 函数指针 2.3 调用 NtQueryInformationThread 获取线程信息…...
springboot项目如何部署到tomcat中
1、使用springboot内部嵌入的tomcat 可以改一些tomcat的参数 2、可以把springboot项目打包为war包,然后部署到tomcat中去 Spring Boot 默认使用嵌入式 Tomcat 作为其 Web 容器,这使得 Spring Boot 应用可以作为一个独立的 JAR 文件运行。这种嵌入式服务…...
C语言之easyX
目录 概要 easyX整体架构 图形绘制 画布宽高 圆形 图片的贴图 加载图像 游戏框架 概要 easyX是一个轻量级的图形库,用于在Windows平台上进行简单的2D图形绘制。它提供了一组简单易用的函数,可以方便地绘制基本的图形元素,如线条、矩形、圆形…...
es6箭头函数和普通函数的区别
在JavaScript中,函数是执行特定任务的代码块。函数可以被定义并且随后被调用。JavaScript中有两种主要的函数定义方式:普通函数声明和箭头函数表达式。下面是这两种函数的定义方式及其区别和使用场景: 普通函数声明 普通函数可以通过函数声明…...
DeepSeek R1 32B 本地部署实战
#DeepSeek# DeepSeek是一款基于人工智能的智能助手,专为提升工作效率和信息获取能力而设计。它结合了自然语言处理、机器学习和大数据技术,能够快速理解用户需求并提供精准的答案或解决方案。 DeepSeek的核心功能 智能问答 DeepSeek可以回答各种问题&…...
八、SPI读写XT25数据
8.1 SPI 简介 SPI(Serial Peripheral Interface,串行外设接口)是一种同步串行通信协议,广泛用于嵌入式系统中连接微控制器与外围设备,如传感器、存储器、显示屏等。 主要特点 1. 全双工通信:支持同时发送…...
AIP-145 范围
编号145原文链接AIP-145: Ranges状态批准创建日期2020-05-28更新日期2020-05-28 服务通常需要表示具体值或连续值的范围。这些范围的含义存在诸多差异,也存在许多数据类型:整数、浮点数、时间戳等(在此仅举几例)。根据所讨论范围…...
(学习总结24)Linux 基本命令2
Linux 基本命令2 操作文件或目录命令更改文件或目录访问权限命令 chmod修改文件的所有者和所属组命令 chown修改文件或目录的所属组命令 chgrp更改文件或目录的属性命令 chattr创建文件和目录时的默认权限掩码命令 umask判断文件类型命令 file显示文件或文件系统状态命令 stat树…...
WPF-数据转换器
一、单值转换器 1.不传参数 转换器 当Value值大于100时返回红色 public class DataConverter : IValueConverter{/// <summary>/// 表示从源到目标数据转换/// </summary>/// <param name"value">数据源的值</param>/// <param name&q…...
STM32 I2C通信协议说明
目录 背景 I2C协议 数据的有效性 I2C通信开始和停止条件 I2C数据传输 发送 响应 正常情况: 异常情况: 主机结束接收 写寄存器的标准流程 读寄存器的标准流程 仲裁机制 时钟同步 SDA线的仲裁 程序 背景 对单片机的三大通信中的I2C通信进…...
网络工程师 (42)IP地址
一、定义与功能 IP地址是IP协议提供的一种统一的地址格式,它为互联网上的每一个网络和每一台主机分配一个逻辑地址,以此来屏蔽物理地址的差异。这种地址分配方式确保了用户在连网的计算机上操作时,能够高效且方便地从众多计算机中选出自己所需…...
Deepseek实用万能提问模板
一,背景需求约束条件 背景:提供与问题相关的时间、地点、人物、事件等信息,帮助 DeepSeek 更好地理解问题的情境。 需求:清晰明确地阐述你希望 DeepSeek完成的任务或提供的信息。 约束条件:可根据具体情况,对回答的范围、格式、字数等进行…...
强化学习笔记7——DDPG到TD3
前提:基于TD 的方法多少都会有高估问题,即Q值偏大。原因两个:一、TD目标是真实动作的高估。 二:自举法高估。 DDPG 属于AC方法:异策略,适合连续动作空间,因为他的策略网络直接输出的动作&#…...
传统混合专家模型MoE架构详解以及python示例(DeepSeek-V3之基础)
我们已经了解到DeepSeek-V3的框架结构基于三大核心技术构建:多头潜在注意力(MLA)、DeepSeekMoE架构和多token预测(MTP)。而DeepSeekMoE架构的底层模型采用了混合专家模型(Mixture of Experts,MoE)架构。所以我们先了解一下传统混合专家模型MoE架构。 一、传统混合专家模…...
开源协议深度解析:理解MIT、GPL、Apache等常见许可证
目录 前言1. MIT协议:自由而宽松的开源许可1.1 MIT协议的主要特点1.2 MIT协议的适用场景 2. GPL协议:自由软件的捍卫者2.1 GPL协议的核心理念2.2 GPL协议的适用场景 3. Apache License 2.0:开源与专利保护的平衡3.1 Apache License 2.0的主要…...
三维重建(十二)——3D先验的使用
文章目录 零、最近感受和前言一、使用能够快速得到重建初始化的方法1.1 Colmap(多视角)1.2 深度估计(单视角)二、已知形状模板2.1 人脸2.2 人体2.3 动物三、刚性与非刚性约束(变形约束)3.1 刚性变形3.2 非刚性变形四、统计(深度学习)先验——从大量(3D)数据中提取信息…...
Java项目《苍穹外卖》BUG修复记录
一、订单详情地址显示为null 原因:查看订单详情接口中,未设置收货地址信息,故地址返回为null。 解决方案: 1、OrderServiceImpl中创建一个私有方法专门获取订单收货地址 /*** 获取订单收获地址* param addressBookId* return*/…...
DockerDesktop更改默认的磁盘镜像地存储位置
DockerDesktop更改默认的磁盘镜像地存储位置 文章目录 DockerDesktop更改默认的磁盘镜像地存储位置1. 默认存储位置2. 新建一个目录3. 将磁盘镜像存储位置改为新建的目录下 1. 默认存储位置 2. 新建一个目录 如:D:\DiskImagelocationData 3. 将磁盘镜像存储位置改为…...
阿里云视频点播,基于thinkphp8上传视频
前端参考官方示例(jQuery版) <!DOCTYPE html> <html> <head><meta charset"utf-8"><title>阿里云 JavaScript上传SDK Demo (使用jquery)</title><script src"__STATIC__/jquery.min.js"></script><sc…...
C# windowForms 的DataGridView控件的使用
C# Windows Forms DataGridView 控件使用详解 DataGridView 是 Windows Forms 中用于显示和编辑表格数据的核心控件。它支持高度自定义的列类型、数据绑定、事件处理和丰富的样式配置。以下是其详细使用方法。 目录 基础使用 数据绑定 列类型与自定义...
【NLP 22、语言模型 language model】
有时候我也想听听,我在你心里,是什么样子 —— 25.1.12 一、什么是语言模型 语言是灵活的,也是有规律的 了解一门语言的人可以判断一句话是否“合理” 通俗来讲,语言模型用来评价一句话(句子可以看作是字的组合)是否“合理”或…...
vtkCamera类的Dolly函数作用及相机拉近拉远
录 1. 预备知识 1.1.相机焦点 2. vtkCamera类的Dolly函数作用 3. 附加说明 1. 预备知识 要理解vtkCamera类的Dolly函数作用,就必须先了解vtkCamera类表示的相机的各种属性。 VTK是用vtkCamera类来表示三维渲染场景中的相机。vtkCamera负责把三维场景投影到二维平面,如…...
2025 N1CTF crypto 复现
近一个月都没有学习了,一些比赛也没有打,很惭愧自己还是处在刚放假时的水平啊,马上开学了,抓紧做一些训练来康复。 CheckIn import os from Crypto.Util.number import * from secret import FLAGp, q getPrime(512), getPrime…...
大模型开发实战篇5:多模态--文生图模型API
大模型文生图是一种基于人工智能大模型的技术,能够将自然语言文本描述转化为对应的图像。目前非常火的AI大模型赛道,有很多公司在此赛道竞争。详情可看这篇文章。 今天我们来看下如何调用WebAPI来实现文生图功能。我们一般都会将OpenAI的接口࿰…...
Jvascript网页设计案例:通过js实现一款密码强度检测,适用于等保测评整改
本文目录 前言功能预览样式特点总结:1. 整体视觉风格2. 密码输入框设计3. 强度指示条4. 结果文本与原因说明 功能特点总结:1. 密码强度检测2. 实时反馈机制3. 详细原因说明4. 视觉提示5. 交互体验优化 密码强度检测逻辑Html代码Javascript代码 前言 能满…...
Macos机器hosts文件便捷修改工具——SwitchHosts
文章目录 SwitchHosts软件下载地址操作添加方案切换方案管理方案快捷键 检测 SwitchHosts SwitchHosts 是一款 Mac 平台上的免费软件,它可以方便地管理和切换 hosts 文件,支持多种 hosts 文件格式。 软件下载地址 SwitchHosts 操作 添加方案 添加 …...
vLLM专题(四)-故障排除
本文件概述了一些您可以考虑的故障排除策略。如果您认为发现了一个 bug,请首先搜索现有的问题,看看是否已经有人报告。如果没有,请提交一个新问题,并尽可能提供相关的详细信息。 注意 一旦您调试完问题,请记得关闭任何已定义的调试环境变量,或者简单地启动一个新 shell,…...
搜广推校招面经十七
滴滴 花小猪 一、算法题1—最小覆盖字串(hot100_字串_困难) 给你一个字符串 s 、一个字符串 t 。返回 s 中涵盖 t 所有字符的最小子串。如果 s 中不存在涵盖 t 所有字符的子串,则返回空字符串 “” 。 ## form collection import Counter …...
滚动弹幕案例
滚动弹幕案例 一、需求 1.页面上漂浮字体大小不一、颜色不一,从左向右滚动的弹幕; 2.底部中间有一个发送功能,可以发送新的弹幕; 3.底部的发送部分可以向下收起和弹出。 二、html <div class"container"><…...
Typora导出word文件详细安装教程
在 Typora 中,部分文件格式(包括 docx、odt、rtf、epub、LaTeX 和 wiki)的导入和导出功能由第三方软件 Pandoc 提供支持。这些功能需要安装 Pandoc (≥ v2.0)。 一、安装Pandoc 下载地址:通过网盘分享的文件:pandoc 链…...
从短片到长片:王琦携《Mountain》续作迈向新高度
在王琦(Qi Wang)的带领下,广受关注的短片《Mountain》迎来了成长篇续作《Rite of the Mountain》。这一全新长片不仅是她从短片迈向长篇叙事的重要一步,更是一次大胆的艺术挑战。作为制片人的她,将继续以敏锐的视觉风格和深刻的叙事洞察,拓展《Mountain》所触及的情感深度,并构…...
spring boot 对接aws 的S3 服务,实现上传和查询
1.aws S3介绍 AWS S3(Amazon Simple Storage Service)是亚马逊提供的一种对象存储服务,旨在提供可扩展、高可用性和安全的数据存储解决方案。以下是AWS S3的一些主要特点和功能: 1.1. 对象存储 对象存储模型:S3使用…...
考研操作系统-----外存文件
目录 内存映射文件 编辑 文件管理初始: 编辑 文件的逻辑结构 文件目录 编辑 编辑 文件的物理结构(文件分配方式) 文件存储空间管理 文件的基本操作 文件共享 编辑编辑 文件保护: 编辑 文件系统的全局结构…...
国内外网络安全政策动态(2025年1月)
▶︎ 1.国家互联网信息办公室发布《个人信息出境个人信息保护认证办法(征求意见稿)》 1月3日,国家互联网信息办公室发布《个人信息出境个人信息保护认证办法(征求意见稿)》。根据《意见稿》,个人信息出境个…...
跟着 Lua 5.1 官方参考文档学习 Lua (1)
文章目录 1 – Introduction2 – The Language2.1 – Lexical Conventions2.2 – Values and Types2.2.1 – Coercion 1 – Introduction Lua is an extension programming language designed to support general procedural programming with data description facilities. I…...
计算机性能与网络体系结构探讨 —— 基于《计算机网络》谢希仁第八版
(꒪ꇴ꒪ ),Hello我是祐言QAQ我的博客主页:C/C语言,数据结构,Linux基础,ARM开发板,网络编程等领域UP🌍快上🚘,一起学习,让我们成为一个强大的攻城狮࿰…...
matlab欠驱动船舶模型预测控制
1、内容简介 matlab135-欠驱动船舶模型预测控制 可以交流、咨询、答疑 2、内容说明 略 针对在风 、 浪 、 流时变干扰下欠驱动水面船舶的轨迹跟踪控制问题 , 设计了一种基于模型 预测控制的轨迹跟踪控制器 . 考虑到欠驱动船舶在没有横向驱动力情况下…...
【MySQL常见疑难杂症】常见文件及其所存储的信息
1、MySQL配置文件的读取顺序 (非Win)/etc/my.cnf、/etc/mysql/my.cnf、/usr/local/mysql/etc/my.cnf、~/.my.cnf 可以通过命令查看MySQL读取配置文件的顺序 [roothadoop01 ~]# mysql --help |grep /etc/my.cnf /etc/my.cnf /etc/mysql/my.c…...
【LeetCode】3.无重复字符的最长字串
目录 题目算法解法解法一 暴力枚举 哈希表(判断字符是否重复出现) (O( n 2 n^{2} n2))解法二 滑动窗口 哈希表(判断字符是否重复出现) 代码 题目 题目链接:LeetCode-3题 给定一个字符串 s &a…...
李宏毅机器学习笔记:【6.Optimization、Adaptive Learning Rate】
Optimization 1.Adaptive Learning Rate2.不同的参数需要不同的学习率3.Root Mean Square4.RMSProp5.Adam6.learning rate scheduling7.warm up总结 critical point不一定是你在训练一个network时候遇到的最大的障碍。 1.Adaptive Learning Rate 也就是我们要给每个参数不同的…...
计算机组成原理—— 外围设备(十三)
记住,伟大的成就往往诞生于无数次尝试和失败之后。每一次跌倒,都是为了让你学会如何更加坚定地站立;每一次迷茫,都是为了让你找到内心真正的方向。即使前路漫漫,即使困难重重,心中的火焰也不应熄灭。它代表…...
React简介
React简介 A Brief Introduction to React By JacksonML 1. 关于React React是一个知名的Web框架。众所周知,jQuery, Angular, Vue等框架都曾闪亮登场,并且,都仍然在全球市场占有一席之地。React这个颇有担当的新锐,也进入到我…...
Linux-C/C++《七、字符串处理》(字符串输入/输出、C 库中提供的字符串处理函数、正则表达式等)
字符串处理在几乎所有的编程语言中都是一个绕不开的话题,在一些高级语言当中,对字符串的处理支 持度更是完善,譬如 C、 C# 、 Python 等。若在 C 语言中想要对字符串进行相关的处理,譬如将两个字符串进行拼接、字符串查找、两个…...
哈希动态规划dp_5
一.哈希 哈希(Hashing)是计算机科学中一种非常重要的技术,用于将输入的数据映射到固定大小的值(哈希值)上。哈希算法和哈希数据结构广泛应用于各种领域,包括数据查找、加密、缓存、数据库索引等。我们来详…...
电商分布式场景中如何保证数据库与缓存的一致性?实战方案与Java代码详解
文章目录 一、缓存一致性问题的本质写后读不一致:更新数据库后,缓存未及时失效并发读写竞争:多个线程同时修改同一数据缓存与数据库事务不同步:部分成功导致数据错乱 二、5大核心解决方案与代码实现方案1:延迟双删策略…...
DeepSeek-R1 大模型本地部署指南
文章目录 一、系统要求硬件要求软件环境 二、部署流程1. 环境准备2. 模型获取3. 推理代码配置4. 启动推理服务 三、优化方案1. 显存优化技术2. 性能加速方案 四、部署验证健康检查脚本预期输出特征 五、常见问题解决1. CUDA内存不足2. 分词器警告处理3. 多GPU部署 六、安全合规…...
【数据结构】 栈和队列
在计算机科学的世界里,数据结构是构建高效算法的基础。栈(Stack)和队列(Queue)作为两种基本且重要的数据结构,在软件开发、算法设计等众多领域都有着广泛的应用。今天,我们就来深入探讨一下栈和…...
用Python构建Mad Libs经典文字游戏
前言 Mad Libs 是一种经典的文字游戏,其中一名玩家向其他玩家询问各种词汇,如名词、动词、形容词等,而不提供任何上下文。然后将这些提示词插入到一个充满空白的故事模板中,从而创造出一个搞笑或荒谬的故事,供玩家大声朗读以获取乐趣。 自1950年代发明以来,Mad Libs 一…...
ReactiveSwift模拟登录功能
通过使用ReactiveSwift模拟一个简单的登录功能,该功能如下要求: 账号不能为空密码必须大于6位 登录按钮方可点击 LoginViewModel: import ReactiveSwiftclass LoginViewModel {// 创建两个信号let userName MutableProperty<String&g…...