Vue3项目开发——新闻发布管理系统（九）（完结篇）

文章目录

  • 十一、用户信息管理
    • 1、用户基本资料管理
      • 1.1 页面设计
      • 1.2 封装接口，更新信息
    • 2、更换头像
      • 2.1 静态结构
      • 2.2 选择图片预览
      • 2.3 上传头像
    • 3、重置密码
      • 3.1 页面设计
      • 3.2 封装接口，更新密码
  • 十二、项目打包
  • 十三、系统全部源码下载

十一、用户信息管理

用户信息管理包括功能：基本资料、更换头像和重置密码。
在这里插入图片描述

1、用户基本资料管理

1.1 页面设计

在这里插入图片描述

用户基本资料表单使用一个el-form表单组件，有四行内容，前三行是输入框，第四行是按钮：

  • 第一行 label 登录名称，输入框禁用不可输入状态
  • 第二行 label 用户昵称，输入框可输入
  • 第三行 label 用户邮箱，输入框可输入
  • 第四行按钮，提交修改

并且需要实现给昵称和 邮箱添加校验

  • 昵称 nickname 必须是2-10位的非空字符串
  • 邮箱 email 符合

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/web/54247.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

第四届机器人、自动化与智能控制国际会议（ICRAIC 2024）征稿

第四届机器人、自动化与智能控制国际会议（ICRAIC 2024）征稿

第四届机器人、自动化与智能控制国际会议（ICRAIC 2024）由湖南第一师范学院主办，南京师范大学、山东女子学院、爱迩思出版社（ELSP）协办。 大会将专注于机器人、数字化、自动化、人工智能等技术的开发和融合&#xff0c…
阅读更多...
如何让 Android 的前端页面像 iOS 一样“优雅”？

如何让 Android 的前端页面像 iOS 一样“优雅”？

作者:方英杰（崇之） 最近在调研前端页面适配 Android 端异形屏的方案，调研过程中发现了一些比较有意思的点，本文主要是做一个总结。 一、提出问题 首先，我们需要知道 Android 上的前端适配面临着什么问题。 问题其实很…
阅读更多...
【含文档】基于Springboot+Vue的停车场车位预约系统（含源码+数据库+lw）

【含文档】基于Springboot+Vue的停车场车位预约系统（含源码+数据库+lw）

1.开发环境 开发系统:Windows10/11 架构模式:MVC/前后端分离 JDK版本: Java JDK1.8 开发工具:IDEA 数据库版本: mysql5.7或8.0 数据库可视化工具: navicat 服务器: SpringBoot自带 apache tomcat 主要技术: Java,Springboot,mybatis,mysql,vue 2.视频演示地址 3.功能 系统定…
阅读更多...
ICPC-day1(NTT)

ICPC-day1(NTT)

NTT经典例题 CCPC-Winter-Camp-day6-A——NTT经典例题 对于上面格式，如果想求出每个i的值可以使用卷积求出，因为阶乘j和阶乘i-j相乘的值为(i(i-j))i 补充一个二次剩余定理 P5491 【模板】二次剩余 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) //#in…
阅读更多...
基于工业物联网的能源监控系统：边缘数据处理的应用

基于工业物联网的能源监控系统：边缘数据处理的应用

论文标题：《Industrial IoT-Based Energy Monitoring System: Using Data Processing at Edge》 作者信息： Akseer Ali MiraniAnshul AwasthiNiall O’MahonyJoseph Walsh 他们均来自爱尔兰的芒斯特技术大学IMaR研究中心，以及位于利默里克的…
阅读更多...
JVM 基础、GC 算法与 JProfiler 监控工具详解

JVM 基础、GC 算法与 JProfiler 监控工具详解

目录 1、引言 1.1 JVM内存与本地内存 1.2 JVM与JDK的关系 2、JVM基础 2.1 JVM（Java Virtual Machine） 2.2 Java与JVM的关系 2.3 JVM的内存结构 2.3.1 堆内存 2.3.2 栈内存 2.3.3 方法区 2.3.4 本地方法栈 2.3.5 程序计数器（PC寄存…
阅读更多...
【MySQL 07】内置函数

【MySQL 07】内置函数

目录 1.日期函数 日期函数使用场景： 2.字符串函数 字符串函数使用场景： 3.数学函数 4.控制流函数 1.日期函数 函数示例： 1.在日期的基础上加日期 在该日期下，加上10天。 2.在日期的基础上减去时间 在该日期下减去2天 3.计算两…
阅读更多...
Android Context是什么？有很多的context他们之间有什么区别？什么时候该使用哪个？

Android Context是什么？有很多的context他们之间有什么区别？什么时候该使用哪个？

目录 一、Context是什么？ 在Android中，Context是一个抽象类 ，它代表了应用程序的当前状态，包括资源和类加载器等，它提供了一个应用运行所需的信息，比如我们要获取资源 ，那么需要她，…
阅读更多...
雷池 WAF 如何配置才能正确获取到源 IP

雷池 WAF 如何配置才能正确获取到源 IP

经常有大哥反馈说雷池攻击日志里显示的 IP 有问题。 这里我来讲一下为什么一些情况下雷池显示的攻击 IP 会有问题。 问题说明 默认情况下，雷池会通过 HTTP 连接的 Socket 套接字读取客户端 IP。在雷池作为最外层网管设备的时候这没有问题，雷池获取到的…
阅读更多...
【寻找one piece的算法之路】——双指针算法！他与她是否会相遇呢？

