uniapp-商城-53-后台 商家信息(更新修改和深浅copy)

1、概述

        文章主要讨论了在数据库管理中如何处理用户上传和修改商家信息的问题,特别是通过深浅拷贝技术来确保数据更新的准确性和安全性。

        首先,解释了深拷贝和浅拷贝的区别:浅拷贝使得两个变量共享相同的内存地址,而深拷贝则创建新的内存空间来存储数据,确保修改一个变量不会影响另一个。接着,文章展示了在JavaScript中实现深拷贝的示例代码。

        随后,详细描述了商家信息修改的流程,包括页面加载时获取用户信息、数据展示与复制、更新页面逻辑展示以及后台数据库的处理逻辑,强调了使用深拷贝的重要性以保留原始数据并生成新数据。最后,文章提到了更新完成后通过提示和页面跳转来优化用户体验。

        整体而言,文章提供了一个关于数据管理和更新的全面指南,强调了技术细节和用户体验的结合。
      

2、深浅copy

          用户将信息进行了添加和上传,在我们的数据库有我们用户自己的商家信息。当然后面还可以把这个信息和用户信息关联起来。

        但对于上传后的信息,用户可以进行修改。为此先准备一个deep copy,在很多语言中都有这样一个问题。copy的数据如何修改的问题。

2.1 什么是深copy

        浅copy 就只是定义一个变量A,其值存储的位置P   依然在被拷贝变量B 的存储的空间P。

        深copy,就是定义一个变量A  ,然后将被copy的变量B 对应存储空间P 存储的值 copy过来,并新开辟存储空间  新P,来存储刚刚copy过来的值。

        因此,在没有修改A 的值时, A和B 的值是一样的。

        修改后:

        浅copy   修改A 的值时, A和B 的值都要修改。

        深copy   修改A 的值时, A的值要修改。  B的值不会被修改。

2.2 js 中的深copy实现

es6的方式进行展开...就好,其他还有很多的方式。

//浅copy
<script>let obj1 = {name:"jd"age:12}let obj2 = obj1obj2.name = "tx"obj2.age = 13 console.log(obj1)   // 这里就看到obj1的name修改为tx,age修改为13 
</script>//深copy
<script>let obj1 = {name:"jd"age:12}let obj2 = {...obj1}  //深copy  复制值,并重新分配存储空间obj2.name = "tx"obj2.age = 13 console.log(obj1)   // 这里就看到obj1的name没有修改为tx,age没有修改为13 console.log(obj1)   // 这里就看到obj2的name修改为tx,age修改为13 
</script>

3、如何进行商家信息修改

3.1 进入页面获取到用户信息

onload

3.2 用户将信息展示,且获取的到数据复制给变量brandFormData

此处的brandFormData 和添加时 的数据就多一个 _id

这个 brandFormData 来自于数据库  _id是数据库自动生成。

看getbrand 方法:

3.3 进行数据更新的页面逻辑

展示在页面上就是通过页面逻辑展示,没有展示 _id

更新数据依然是 addAndUpdate 这个接口来做的,做了一个判断,就是看有没有_id.

3.4 后台数据库的逻辑

3.4.1 这里就是先预处理获取到页面传来的数据

3.4.2 然后调用update

3.4.3 接着继续数据的copy   这里使用的深copy(因为后面要删除_id,给更新的数据准备,也要给doc 判断修改那一条数据 做准备,必须要copy出来。)

通过深copy  保留了原来的数据,又重新生成了新的数据。

3.4.4 进行数据更新

doc 的id 来至于页面传来的数据

update 中的数据来自于 深copy 后删除掉 id 的数据,不删除id 就要报错,数据库是不允许更新id的

4 修改或者添加完成给予提示和跳转

                uni.showToast({title:“成功”;mask: true})//延时跳转 回先前的页面setTimeout(() => {uni.navigateBack();}, 1500)

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

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

相关文章

numpy模块综合使用

