当前位置： 首页 > news >正文

用Streamlit开发第一个Python应用程序

news 来源：原创 2025/7/3 9:23:45

用Streamlit开发第一个Python应用程序

Using Streamlit to Develop the First Application in Python

By Jackson@ML

1.Streamlit简介

Streamlit是个新出世的、功能强大的Python第三方库，将为基于Web的Python应用程序大放异彩。

Streamlit官网主页面如下，一句醒目的提示 ”A faster way to build and share data apps” 映入眼帘，意为：“以更快的方式构建分享数据应用程序”。

在这里插入图片描述

为了用streamlit开发Python应用程序，需要先行安装两个必要的软件包。
1） Python 3.13.3（或以上版本）
2） Visual Studio Code

2. 安装搭建开发环境

具体安装步骤，请参照笔者两篇技术文章；本文不再赘述。

1）2025最新版Python 3.13.3安装使用指南
2）2025最新版Visual Studio Code安装使用指南

3. 安装激活虚拟环境

在VS Code中新建演示文件夹streamlit-demo, 接下来创建一个新的Terminal，在其中创建并激活虚拟环境。执行以下命令：

$ pwd

以确保当前工作目录在刚创建的项目文件夹位置。

$ python3 -m venv .venv
$ source .venv/bin/activate

执行结果如下图所示：
在这里插入图片描述

4. 安装stremlit

使用pip安装第三方库streamlit，执行以下命令：

$ pip install streamlit

执行结果如下图。

在这里插入图片描述
安装完毕，为确保继续安装其它库成功，将pip软件包安装升级，执行以下命令：

$ pip install--upgrade pip

执行结果如下图：

在这里插入图片描述
这样一来，就可以使用streamlit来开发应用程序了。

5. 第一个streamlit开发的应用程序

导入这个库，完成代码编写，示例如下：

import streamlit as st 
st.write("Hello, Streamlit!")

streamlit的实例执行write()函数，将字符串写入到Web页面。Terminal（终端）执行如下图：

在这里插入图片描述
终端提示：现在可在浏览器中查看Streamlit效果，于是，Chrome浏览器页面自动弹出，显示如下图。

在这里插入图片描述
本地主机URL为：http://localhost:8501 。

这是默认的本地主机。也就是说，用Streamlit开发的Python应用程序成功运行在Web页面。我们进行轻量级开发，再也不需要完全依赖繁琐的Django/FLASK之类的框架和库了。

如果要中断本地主机运行，则在VS Code的Terminal按组合键Ctrl + C结束运行。

同时，刚才系统提示，如果为了性能提高，可以运行以下命令：

在这里插入图片描述
于是，按照提示运行，则watchdog随即可用。

在这里插入图片描述
此刻，watchdog已安装完毕！

至此，用Streamlit开发Python应用程序圆满完成任务！

更复杂的应用程序，笔者会陆续推出。敬请关注、收藏和点赞👍。

您的认可，我的心愿！ 😃

推荐阅读：

  1. 一分钟了解Kubernetes
  2. 一分钟了解大语言模型
  3. 一分钟了解MCP
  4. 一分钟了解机器学习
  5. 一分钟了解Python编程语言
  6. 一分钟了解深度学习

相关文章：

用Streamlit开发第一个Python应用程序

用Streamlit开发第一个Python应用程序 Using Streamlit to Develop the First Application in Python By JacksonML 1.Streamlit简介 Streamlit是个新出世的、功能强大的Python第三方库，将为基于Web的Python应用程序大放异彩。 Streamlit官网主页面如下&#x…...

编程日记 2025/7/3 9:23:45

IDEA + Spring Boot + javadoc 实例应用

1、添加 javadoc 插件 依赖 pom.xml <build><plugins><!-- javadoc 插件 --><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-javadoc-plugin</artifactId><version>3.6.3</version><…...

编程日记 2025/7/1 18:30:38

【机器学习深度学习】交互式线性回归 demo

目录 一、环境准备 二、Demo 功能 三、完整交互 demo 代码 3.1 执行代码 3.2 示例交互演示 3.3 运行结果 3.4 运行线性图 使用 PyTorch 构建交互式线性回归模型&#xff1a;输入数据、拟合直线、图像可视化并实现实时预测&#xff0c;助你深入理解机器学习从数据到模型的…...

