微信小程序+云开发项目实战：商品类小程序（化妆品门店）_微信小程序云开发商品分类-优快云博客

本文介绍了一个使用微信小程序和云开发的化妆品门店项目，涵盖云开发简介、页面导航、登录注册、购物车管理和云函数操作。重点讨论了在云数据库中处理商品库存和权限的问题，以及如何在小程序中实现价格四舍五入显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

化妆品门店

先介绍一下什么叫云开发（首先我是个菜鸡，没错，就是那种还没经历过社会毒打的那种练习时长两年半的实习生，但这并不影响我对技术探究的热情）：云开发为开发者提供完整的原生云端支持和微信服务支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互兼容，并不互斥（取自官方）。
什么意思呢，这玩意就是不用自己搭建后台，直接用js操作后台，腾讯云里面提供云函数（运行在服务端node.js中），云储存，云数据库。
云函数：运行在服务端node.js中，前提需要安装官方的依赖。
云储存：可以把图片，其它文件类型上传上去，然后把链接存进云数据库里面。
云数据库：这个就比较重要了，放一张图吧，主要操作数据时权限问题（ps：当初是踩了不少的坑啊）

也就是说如果你是管理员，你要直接在小程序修改别人数据，肯定是修改不了的，要么在云函数中修改，要么直接操作数据库。或者你不是管理员，普通用户需要修改公有的数据，比如购买5件商品，数据库里该商品就会减5（该商品是公有数据），就这一个动作在小程序端是无法修改的，也就是在小程序端里面的函数是不能修改公有数据的，那么要修改只能在云函数上面操作。好了，多的不说，直接看项目。

页面之间导图

关于每个页面能够跳转另外的页面
在这里插入图片描述

登陆页面开发

新建集合（表）

首先在云数据库新建一个集合（也就是表）register（其它“表”示后面进行开发用到的）如下：此时表里数据为空
在这里插入图片描述

用户注册

提示： 云开发是可以不用用户授权的，直接可以获取用户纯天然_openid（每一个用户在一个小程序中唯一的身份标志），小程序端注册代码：（ps:判断条件比较多，此处只列举出“注册按钮事件”，详情请看github地址）

		 //注册按钮
  mustRegister: function() {
   
   
    var that = this;
    that.stratTime();
    const db = wx.cloud.database();
    if (that.registerRequst()) {
   
      //判断满足注册条件
      db.collection("register").where({
   
   
        _openid: that.data.openid
      }).get({
   
   
        success(res) {
   
   
          if (res.data.length != 0) {
   
   
            wx.showModal({
   
   
              content: '该微信号已经被注册',
              icon: 'loading',
              duration: 2000,
              showCancel: false,
              mask: true,
            })
          } else {
   
   
            db.collection("register").add({
   
   
              data: {
   
   
                "name": that.data.registerName,
                "telephone": that.data.registerNum,
                "birthday": '',
                "address": '',
                "mail": '',
                jifen_value: 0,
                password:that.data.registerPassword,
              }
            }).then((res) => {
   
   
              wx.showToast({
   
   
                title: '注册成功',
                icon: 'success',
                mask: true,
              })
              setTimeout(function() {
   
   
                wx.showLoading({
   
   
                  title: '正在跳转',
                })
                setTimeout(function() {
   
   
                  wx.hideLoading(