【寻找one piece的算法之路】——双指针算法！他与她是否会相遇呢？

💐个人主页：初晴~ 📚相关专栏：寻找one piece的刷题之路 什么是双指针算法 双指针算法是一种常用的编程技巧，尤其在处理数组和字符串问题时非常有效。这种方法的核心思想是使用两个指针来遍历数据结构，这两…
阅读更多...
【HTML+CSS】仿电子美学打造响应式留言板

【HTML+CSS】仿电子美学打造响应式留言板

创建一个响应式的留言板 在这篇文章中，我们将学习如何创建一个简单而美观的留言板，它将包括基本的样式和动画效果，以及响应式设计，确保在不同设备上都能良好显示。 HTML 结构 首先，我们创建基本的HTML结构。留言板由…
阅读更多...
Android SQLite的基本使用、生成Excel文件保存到本地

Android SQLite的基本使用、生成Excel文件保存到本地

1. Android SQLite的基本使用 1.1. SQLiteOpenHelper Android 底层已经通过一个SQLiteOpenHelper的抽象类将数据库的创建，以及修改，更新等都放在了里面。 要使用它必须实现它的OnCreate(SQLiteDatabase db)，onUpgrade(SQLiteDatabase db, int…
阅读更多...
YOLOv11改进 | 独家创新- 注意力篇 | YOLOv11结合全新多尺度线性注意力机制MLAttention(全网独家创新)

YOLOv11改进 | 独家创新- 注意力篇 | YOLOv11结合全新多尺度线性注意力机制MLAttention(全网独家创新)

1. MLAttention介绍 (1). 多尺度卷积操作：MLAttention通过多尺度卷积操作来增强不同尺度的特征表达能力。采用了多种卷积核尺寸（例如5x5、1x7、7x1、1x11、11x1、1x21、21x1）的深度可分离卷积来捕捉不同感受野的特征。较小的卷积核擅长捕捉细…
阅读更多...
TypeScript 算法手册【快速排序】

TypeScript 算法手册【快速排序】

文章目录 1. 快速排序简介1.1 快速排序定义1.2 快速排序特点 2. 快速排序步骤过程拆解2.1 选择基准元素2.2 划分数组2.3 递归排序 3. 快速排序的优化3.1 三数取中法选择基准3.2 插入排序与快速排序结合案例代码和动态图 4. 快速排序的优点5. 快速排序的缺点总结 【 已更新完 Ty…
阅读更多...
C语言基础(7)之操作符(1)(详细介绍)

C语言基础(7)之操作符(1)(详细介绍)

目录 1. 各种操作符介绍 1.1 操作符汇总表 2. 移位操作符 2.1 移位操作符知识拓展 —— 原码、反码、补码 2.2 移位操作符讲解 2.2.1 右移操作符 ( >> ) 2.2.2 左移操作符 ( << ) 3. 位操作符 3.1 & (按位与) 3.2 | (按位或) 3.3 ^ (按位异或) 3.4…
阅读更多...
排序算法之——归并排序，计数排序

排序算法之——归并排序，计数排序

文章目录 前言一、归并排序1. 归并排序的思想2. 归并排序时间复杂度及空间复杂度3. 归并排序代码实现1&#xff09;递归版本2&#xff09;非递归版本 二、计数排序1. 计数排序的思想2. 计数排序的时间复杂度及空间复杂度3. 计数排序代码实现 总结&#xff08;排序算法稳定性&am…
阅读更多...
【JavaEE】——线程池大总结

【JavaEE】——线程池大总结

阿华代码&#xff0c;不是逆风&#xff0c;就是我疯&#xff0c; 你们的点赞收藏是我前进最大的动力&#xff01;&#xff01;希望本文内容能够帮助到你&#xff01; 目录 引入&#xff1a;问题引入 一&#xff1a;解决方案 1&#xff1a;方案一——协程/纤程 &#xff08;1…
阅读更多...
【完-网络安全】Windows注册表

【完-网络安全】Windows注册表

文章目录 注册表启动项及常见作用五个根节点常见入侵方式 注册表 注册表在windows系统的配置和控制方面扮演了一个非常关键的角色&#xff0c;它既是系统全局设置的存储仓库&#xff0c;也是每个用户的设置信息的存储仓库。 启动项及常见作用 快捷键 WinR打开运行窗口&#x…
阅读更多...
【C++】C++基础

【C++】C++基础

目录 一. C关键字(C98) 二、C的第一个程序 三、命名空间 3.1.namespace的价值 3.2.namespace的定义 3.2.命名空间使用 总结&#xff1a;在项目当中第一、第二种方法搭配使用&#xff0c;第三种冲突风险非常大&#xff0c;仅适合练习使用。 四、C输入&输出 五、缺省…
阅读更多...
调试分析：[跳数度量]更改为[距离度量]后的 routing_bellmanford 算法

调试分析：[跳数度量]更改为[距离度量]后的 routing_bellmanford 算法

回顾复习2023年8月的《★修改Exata6.2源码&#xff1a;〔修改Bellmanford最短路径路由的衡量标准从【路由跳数】改为【“路由器节点间的物理距离”】&#xff0c;并动画演示〕》&#xff0c;VS2015调试Exata&#xff0c;跟踪调试修改后的[ routing_bellmanford.cpp ]源码&#…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023