编程日记 2025/7/2 23:12:34

新手向:Anaconda3的安装与使用方法

我们在刚开始接触Python时使用的是Python的直接编译器,如果我们需要进行其他的项目编写往往需要使用另一个版本的Python ,这样反复的下载很是麻烦并且还会造成系统变量的紊乱.这次我们引入Anaconda3,可创建虚拟的Python环境,满足不同项目的需要,当不用的时候可以直接放心删除不…...

编程日记 2025/7/3 3:07:00

详解零拷贝

目录 一、用户态&#xff08;User Mode&#xff09;和内核态&#xff08;Kernel Mode&#xff09; 1.1 用户态 (User Mode)&#xff1a; 1.2 内核态 (Kernel Mode)&#xff1a; 1.3 关键交互&#xff1a;系统调用 (System Call) 二、为什么需要区分用户态和内核态&#x…...

编程日记 2025/7/2 4:39:47

微服务常用的基础知识

1.微服务介绍 1.1 产生背景 随着互联网的发展&#xff0c;网站应用的规模不断扩大&#xff0c;传统单体架构逐渐难以应对大型网站高并发、高扩展性等需求&#xff0c;于是分布式系统架构应运而生。Spring Cloud 就是在这种背景下诞生的&#xff0c;它利用 Spring Boot 的开发便…...

编程日记 2025/7/3 3:26:05

【开源工具】Windows一键配置防火墙阻止策略（禁止应用联网）| 附完整Python源码

🛡️【开源工具】Windows一键配置防火墙阻止策略（禁止应用联网）| 附完整源码 🌈 个人主页：创客白泽 - CSDN博客 🔥 系列专栏：🐍《Python开源项目实战》 💡 热爱不止于代码，热情源自每一个灵感闪现的夜晚。愿以开源之火，点亮前行之路。 🐋 希望大家多多支持，…...

编程日记 2025/7/3 8:29:01

6月份最新代发考试战报：思科华为HCIP HCSE 考试通过

6月份最新代发考试战报&#xff1a;思科华为HCIP HCSE 考试通过 H19-423 HCSA-Presales-IP Network 数通考试通过&#xff0c; H12-725 HCIP-Security安全 考试通过&#xff0c;H13-121 HCIP-Kunpeng Application Developer鲲鹏计算 考试通过&#xff0c;CCNP 350-401考试通过…...

编程日记 2025/7/2 4:35:15

本地部署开源时间跟踪工具 Kimai 并实现外部访问（ Windows 版本）

Kimai 是一款开源的时间跟踪工具&#xff0c;它易于使用&#xff0c;并提供了强大的报告功能&#xff0c;在个人和团队记录工作时间、项目时间和活动时间等之后可以帮助用户了解他们是如何花费时间的&#xff0c;从而提高生产力和效率。本文将详细介绍如何在 Windows 系统本地部…...

编程日记 2025/7/3 8:55:37

SpringBoot 中 @Transactional 的使用

SpringBoot 中 Transactional 的使用 一、Transactional 的基本使用二、Transactional 的核心属性三、使用避坑&#xff08;失效场景&#xff09;3.1 自调用问题3.2 异常处理不当3.3 类未被 Spring 管理3.4 异步方法内使用失效 四、工作实践4.1 事务提交之后执行一些操作4.2 事…...

编程日记 2025/7/3 3:15:52

Mac电脑安装iTerm2通过rz命令上传文件到远程服务器

背景 闲着没事买了个云服务器玩&#xff08;京东云轻量云主机&#xff09;&#xff0c;Mac本地搞了个java的jar包&#xff0c;想上传到云服务器&#xff0c;通过scp命令在Mac自带的【终端】上怎么都上传不了&#xff0c;如图。但是通过ssh命令&#xff08;ssh root主机IP &…...

编程日记 2025/7/2 19:33:13

供应链数据可视化大屏

在全球化与数字化转型的双重浪潮下&#xff0c;供应链管理正面临前所未有的挑战&#xff1a;黑天鹅事件频发、多环节协同效率低下、库存与成本难以平衡……如何让供应链更透明、更敏捷、更具韧性&#xff1f;供应链数据可视化大屏应运而生&#xff0c;成为企业破解管理痛点的关…...

编程日记 2025/7/1 4:04:25

A2O MAY登上央视《中国音乐TOP榜》舞台，展现新歌榜冠军实力