一、numpy模块的综合使用方法 # 使用矩阵的好处&#xff0c;矩阵对于python中列表&#xff0c;字典等数据类型一个一个拿来计算是会方便计算很多的&#xff0c;底层使用的是c语言 # 在数据分析和数据处理的时候也经常常用 import numpy as np array np.array([[1,2,3],[2,3,4…

【github分享】开发者学习路线图

地址&#xff1a;GitHub - kamranahmedse/developer-roadmap: Interactive roadmaps, guides and other educational content to help developers grow in their careers. 介绍&#xff1a;涵盖了所有领域的开发者路线图&#xff0c;前端、后端、运维、全栈、编程语言、AI等。…

《Linux命令行大全(第2版)》PDF下载

内容简介 本书对Linux命令行进行详细的介绍&#xff0c;全书内容包括4个部分&#xff0c;第一部分由Shell的介绍开启命令行基础知识的学习之旅&#xff1b;第二部分讲述配置文件的编辑&#xff0c;如何通过命令行控制计算机&#xff1b;第三部分探讨常见的任务与必备工具&…

[Java实战]Spring Boot 解决跨域问题(十四)

[Java实战]Spring Boot 解决跨域问题&#xff08;十四&#xff09; 一、CORS 问题背景 什么是跨域问题&#xff1f; 当浏览器通过 JavaScript 发起跨域请求&#xff08;不同协议、域名、端口&#xff09;时&#xff0c;会触发同源策略限制&#xff0c;导致请求被拦截。 示例场…

MyBatis快速入门——实操

默认&#xff1a;电脑搭建好了Maven环境 本次入门实验使用的idea版本&#xff1a;ideaU2022.1 目录 一&#xff1a;前期准备工作 1. 创建一个springboot工程 2. Maven环境配置 3. 在mysql数据库中创建一个user表 4. 编写实体类User 二&#xff1a; 引入MyBatis的相关依赖…

IPLOOK超轻量核心网,助力5G专网和MEC边缘快速落地

随着5G深入千行百业&#xff0c;行业客户对核心网的灵活性、可控性和部署效率提出了更高要求。IPLOOK面向数字化转型需求&#xff0c;推出了超轻量级核心网解决方案&#xff0c;具备体积小、资源占用少、部署灵活、易于维护等特性&#xff0c;广泛适用于专网、实验室、MEC边缘云…

【前端】【HTML】【总复习】一万六千字详解HTML 知识体系

🌐 HTML 知识体系 一、HTML 基础入门 1. HTML 简介与作用 HTML(HyperText Markup Language,超文本标记语言)是构建网页的基础语言。它的核心作用是: 定义网页内容的结构(标题、段落、图片、表格等)提供语义化标签,帮助搜索引擎与辅助设备理解页面内容配合 CSS 实现…

VC++ 获取CPU信息的两种方法

文章目录 方法一&#xff1a;使用 Windows API GetSystemInfo 和 GetNativeSystemInfo (基本信息)编译和运行代码解释 方法二&#xff1a;使用 __cpuid&#xff08;CPU序列号、特性等&#xff09;代码解释&#xff1a; 开发过程中需要使用 VC获取电脑CPU信息&#xff0c;先总结…

Docker Compose 的历史和发展

这张图表展示了Docker Compose从V1到V2的演变过程&#xff0c;并解释了不同版本的Compose文件格式及其支持情况。以下是对图表的详细讲解&#xff1a; Compose V1 No longer supported: Compose V1已经不再支持。Compose file format 3.x: 使用了版本3.x的Compose文件格式。 …

24、TypeScript:预言家之书——React 19 类型系统

一、预言家的本质 "TypeScript是魔法世界的预言家之书&#xff0c;用静态类型编织代码的命运轨迹&#xff01;" 霍格沃茨符文研究院的巫师挥动魔杖&#xff0c;类型注解与泛型的星轨在空中交织成防护矩阵。 ——基于《国际魔法联合会》第12号类型协议&#xff0c;Ty…

(2025,AR,NAR,GAN,Diffusion,模型对比,数据集,评估指标,性能对比)文本到图像生成和编辑:综述

