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

uniapp-商城-52-后台商家信息（商家信息数据，云对象使用）

news 来源：原创 2025/7/27 1:15:55

1、概述

已经通过好几个篇幅来说明商家信息，包括logo、商家名称，地址，电话以及商家简介。通过表单组件和标签，以及我们的文件上传标签，都做了说明。（logo上传，用的文件上传组件是上传到公共的数据库，并没有整合上传到项目定义或需要的数据库）

下面就是关键的步骤，如何将数据上传到我们自己的数据库。前面的分类我们直接在页面中进行的数据上传和使用。但一般不这样使用，一般是采用云对象的方式来处理数据的交互，页面上主要做业务逻辑的实现，以此来实现前后对分离。

2、创建云对象

云对象是把云函数实现的方法集中放在一起，然后通过一个接口进行调用，比如所有逻辑层的增删改查一起实现，管理和使用都较为方便。

2.1 到项目中的云数据库中，cloudfunction--->创建云对象

2.2 创建一个云对象 green-mall-brand

2.3 基本样式

创建一个云对象 green-mall-brand，包含不同的数据库操作。

生成重要的文件index.obj.js 这个就是云对象，在该文件中，需要引入数据库，对数据库进行增删改查等。

3、调试和使用

3.1 green-mall-brand下进行调试

在这里进行调试就会生成green-mall-brand.parm.js的调试文件，可以在这里进行调用相应的方法，比如这里的add get update等等，但是一般用的比较少。

3.2 将该云对象调用到业务逻辑页面

一般用本地调试的较少，大多数都是用到逻辑页面进行使用，使用前需要将该云对象定义到业务逻辑页面，这里将green-mall-brand 引入了brand的页面。

const brandCloudObj = uniCloud.importObject("green-mall-brand")

3.3 使用云对象提供的方法

green-mall-brand中的index.obj.js 提供add get update几种方法，我们可以在这里编写方法进行调用。

3.3.1 get

3.3.2 add和update

3.4 传递页面逻辑的值给云对象中的接口

3.4.1 在云对象中处理

预处理定义一个参数变量

this.params = this.getParams()[0]

