自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 Vue3用户管理组件

本文介绍了使用Vue3实现用户管理组件的方法,主要包含以下内容:1. 使用Pinia进行状态管理,包括用户数据的存储、增删改查操作;2. 实现用户列表展示、搜索、添加、编辑和删除功能;3. 采用组件通信方式实现弹窗交互,父组件通过props传递数据给子组件(UserFormDialog),子组件通过emit触发事件与父组件交互;4. 使用v-model绑定输入框值,配合watch实现搜索功能;5. 通过ref和computed管理组件状态,实现响应式更新。

2025-08-11 01:05:09 391

原创 Vue3中的pinia

Pinia是Vue3的官方状态管理库,用于管理跨组件共享数据。其核心概念是Store,包含state(状态数据)、getters(计算属性)和actions(修改状态的方法)。相比Vuex,Pinia具有API简洁、TypeScript支持良好、模块化设计等优势。使用步骤包括:安装Pinia、创建Store文件定义状态和方法、在组件中导入使用、在main.ts注册。通过计数器示例展示了状态管理流程:组件通过Store访问和修改数据,视图自动响应状态变化。Pinia能与Vue3的Composition API

2025-08-10 18:18:35 406 1

原创 Vue3学习之创建vue3项目文件

Vue3是一个更高效、轻量级的渐进式JavaScript框架,专注于构建用户界面。本文介绍了Vue3项目创建流程:首先安装Node.js并验证环境;然后通过PyCharm创建项目文件夹,使用npm命令初始化Vue项目并选择配置(建议选择TypeScript);最后清理默认文件结构,开始自定义开发。文中还详细说明了如何删除默认组件代码,为个性化开发做好准备。

2025-08-09 19:43:45 278

原创 HTTP状态码的知识点

怎么看HTTP状态码表示的是什么意思,今天这篇文章介绍清楚。

2025-08-03 23:35:23 819

原创 js中数组的常用方法

其中需要遍历的方法有:sort(),reverse(),map(),filter(),reduce()、find()、findIndex()、every()、some(),includes(),js中数组的方法有很多,我目前只整理了这几个常用的方法,不断的使用这些方法,能帮助我了解更多js知识点,也能帮助我更好的应用到实战当中。

2025-07-26 22:33:48 923

原创 基于FastAPI后端和现代前端技术栈构建一个智能AI助手应用

该项目拥有注册、登录、会话、历史管理全流程。安全层面,我采用 HTTPS 加密传输 + CORS 白名单 + JWT 令牌 + bcrypt 密码 + 3 次错误锁定 30 分钟 的防护。对话能力由阿里云 DeepSeek-V3 提供,支持 流式/非流式双模式,Markdown 实时渲染,所有聊天记录按用户自动隔离,可分组查看、一键删除或随时开启新会话,同时客户可以根据自己的需求进行深度思考或者联网搜索功能进行更完善的聊天。

2025-07-20 23:06:43 620

原创 使用FastAPI和Sqlite实现简单的学生成绩管理系统

HTML/CSS:用于构建页面的基本结构和样式。通过简洁的布局和美观的设计,做到让客户有良好的体验和一个易于操作的界面。JavaScript:用于实现页面的交互功能,例如表单提交、数据展示等。Axios:一个基于 Promise 的 HTTP 客户端,用于在前端与后端之间进行数据交互。未来,我计划对这个项目进行进一步的优化和改进。例如,增加多班级管理功能、成绩排名功能等等,以提升系统的实用性和加强自身的学习能力。欢迎大家在评论区指导留言。

2025-07-08 19:42:05 950

原创 学习简单的js轮播图

在学web前端页面的时候,轮播图是一个非常重要的知识点。接下来我将实现一个简单的轮播图来巩固js的知识点。

2025-06-23 10:12:17 539

原创 使用CSS创建三角形图标

CSS 三角形是利用边框相交特性实现的:元素设置为零尺寸 (width: 0;height: 0通过控制不同方向边框的透明/显色状态边框相交处形成斜切角效果3.2两种主要实现方法对比方法代码示例生成形状特点典型应用场景双边框法border-left/right:透明;border-top:显色等腰三角形对称、比例精确可控下拉箭头、工具提示单边框法border-bottom:显色;border-left:透明直角三角形不对称、可做特殊角度折角效果、装饰元素。

2025-06-16 00:15:47 414

原创 FastAPI知识点详解

FastAPI 是一个现代、快速(高性能)的 Web 框架,用于构建 API。它基于 Python 3.7+ 的类型提示功能,使用了 Python 类型提示注解来实现请求验证和序列化。

2025-06-08 21:58:48 636

原创 使用fasiapi实现登录接口

定义了一个 POST 请求的路由/token,表示客户端通过 POST 方法向/token发送请求时,会触发这个函数。:指定函数的返回值应该符合Token模型。Token模型通常定义了返回数据的结构,例如包含和token_type等字段。async def:定义了一个异步函数。form_data是一个依赖项,表示客户端提交的表单数据。是 FastAPI 提供的一个类,用于解析表单中的用户名和密码字段。Depends()表示这个参数由依赖注入系统提供。指form_data是拥有通过。

2025-06-04 22:39:42 663

原创 Python闭包与装饰器

装饰器本质上是一个Python函数,它可以让其他函数在不修改原有代码的基础上增加额外的功能。装饰器的返回值也是一个函数对象,它通常会接收一个函数作为参数,然后返回一个包装后的函数。

2025-06-02 21:05:14 813

原创 使用面向对象完成基础的员工信息管理系统

Workersos:用于文件操作,例如检查文件是否存在。json:用于处理 JSON 数据,方便将员工信息保存到文件和从文件加载。Workers:从workers.py文件中导入Workers类,用于创建员工对象。定义类:使用__init__初始化方法::一个空列表,用于存储所有员工对象。:初始化自增 ID,从 1 开始。:在初始化时调用方法,从文件中加载员工信息。:定义一个静态方法,不需要访问类或实例的属性。功能:打印系统菜单,提示用户可以选择的操作编号。

2025-05-24 22:01:59 594

原创 关于css中的浮动的用法

CSS浮动是一种定位方法,它可以使元素脱离常规的文档流,并沿着容器的左侧或右侧对齐。浮动元素可以与其他浮动元素并排显示,直到没有足够的空间,然后才会换行。

2025-05-05 23:55:24 287

原创 0基础入门web中的html

了解web开发三要素中的html的入门级教学

2025-04-26 15:36:44 1005

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除