——A2O MAY凭借新歌《BOSS》登上中国QQ音乐新歌榜冠军后&#xff0c;成功出演CCTV音乐节目《中国音乐TOP榜》&#xff0c;以实力赢得瞩目。 由A2O Entertainment&#xff08;以下简称A2O&#xff09;推出的全球女团 A2O MAY&#xff08;成员包括朱晨予CHENYU、李诗洁SHIJIE、…...

编程日记 2025/7/2 9:51:25

关于如何在 Git 中切换到之前创建的分支的方法

文章目录 关于如何在 Git 中切换到之前创建的分支的方法一、确保你在项目目录中二、查看所有分支&#xff08;可选&#xff09;三、切换到目标分支四、如果分支仅在远程存在五、验证是否切换成功六、常见问题处理七、总结命令流程 PS:下次进入分支时&#xff0c;只需完成步骤1 …...

编程日记 2025/7/3 8:09:41

vue3+element-plus 组件功能实现 上传功能

一、整体功能概述 这段代码实现了一个基于 Vue 3 和 Element Plus 组件库的文件导入及预览功能模块。主要包含了一个主导入对话框&#xff08;用于上传文件、展示文件相关信息、进行导入操作等&#xff09;以及一个用于预览文件内容的预览对话框。支持导入特定格式&#xff08;…...

编程日记 2025/7/3 8:01:03

多相机人脸扫描设备如何助力高效打造数字教育孪生体?

在教育数字化转型浪潮中&#xff0c;数字孪生体作为现实教育场景的虚拟映射&#xff0c;正成为智慧教育发展的关键技术支点。传统教育模式面临师资资源分布不均、个性化教学难以覆盖、跨时空教学场景受限等痛点&#xff0c;而数字孪生体通过构建高仿真虚拟教育主体&#xff08;…...

编程日记 2025/7/2 2:59:28

高中成绩可视化平台开发笔记

高中成绩可视化平台&#xff08;1&#xff09; 一、项目概述 本系统是一个基于 PyQt5 和 Matplotlib 的高中成绩数据可视化分析平台&#xff0c;旨在帮助教师快速了解学生成绩分布、班级对比、学科表现等关键指标。平台支持文科与理科的数据切换&#xff0c;并提供多个维度的图…...

编程日记 2025/7/1 1:55:01