如下：

	_before: async function () { // 通用预处理器this.userInfo =await utils.getUserInfo(this);this.params = this.getParams()[0]},

3.4.2 在不同接口中进行参数值的调用

在接口中使用定义的参数params

	async get(){		return await db.collection("green-mall-brand").get()},async add(){//需要登录if(!this.userInfo.uid) return {msg:"没有权限",code:-1};//需要管理权限if(!this.userInfo.role.includes('manage')) return {msg:"没有权限",code:-1};	  return await db.collection("green-mall-brand").add(this.params)},async update(){if(!this.userInfo.uid) return {msg:"没有权限",code:-1};if(!this.userInfo.role.includes('manage')) return {msg:"没有权限",code:-1};	let params = {...this.params};delete params._idreturn await db.collection("green-mall-brand").doc(this.params._id).update(params)}

3.4.3 云对象整体的参数使用代码

这里我们可以看到，当云对象执行了其中的接口，也会进行结果的返回

3.4.4 页面逻辑对参数的值的传递

3.4.4.1 页面逻辑在定义表单组件就进行了双向绑定，这样就把数据传给这里的参数变量 brandFromData，都用了v-model

3.4.4.2 logo数据的处理在提交时 onsubmit 进行了抽取，减少了很多不需要的属性值，通过执行addAndUpdate 判断是否有id值来判断该操作添加还是刷新。

3.4.5 进入页面应该是先获取数据 get 和onload

3.4.5.1 页面逻辑 onload

获取到数据就显示res.data[0]的值，没有就直接返回。

3.4.5.2 数据库获取数据云对象中实现get 记得return

return 页面才能获取到数据。

3.5 数据库的创建

藏这里，你找到了吗？

说了很多了，但是一直没有说数据库创建，前面我们都有用schema进行表结构定义

这里没有进行表结构定义，直接就是云对象需要使用时，页面逻辑来调用云对象会自己自动创建green-mall-brand这个数据库。

4、完整的代码

4.1 云对象代码

其中package.json 为自动生成

green-mall-brand.parm.js 本地调试

下面只是云对象的代码（indexobj.js）

// 云对象教程: https://uniapp.dcloud.net.cn/uniCloud/cloud-obj
// jsdoc语法提示教程：https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/129//第一步：链接数据库
const db = uniCloud.database();const utils = require("self-utils")
module.exports = {_before: async function () { // 通用预处理器this.userInfo =await utils.getUserInfo(this);this.params = this.getParams()[0]},async get(){		return await db.collection("green-mall-brand").get()},async add(){//需要登录if(!this.userInfo.uid) return {msg:"没有权限",code:-1};//需要管理权限if(!this.userInfo.role.includes('manage')) return {msg:"没有权限",code:-1};	  return await db.collection("green-mall-brand").add(this.params)},async update(){if(!this.userInfo.uid) return {msg:"没有权限",code:-1};if(!this.userInfo.role.includes('manage')) return {msg:"没有权限",code:-1};	let params = {...this.params};delete params._idreturn await db.collection("green-mall-brand").doc(this.params._id).update(params)}
}/*** method1方法描述* @param {string} param1 参数1描述* @returns {object} 返回值描述*//* method1(param1) {// 参数校验，如无参数则不需要if (!param1) {return {errCode: 'PARAM_IS_NULL',errMsg: '参数不能为空'}}// 业务逻辑// 返回结果return {param1 //请根据实际需要返回值}}*/
}

4.2、页面逻辑

<template><view class="brand"><!-- <uni-forms ref="brandRef" :model="brandFormData" :rules="brandRules" :label-width="100" label-align="right"> --><uni-forms ref="brandRef" :model="brandFormData" :label-width="100" label-align="right"><!--https://uniapp.dcloud.net.cn/component/uniui/uni-forms.htmlref 就是定义这个表单的标识 model：数据rules：校验规则label-width 加冒号绑定就数字，不加冒号就要写成100px，不能rpxlabel-align 对齐方式--><uni-forms-item label="品牌招牌" required name="thumb"><uni-file-picker v-model="brandFormData.thumb" fileMediatype="image" mode="grid" :limit="1" /><!-- v-model="brandFormData.thumb"   双向绑定 所里略图  这里默认是一个数组 下面定义data 就一个数组fileMediatype  文件类型是图像mode  文件呈现的样式 要不是list 列表 要不是九宫格的grid 上面是三个基本的属性limit 限制传几个文件  一般logo就一张。--></uni-forms-item><uni-forms-item label="品牌名称" name="name" required><!-- name 是标签名字 后面借来标识是哪一个被验证  required 是强制输入项目 必填--><uni-easyinput type="text" v-model="brandFormData.name" placeholder="请输入品牌名称" /></uni-forms-item><uni-forms-item label="商户电话" name="mobile" required><uni-easyinput type="text" v-model="brandFormData.mobile" placeholder="请输入商户电话" /></uni-forms-item><uni-forms-item label="商户地址" name="address" required><uni-easyinput v-model="brandFormData.address" placeholder="请输入商户地址" /></uni-forms-item><uni-forms-item label="商家介绍" name="about"><uni-easyinput v-model="brandFormData.about" placeholder="请输入商家介绍" type="textarea" /></uni-forms-item><button type="primary" @click="onSubmit">提交信息</button><!-- type 按钮样式选择  --></uni-forms></view>
</template><script>import {mapMutations} from "vuex"const brandCloudObj = uniCloud.importObject("green-mall-brand")export default {data() {return {brandFormData: {thumb: [],   //数组name: "", //品牌名称mobile: "",address: "",about: ""},brandRules: {thumb: {rules: [{required: true,errorMessage: "品牌招聘需要上传"}]},name: {rules: [{required: true,errorMessage: "请输入正确的品牌名称"}, {minLength: 3,maxLength: 20,errorMessage: '长度在{minLength}到{maxLength}的字符'}]},mobile: {rules: [{required: true,errorMessage: "请输入正确的手机号码"}, {validateFunction: function(rule, value, data, callback) {let res = /^1[3-9]\d{9}$/.test(value);if (!res) {callback("手机格式不正确")}return;}}]},address: {rules: [{required: true,errorMessage: "请输入正确的商户地址"}, {minLength: 6,maxLength: 100,errorMessage: '长度在{minLength}到{maxLength}的字符'}]}}};},onLoad() {this.isManage();this.getBrand();},//这是日狗了，它大爷的onReady() {this.$nextTick(() => {this.$refs.brandRef.setRules(this.brandRules);});},methods: {...mapMutations(["SET_BRAND"]),//获取数据库中的品牌信息getBrand() {brandCloudObj.get().then(res => {if (!res.data.length) return;this.brandFormData = res.data[0]})},//点击提交按钮onSubmit() {this.$refs.brandRef.validate().then(res => {let arr = this.brandFormData.thumb.map(item => {return {extname: item.extname,url: item.url,name: item.name,size: item.size}})this.brandFormData.thumb = arr;this.addAndUpdate();}).catch(err => {// console.log(err);})},//新增或者修改品牌啊信息async addAndUpdate() {let title;if (this.brandFormData._id) {let res = await brandCloudObj.update(this.brandFormData)title = "修改成功"} else {//新增await brandCloudObj.add(this.brandFormData)title = "新增成功"}uni.showToast({title,mask: true})setTimeout(() => {uni.navigateBack();}, 1500)this.SET_BRAND(this.brandFormData);}}}
</script><style lang="scss" scoped>.brand {padding: 30rpx;//间距是30rpx， 每一个标签之 标签内部 需要label-width 来调整}
</style>

uniapp-商城-52-后台商家信息（商家信息数据，云对象使用）

1、概述已经通过好几个篇幅来说明商家信息，包括logo、商家名称，地址，电话以及商家简介。通过表单组件和标签，以及我们的文件上传标签，都做了说明。（logo上传，用的文件上传组件是上传到公共的数…...

编程日记 2025/7/27 1:15:55

【我的创作纪念日】512

机缘还记得 2023 年 12 月 15 日，我撰写了第 1 篇技术博客：《oracle 跟踪文件--审计日志》。从此，这平凡的一天，赋予了我不平凡的意义。在那一刻，我已在创作这趟旅程中出发，并立志将工作中的经验总结&…...

编程日记 2025/7/27 8:31:15

共享内存与信号量结合

在Linux系统中，进程间通信（IPC）和原子性是并发编程中的核心问题。以下是对这些概念的详细分步解释： 一、进程间通信（IPC）方法 1. 管道（Pipe） 匿名管道：用于父子进程等有…...

编程日记 2025/7/27 8:24:42

西门子PLC s7-1200工艺对象“轴”的应用(1)

1. 工艺对象 “ 轴 ” 的概念在西门子 S7-1200 PLC 中，术语 “ 轴 ” 特指用 “ 轴 ” 工艺对象表示的驱动器工艺映像。 “ 轴 ” 工艺对象是用户程序与驱动器之间的接口，用于接收用户程序中的运动控制命令、执行这些命令并监视其运行情况。运动控制…...

编程日记 2025/7/23 5:30:59

ubuntu22.04在 Docker容器中安装 ROS2-Humble

22.04 安装 docker 容器并实现rviz功能 1 docker pull命令拉取包含ROS-Humble的镜像： docker pull osrf/ros:humble-desktop-full-jammy docker images验证该镜像是否拉取成功。使用镜像osrf/ros:humble-desktop-full-jammy创建并运行容器 sudo docker run -it…...

编程日记 2025/7/23 5:31:00

【LwIP源码学习6】UDP部分源码分析

前言本文对lwip协议栈里UDP部分的源码进行分析。将源码中最关键部分提取出来，梳理UDP部分的设计框架。应用层例子首先举一个应用层使用UDP的简单例子，如下： //第一步：申请套接字 sock socket(AF_INET, SOCK_DGRAM, 0); //…...

编程日记 2025/7/26 20:03:51

Python Cookbook-7.10 在 MySQL 数据库中储存 BLOB

任务想把一个二进制的大对象(BLOB)存入MySQL数据库解决方案 MySQLdb 模块并不支持完整的占位符，不过可以使用模块的escape_string 函数来解决: import MySQLdb,cPickle #连接到数据库，用你的本机来测试数据库，并获得游标 connection = MySQLdb.connect(db = "tes…...

编程日记 2025/7/11 18:59:41

LWIP的ICMP协议

ICMP协议简介 ICMP协议是一个网络层协议背景：如果丢包了，IP协议并不能通知传输层是否丢包以及丢包的原因。因此我们需要ICMP协议来完成这样的功能为什么需要ICMP协议 1，IP 协议本身不提供差错报告和差错控制机制来保证数据报递交的有效…...

编程日记 2025/7/20 7:04:48

Spring Web MVC响应

返回静态页面第一步创建html时，要注意创建的路径，要在static下面第二步把需要写的内容写到body内第三步直接访问路径就可以返回数据ResponseBody RestController Controller ResponseBody Controller：返回视图 ResponseBody&…...

编程日记 2025/7/22 2:07:22

STM32智能窗帘系统：从零到一的开发实战

简介智能窗帘控制系统是智能家居领域的经典应用，随着物联网技术的不断发展，其功能从简单的远程控制演变为具备环境感知、多设备联动和跨平台兼容的智能系统。本篇文章将全面解析基于STM32的智能窗帘系统开发方案，从硬件设计到软件实现，再到企业级扩展功能，提供完整的代码…...

编程日记 2025/7/21 18:00:07

第三方评测机构如何凭借专业公正提供高可靠性软件检测服务？

第三方评测机构与软件开发及使用单位保持独立，凭借其专业技能和公正立场，为企业提供多样化的软件检测服务。这些检测结果的可靠性极高，不仅有助于企业减轻负担，节省人力和物力资源，而且赢得了业界的普遍认可。下面&…...

编程日记 2025/7/26 17:36:28

相或为K（位运算）蓝桥杯（JAVA）

这个题是相或为k，考察相或的性质，用俩个数举例子，011001和011101后面的数不管和哪个数相或都不可能变成前面的数，所以利用这个性质我们可以用相与运算来把和k对应位置的1都积累起来，看最后能不能拼起来k如果能拼起来k那…...

编程日记 2025/7/22 12:16:09

X.509证书详解

文章目录 1. X.509证书基础1.1 什么是X.509证书1.2 X.509证书结构1.3 证书编码格式2. Java中的X509Certificate2.1 类层次结构2.2 核心方法3. 获取X509Certificate对象3.1 从文件加载证书3.2 从KeyStore获取证书3.3 从HTTPS连接获取证书4. 创建自签名证书5. 证书验证5.1 基本验…...

编程日记 2025/7/27 0:40:44

深入浅出：Spring Boot 中 RestTemplate 的完整使用指南

在分布式系统开发中，服务间通信是常见需求。作为 Spring 框架的重要组件，RestTemplate 为开发者提供了简洁优雅的 HTTP 客户端解决方案。本文将从零开始讲解 RestTemplate 的核心用法，并附赠真实地图 API 对接案例。一、环境准备在 Spring…...

编程日记 2025/7/24 15:44:56

C++23 views::repeat (P2474R2) 写一篇博客

文章目录 std::views::enumerate 简介使用示例性能和灵活性与其他视图的结合使用总结 C23 标准引入了众多令人期待的新特性，其中 std::views::enumerate 便是一个备受瞩目的新增视图。这个新特性通过为迭代器提供索引和元素的组合，极大地简化了对集合中…...

编程日记 2025/7/25 22:39:06

微软向现实低头：悄悄延长Windows 10的Microsoft 365支持

快科技5月11日消息，Windows 10将在今年10月14日正式结束支持，此前微软曾明确表示，Microsoft 365（M365）应用，如Outlook、Teams、OneDrive、Word、Excel等，也将随之停止支持。不过无法升级至Win…...

编程日记 2025/7/23 22:24:52

数字化转型-4A架构之技术架构

4A架构系列文章数字化转型-4A架构（业务架构、应用架构、数据架构、技术架构） 数字化转型-4A架构之业务架构数字化转型-4A架构之应用架构数字化转型-4A架构之数据架构数字化转型-4A架构之技术架构一、技术架构 Technology Architecture 1. 技…...

编程日记 2025/7/27 6:53:08

生产级 Flink CDC 应用开发与部署：MySQL 到 Kafka 同步示例

生产级 Flink CDC 应用开发与部署：MySQL 到 Kafka 同步示例为了帮助你更好地理解如何将 Flink 作业部署为独立服务，下面我将提供一个完整的工程代码示例。这个例子基于之前的 MySQL 到 Kafka 的数据同步需求，但这次我们将 Flink 作业作为一个独立的服务进行打包和部署。 …...

编程日记 2025/7/27 1:21:53

【计算机视觉】OpenCV实战项目：Text-Extraction-Table-Image：基于OpenCV与OCR的表格图像文本提取系统深度解析

Text-Extraction-Table-Image：基于OpenCV与OCR的表格图像文本提取系统深度解析 1. 项目概述2. 技术原理与算法设计2.1 图像预处理流水线2.2 表格结构检测算法2.3 OCR优化策略 3. 实战部署指南3.1 环境配置3.2 核心代码解析3.3 执行流程示例 4. 常见问题与解决方案4.…...

编程日记 2025/7/27 5:24:07

TSN网络与DIOS融合：破解煤矿井下电力系统越级跳闸难题

一、引言 1.1 研究背景与意义在现代煤矿生产中，井下电力系统作为整个煤矿生产的动力核心，其重要性不言而喻。煤矿井下的各类机械设备，如采煤机、刮板输送机、通风机、排水泵等，都依赖稳定的电力供应才能正常运行。电力系统的稳定…...

编程日记 2025/7/24 16:27:06

ALLinSSL：一站式SSL证书管理解决方案

引言在当今互联网安全日益重要的背景下，SSL证书已成为保护网站安全的必备工具。然而，管理多个SSL证书常常是一项繁琐且容易出错的任务。ALLinSSL应运而生，它提供了一个一站式的SSL证书管理解决方案，大大简化了证书的申请、安装和更新过程。本文将深入介绍ALLinSSL的特性、…...

编程日记 2025/7/23 1:14:13

jsAPI

环境准备 1 安装nvm nvm 即 (node version manager)，好处是方便切换 node.js 版本安装注意事项要卸载掉现有的 nodejs提示选择 nvm 和 nodejs 目录时，一定要避免目录中出现空格选用【以管理员身份运行】cmd 程序来执行 nvm 命令首次运行前设置好国…...

编程日记 2025/7/26 19:02:37

三、c语言练习四题

在这个系列中，我将以每次五题的形式加强对C语言的理解 1、矩阵转置要求输入： 2 3 1 2 3 4 5 6输出： 1 4 2 5 3 6 //矩阵转置（复习） int main() {int i 0;int j 0;int arr[10][10];/*提前定义好一个大容量数…...

编程日记 2025/7/24 12:40:35

MySql（进阶）

一.数据库约束约束类型 NOT NULL - 指示某列不能存储 NULL 值。 (not null不能为NILL) UNIQUE - 保证某列的每行必须有唯一的值。 （unique唯一值） DEFAULT - 规定没有给列赋值时的默认值。 （default为空给定默认值） PRIMARY…...

编程日记 2025/7/26 12:59:42

数据结构练习：顺序表题目

今天我们来进行顺序表后面习题的练习目录移除数组思路1：查找后进行删除思路2：新数组交换： 思路3：双指针法： 删除重复项合并两个有序数组移除数组它的示例如下： 思路1：查找后进行删除…...

编程日记 2025/7/26 4:44:56

Ubuntu 22虚拟机【网络故障】快速解决指南

Ubuntu22虚拟机突然无法连接网络了，以下是故障排除步骤记录。 Ubuntu 22虚拟机网络故障快速解决指南当在虚拟机中安装的 Ubuntu 22 系统出现 ping: connect: 网络不可达和 ping: www.baidu.com: 域名解析出现暂时性错误的报错时，通常意味着虚拟机无法…...

编程日记 2025/7/22 19:04:13

SwaggerLogger.java

package further.config;import org.springframework.beans.factory.annotation.Value; import org.springframework.boot.CommandLineRunner; import org.springframework.context.annotation.Configuration; import org.springframework.util.StringUtils;/*** swagger启动ap…...

编程日记 2025/7/22 10:33:05