【本文为我在去年完成的综述&#xff0c;因某些原因未能及时投稿&#xff0c;但本文仍能为想要全面了解文本到图像的生成和编辑的学习者提供可靠的参考。目前本文已投稿 ACM Computing Surveys。 完整内容可在如下链接获取&#xff0c;或在 Q 群群文件获取。 中文版为论文初稿&…

MATLAB的cvpartition函数用法

1. 函数作用 cvpartition 将数据集划分为训练集和测试集&#xff0c;支持多种交叉验证方法&#xff0c;包括&#xff1a; Hold-Out验证&#xff1a;单次划分&#xff08;如70%训练&#xff0c;30%测试&#xff09;K折交叉验证&#xff1a;数据分为K个子集&#xff0c;依次用其…

Java【网络原理】(5)深入浅出HTTPS:状态码与SSL/TLS加密全解析

目录 1.前言 2.正文 2.1状态码 2.2HTTP与HTTPS的关系 2.3SSL协议 2.3.1对称加密 2.3.2非对称加密 2.3.3中间人攻击 2.3.4校验机制 2.3.4.1证书 2.3.4.2数字签名 1. 数字签名的生成过程 2. 数字签名的验证过程 2.4TLS协议&#xff08;握手过程&#xff09; 3.小结…

代码随想录算法训练营第三十七天

LeetCode题目: 300. 最长递增子序列674. 最长连续递增序列718. 最长重复子数组2918. 数组的最小相等和(每日一题) 其他: 今日总结 往期打卡 300. 最长递增子序列 跳转: 300. 最长递增子序列 学习: 代码随想录公开讲解 问题: 给你一个整数数组 nums &#xff0c;找到其中最长…

【Java ee初阶】网络原理

TCP协议 1.确认应答 实现可靠传输的核心机制 2.超时重传 实现可靠传输的核心机制 3.连接管理 网络部分最高频的面试题 4.滑动窗口 提高传输效率的机制 5.流量控制 依据接收方的处理能力&#xff0c;限制发送方的发送速度。 6.拥塞控制 依据传输链路的处理能力&#xff0c…

B站取关脚本

个人的账号可能被盗了&#xff0c;发现关注数量蹦到3000多&#xff0c;然后b站没有一键取关的按钮&#xff0c;并且对api的访问有速度限制&#xff0c;然后网上的脚本很多都已经失效了&#xff0c;所以自己稍微写个简陋的 测试时间: 2025.05.11 使用步骤: 进入b站的关注页面…

PyGame游戏开发(含源码+演示视频+开结题报告+设计文档)

前言&#xff1a; 大二小学期python课上基于pygame做的一个游戏小demo&#xff0c;当时老师花了一天讲解了下python基础语法后&#xff08;也是整个大学四年唯一学习python的时间&#xff09;&#xff0c;便让我们自学网课一周然后交项目&#xff0c;所以做的非常仓促&#xff…

使用 React 实现语音识别并转换功能

在现代 Web 开发中&#xff0c;语音识别技术的应用越来越广泛。它为用户提供了更加便捷、自然的交互方式&#xff0c;例如语音输入、语音指令等。本文将介绍如何使用 React 实现一个简单的语音识别并转换的功能。 功能概述 我们要实现的功能是一个语音识别测试页面&#xff0…

C++ 双峰高斯函数拟合

C 双峰高斯函数拟合 一维高斯函数二维高斯函数多维高斯函数一维双峰高斯函数代码实现 二维双峰高斯函数代码实现 多维多峰高斯函数 在数据分析与清洗中经常遇到这样的数据&#xff1a;数据不仅仅向单个中心靠拢&#xff0c;而是类似分段的向两个甚至多个中心靠拢。数据向单个中…

【RP2350】香瓜树莓派RP2350之LED

本文最后修改时间&#xff1a;2025年05月10日 01:57 一、本节简介 本节以树莓派pico2开发板为例&#xff0c;举例如何写一个LED驱动加进工程里。 二、实验平台 1、硬件平台 1&#xff09;树莓派pico2开发板 ①树莓派pico2开发板&#xff08;作为仿真器&#xff09; ②micr…