圆周期性显示和消失——瞬态实现（CAD c#二次开发、插件定制）

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading; using System.Threading.Tasks; using System.Timers; [assembly: CommandClass(typeof(IfoxDemo.Commands))] namespace IfoxDemo {// 新增的圆形闪烁命令实…...

编程日记 2025/7/2 3:25:53

Spark SQL to_json 函数介绍

目录 前言函数介绍参数说明示例 前言 在Apache Hive中&#xff0c;并没有内置的to_json函数。在Apache Spark SQL中确实有to_json函数,它可以用来将结构化数据&#xff08;如结构化类型或MAP类型&#xff09;转换为JSON字符串。这个功能对于需要将表格数据输出为JSON格式的场景…...

编程日记 2025/7/3 8:34:50

5个免费的硬盘分区工具，操作简单功能全

电脑用久了&#xff0c;系统盘空间告急、数据盘混乱无序&#xff0c;很多人想重新分区&#xff0c;却又担心太复杂或怕搞坏硬盘。其实&#xff0c;只要用对工具&#xff0c;分区操作其实一点都不难。更重要的是&#xff0c;有很多免费的分区软件&#xff0c;不仅好用&#xff0…...

编程日记 2025/7/3 9:13:54

uniapp事件onLoad区分大小写

区分大小写。不然会不起作用。onLoad方法中的功能均不会被执行。 除了功能逻辑要检查外。大小写是要认真检查的一部分...

编程日记 2025/7/3 8:48:08

Flutter Riverpod 使用详细解析

&#x1f4da; Flutter 状态管理系列文章目录 Flutter 状态管理(setState、InheritedWidget、 Provider 、Riverpod、 BLoC / Cubit、 GetX 、MobX 、Redux) setState() 使用详解&#xff1a;原理及注意事项 InheritedWidget 组件使用及原理 Flutter 中 Provider 的使用、注…...

编程日记 2025/7/3 8:46:23

算法打卡 day4

4 . 高精度算法 性质&#xff1a;数组或者容器从低位往高位依次存储大整数&#xff0c;方便进位。 4.1 高精度加法 给定两个正整数&#xff08;不含前导 0&#xff09;&#xff0c;计算它们的和。 输入格式 共两行&#xff0c;每行包含一个整数。 输出格式 共一行&#xff0c;…...

编程日记 2025/7/3 8:30:03

权威认证！华宇TAS应用中间件荣获CCRC“中间件产品安全认证”

近日&#xff0c;华宇TAS应用中间件顺利通过了中国网络安全审查认证和市场监管大数据中心(CCRC)的信息安全认证&#xff0c;获得了IT产品信息安全认证证书。此次获证&#xff0c;标志着华宇TAS应用中间件在安全性、可靠性及合规性等方面达到行业领先水平&#xff0c;可以为政企…...

编程日记 2025/7/3 8:07:54

【Linux网络编程】多路转接IO（二）epoll

目录 epoll初识 epoll的相关系统调用 epoll的工作原理 epoll的优点 epoll的工作方式 水平触发 Level Triggered 工作模式 边缘触发 Edge Triggered 工作模式 对比LT和ET 理解 ET 模式和非阻塞文件描述符 epoll的惊群问题 基于LT模式的epoll代码样例 epoll初识 按照man…...

编程日记 2025/7/3 8:09:42

flutter的包管理#资源管理#调试Flutter应用#Flutter异常捕获

2.5 包管理 2.5.1 简介 在软件开发中&#xff0c;很多时候有一些公共的库或 SDK 可能会被很多项目用到&#xff0c;因此&#xff0c;将这些代码单独抽到一个独立模块&#xff0c;然后哪个项目需要使用时再直接集成这个模块&#xff0c;便可大大提高开发效率。很多编程语言或开…...

编程日记 2025/7/1 18:30:26

Unity Netcode自定义数据传输——结构体及其序列化

在 Unity Netcode 中&#xff0c;要实现自定义数据的网络传输&#xff0c;确实需要两个关键部分&#xff1a; ✅ 两个必需组件&#xff1a; 数据结构定义 public struct PlayerState : INetworkSerializable {public int id; // 字段1&#xff1a;玩家IDpublic bool …...

编程日记 2025/7/1 17:26:17

Vue 3 高级编程技巧

Vue 3 高级编程技巧 1. 计算属性 (Computed Properties) 含义&#xff1a;计算属性在依赖变化时会自动更新。以下是一个示例&#xff0c;展示当 firstName 或 lastName 变化时&#xff0c;fullName 也会更新。 实例&#xff1a; <script setup> import { ref, comput…...

编程日记 2025/7/1 18:30:22

GraphQL注入 -- GPN CTF 2025 Real Christmas

part 1 服务器会每段时间禁用已注册的账号,此处存在漏洞 def deactivate_user_graphql(email):graphql_endpoint current_app.config["GRAPHQL_ENDPOINT"]query f"""mutation {{deactivateUser (user: {{email: "{email}"}}){{ success…...

编程日记 2025/7/1 12:02:44

python打卡day43

疏锦行 作业&#xff1a; kaggle找到一个图像数据集&#xff0c;用cnn网络进行训练并且用grad-cam做可视化 进阶&#xff1a;并拆分成多个文件 import torch import torch.nn as nn import torch.optim as optim from torchvision import datasets, transforms# 数据预处理 tra…...

编程日记 2025/7/1 7:45:39

ethers.js express vue2 定时任务每天凌晨2点监听合约地址数据同步到Mysql整理

下面是一个完整的 Ethers.js Express Vue2 MySQL 实现方案&#xff0c;用于&#xff1a; &#x1f4a1;每天凌晨 2 点监听某合约地址的 Transfer 事件&#xff0c;写入 MySQL 数据库&#xff0c;并展示每日 NFT 交易量图表&#xff08;Vue2 ECharts&#xff09; ✅ 后端部分…...

编程日记 2025/7/1 18:30:15

内网穿透和端口映射的区别在哪？局域网提供互联网访问方案对比选择详解

内网穿透和端口映射是两个经常被提及的概念&#xff0c;它们对于实现网络中的内外网通信起着关键作用。内网穿透和端口映射都能够有效地将本地局域网地址提供给互联网上外网访问&#xff0c;但二者之间存在着显著的区别。 内网穿透与端口映射的核心区别在于实现方式和依赖条件…...

编程日记 2025/7/1 16:18:42

机器学习---正则化、过拟合抑制与特征筛选

专栏:机器学习 个人主页:云端筑梦狮 注&#xff1a;上一篇机器学习还差一小节&#xff0c;日后坑必会填上 一.正则化 什么是正则化 / 如何进行正则化 其实机器学习中正则化&#xff08;regularization&#xff09;的外在形式非常简单&#xff0c;就是在模型的损失函数中加…...

编程日记 2025/7/1 16:18:40

优化 ArcPy 脚本性能

合理设置环境变量 优化环境变量配置 ArcPy 提供了许多环境变量&#xff0c;用于控制地理处理工具的行为。合理设置环境变量可以优化脚本的性能。例如&#xff0c;设置“workspace”环境变量可以指定默认的工作空间&#xff0c;避免在脚本中重复指定工作空间路径。 Python 复制…...

编程日记 2025/7/1 16:18:38

Robyn高性能Web框架系列06：使用WebSocket实现产品智能助理

使用WebSocket实现产品智能助理 WebSocket原理与应用场景Robyn的WebSocket基本使用1、创建WebSocket服务2、侦听WebSocket事件3、向客户端发送消息4、向客户端广播消息5、使用查询参数6、主动关闭连接 示例&#xff1a;简易的产品智能助理1、产品数据部分2、产品信息部分3、智能…...

编程日记 2025/7/1 16:18:36

UDP 缓冲区

UDP 有接收缓冲区&#xff0c;没有发送缓冲区 引申问题 1、为什么没有发送缓冲区&#xff1f; 直接引用原文 “因为 UDP 是不可靠的&#xff0c;它不必保存应用进程的数据拷贝&#xff0c;因此无需一个真正的发送缓冲区” 2、没有发送缓冲区的情况下&#xff0c;sendto 的数…...

编程日记 2025/7/1 16:18:34

物联网与低代码：Node-RED如何赋能工业智能化与纵横智控的创新实践

在数字化浪潮席卷全球的今天&#xff0c;物联网&#xff08;IoT&#xff09;已从概念走向现实&#xff0c;成为连接物理世界与数字世界的关键桥梁。它通过将日常物品、工业设备等“物”嵌入传感器、软件及其他技术&#xff0c;使其能够通过网络相互连接并交换数据&#xff0c;从…...

编程日记 2025/7/2 7:17:29

【甲方安全视角】开源的安全悖论

文章目录 安全的充分必要条件&#xff1a;从「符号化信任」到「验证驱动安全」构建与分发的不可信链条迭代与审计的节奏错位代码透明与攻击面的对等暴露对普通用户的建议选择可信项目与品牌始终通过官方渠道获取软件注意权限与环境安全对“签名请求”、“连接钱包”等敏感操作保…...

编程日记 2025/6/30 18:36:15

GEO生成式引擎优化发展迅猛：热点数智化传播是GEO最佳路径

在人工智能技术浪潮的推动下&#xff0c;GEO生成式引擎优化已跃升为行业技术演进与产业发展相融合的核心赛道。通过系统性梳理其发展脉络&#xff0c;我们可清晰勾勒出技术突破与产业变革交织的演进轨迹&#xff0c;其发展进程包含以下重要节点。 2023年4月&#xff0c;GPT-4发…...

编程日记 2025/7/2 13:02:43

【unity游戏开发——网络】计算机网络中的三种数据管理模型（分散式、集中式、分布式）和三大通信模型（C/S、B/S、P2P）

注意&#xff1a;考虑到热更新的内容比较多&#xff0c;我将热更新的内容分开&#xff0c;并全部整合放在【unity游戏开发——网络】专栏里&#xff0c;感兴趣的小伙伴可以前往逐一查看学习。 文章目录 一、数据管理模型1、分散式 (Decentralized - 各管各的)2、集中式 (Centra…...

编程日记 2025/6/30 18:36:11

MR30分布式 IO在物流堆垛机的应用

在现代物流行业蓬勃发展的浪潮中&#xff0c;物流堆垛机作为自动化仓储系统的核心设备&#xff0c;承担着货物的高效存取与搬运任务。它凭借自动化操作、高精度定位等优势&#xff0c;极大地提升了仓储空间利用率和货物周转效率。然而&#xff0c;随着物流行业的高速发展&#…...

编程日记 2025/7/3 7:53:32

香港维尔利健康科技集团推出AI辅助医学影像训练平台，助力医护人才数字化转型

香港维尔利健康科技集团近日正式发布其自主研发的“AI辅助医学影像训练平台&#xff08;V-MedTrain&#xff09;”&#xff0c;这一创新平台的上线&#xff0c;标志着医学影像教育迈入智能化辅助教学新时代。依托人工智能与大数据分析技术&#xff0c;香港维尔利健康科技集团在…...

编程日记 2025/6/30 18:36:06

2025学年湖北省职业院校技能大赛 “信息安全管理与评估”赛项 样题卷（五）

2025学年湖北省职业院校技能大赛 “信息安全管理与评估”赛项 样题卷&#xff08;五&#xff09; 第二部分&#xff1a;网络安全事件响应、数字取证调查、应用程序安全任务书任务 1&#xff1a;应急响应&#xff08;可以培训有答案&#xff09;任务 2&#xff1a;通信数据分析取…...

编程日记 2025/6/30 18:36:03

基于 Python 的批量文件重命名软件设计与实现

在工作过程中，经常有很多文件，想要对文件名进行批量改名，特此写了一个程序，以实现此功能。 一、批量文件重命名软件设计原理 （一）核心原理阐述 批量文件重命名软件的核心原理在于运用操作系统提供的文件管理功能，借助编程手段达成对文件名称的批量修改。在这个软件里，…...

编程日记 2025/6/30 18:36:01

【深度学习新浪潮】什么是上下文工程？

什么是上下文工程？ 上下文工程（Context Engineering） 是指通过设计、优化与大语言模型（LLM）交互时的输入内容（即“上下文”），引导模型生成更符合预期、更精准回答的系统性方法。这里的“上下文”通常包括 提示词（Prompt）、示例（Few-Shot Examples）、历史对话记录、…...

编程日记 2025/6/30 18:35:59

逆向入门（8）汇编篇-rol指令的学习

还是那个题&#xff0c;这回又碰到个循环左移&#xff0c;有挺多操作方法之前都没有系统的学&#xff0c;用到的时候再看看感觉还挺好&#xff0c;不耽误事 0x00 基本介绍 ROL(Rotate Left): 循环左移&#xff0c;它有两个操作数&#xff1a; 第一个操作数是目标操作数&#…...

编程日记 2025/6/30 18:35:56

Fisco Bcos学习 - 开发第一个区块链应用

文章目录 一、前言二、业务场景分析&#xff1a;简易资产管理系统三、智能合约设计与实现3.1 存储结构设计3.2 接口设计3.3 完整合约代码 四、合约编译与Java接口生成五、SDK配置与项目搭建5.1 获取Java工程项目5.2 项目目录结构5.3 引入Web3SDK5.4 证书与配置文件 六、业务开发…...

编程日记 2025/7/2 13:02:43

黑马python（十六）

目录&#xff1a; 1.JSON数据格式的转换 2.pyecharts模块简介 3.pyecharts入门使用 4.数据准备 5.生成折线图 1.JSON数据格式的转换 2.pyecharts模块简介 官方网站&#xff1a; 画廊网站:有更多的图标形式 测试是否安装 3.pyecharts入门使用 运行会生成一个html的文件&a…...

编程日记 2025/6/30 18:35:51

完成国产化替代！昆明卷烟厂用时序数据库 TDengine 重塑工业时序数据平台

小T导读&#xff1a;昆明卷烟厂作为红云红河烟草&#xff08;集团&#xff09;有限责任公司的重要组成部分&#xff0c;是集团卷烟生产的核心工厂。早期在建设制造执行系统&#xff08;MES&#xff09;时&#xff0c;其采用了 Wonderware 平台的时序数据存储功能模块&#xff0…...

编程日记 2025/6/30 18:35:49

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | BackgroundSlider（背景滑块）

&#x1f4c5; 我们继续 50 个小项目挑战&#xff01;—— BackgroundSlider组件 仓库地址&#xff1a;https://github.com/SunACong/50-vue-projects 项目预览地址&#xff1a;https://50-vue-projects.vercel.app/ 使用 Vue 3 的 Composition API 和 <script setup> …...

编程日记 2025/6/30 18:35:46