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

小程序云开发CMS新版数据模型讲解,可视化网页管理后台,内容管理对数据库进行增删改查操作,新闻小程序实战学习

一直跟着石头哥学习小程序开发的同学比较清楚cms是什么,cms就是可以进行可视化的管理云开发数据库的网页后台。有了cms我们可以很方便的管理云开发数据库。
但是云开发官方一直改版,所以现在cms功能被整合到了云开发的数据模型里,也就是现在想继续使用cms就要先去学习数据模型,数据模型其实对应着数据库和cms,可以理解为新版的数据模型是云开发数据库和cms的综合体。所以接下来我们就来学习数据模型,通过数据模型来使用cms对数据库进行可视化的增删改查操作。

一,技术选型和技术点

1,小程序前端

wxml
css
JavaScript
MINA原生小程序框架

2,数据库

云开发
云数据库
云存储
云数据库是云开发自带的数据库(json类型的弱关系型的基于MongoDB的数据库)新版的数据模型里支持链接Mysql数据库了,有需要的可以找石头哥。

3,后台(云开发)

基于小程序官方自研的云开发和云函数实现后台数据的管理
管理后台网页使用云开发自带的内容管理(cms)和数据模型

二,准备工作

1,下载开发者工具

我们开始开发前要先下载微信开发者工具
大家可以自行去百度下,也可以到小程序官方网站下载

也可以去学习我的零基础入门小程序开发学习开发者工具的使用

https://space.bilibili.com/419474640

建议大家下载最新的稳定版本

然后点击自己电脑对应系统的版本下载即可。至于安装很方便,只需要双击安装包,不停的点下一步即可,安装完成以后的官方开发者工具长这样。

2,注册小程序

我们这里必须使用正式的小程序,而不是测试的小程序账号,所以要先去注册一个正式的小程序。
其实官方给的注册步骤很详细了

注意点:

  • 如果只是学习的话,注册个人小程序即可.
  • 如果想商用,想使用微信支付,取用户手机号等复杂功能,可以注册企业小程序,不过企业小程序必须有营业执照才可以注册
  • 一个邮箱只能注册一个小程序
  • 一个身份证可以注册5个,个人小程序
  • 一个企业的营业执照可以注册50个企业小程序

三,创建项目开通云开发

今天我们就来正式的创建自己的第一个云开发项目,在创建云开发之前,有下面几个注意事项

  • 1,必须注册小程序后才可以开通云开发
  • 2,一个小程序可以创建两个云开发环境

1,创建一个初始项目

上面第二步已经安装好开发者工具了,接下来就来教大家如何创建一个最简单的小程序

1-1,在桌面上创建一个空白文件

名字可以随便取,我这里习惯取小石头

1-2,点击 + 号,创建小程序。

1-3,小程序项目配置

这里需要注意下,小程序官方最新的开发者工具有时候创建方式会有变化,但是基本的逻辑都是一样的。

一定要记住appid要使用自己的


一定要记住appid要使用自己的
如上图所示,需要注意的就是这里必须要填写自己的appid,不可以用测试号. appid的获取如下图所示.

配置好以后,点新建,即可创建属于自己的第一个小程序,然后创建会有一个过程,耐心等待即可。

2,熟悉开发者工具

2-1,开发者工具结构

2-2,开发者工具个性化的配置

给大家讲一些个性化的配置

我们可以配置主题颜色,模拟器位置,这些完全可以根据个人喜好进行设置。

3,开通云开发

点击下图箭头所示,如果你第一步创建项目时,没有使用自己的appid,这里不会有下图箭头所示的云朵.

给云开发环境取名

等待创建

创建成功

获取云开发环境id

4,初始化云开发环境

在app.js里写入环境id,注意这里要用你自己的云开发环境id
初始化云开发环境前,先去云开发控制台,拿到云开发环境id,如下图

这里的环境id建议直接复制,不要手写,很容易写错。
拿到环境id以后,就去app.js里做云开发环境初始化,如下

到这里所有的准备工作就做好了。接下来就来学习数据模型和内容管理了。

四,进入云后台和云数据库

1,进入云数据库

我们进入云开发控制台以后,点击云后台

然后会自动在浏览器里打开云后台,然后我们点击云数据库。这样就进入了管理数据库的地方。

2,创建数据模型

我们进入云数据库的管理界面后就可以来通过数据模型创建数据库,然后里用数据模型的内容管理(CMS)对数据进行可视化管理。

然后就是创建数据表,并且给数据表添加字段。我这里已一个简单的商品表为例。

3,创建数据表并添加字段

可以给商品表添加商品名和价格这两个简单的字段。
首先是商品名,点击添加字段,然后设置字段名称,字段标识数据类型和格式如下。其他的选项保持默认即可。

然后点确定,就给good表添加好了name这个字段。

接下来添加商品价格。也是只设置字段名称,字段标识,数据类型即可,其他保持默认。

这样就创建一个数据表,并且给数据表添加了字段

点击完成,就创建成功了

4,对数据库进行增删改查

我们上面创建好数据表以后,就可以利用数据模型对数据进行增删改查了。

4-1,新增数据

直接点击添加一行即可。

然后添加数据

添加成功后如下

4-2,删除数据

删除数据的功能更强大,可以批量删除多个,也可以单独删除一个

4-3,修改数据

点编辑即可修改你想要修改的数据

4-4,查询数据

查询功能更加强大,比如:你可以查询包含某个字段的商品名,也可以查询价格大于或者小于某个数字的商品。

甚至可以指定价格范围

所以查询功能也比较厉害。直接点击筛选,创建查询条件即可。

到这里我们新版数据模型是不是可以很方便的管理数据库了。
当然,如果你觉得这里管理数据界面太小,不舒服,可以使用内容管理

内容管理看着比较清爽些

14-5,数据类型

我会在视频里教大家如何创建数据模型,其实数据模型和我们数据库里的数据表(集合)是对应起来的。

接下来给大家讲下创建字段时的数据类型。

五,数据类型

我们往数据模型和数据表里添加字段时,有以下数据类型

我会在视频里把一些常用的数据类型给大家做详细讲解,包括后面讲综合案例时也会把有些常用的数据类型都带着大家写一遍代码。先把几个复杂点的给大家讲下

1,文本类型

通常标题和简介会用到文本,文本其实就是字符串,一串文字。

2,布尔值

就是true和false,通常设置商品上架下架,是否推荐到首页,是否免邮,是否打折等等。。

3,数字类型

比如我们的商品价格,文章阅读量,收藏数,点赞数等等,当然数字也可以带小数

4,数组

通常我们商品设置多张图片,答题问卷小程序里的多个选项,评论列表都可以用到数组。然后数组里的元素类型又可以是各种数据。比如我们商品的多张图片,就是数组里存多个图片元素。

5,对象

通常我们用对象来存储包含多个字段的数据,比如一条评论里有头像,昵称,时间,评论内容。这些数据就可以作为对象的字段,存到对象里。

6,图片类型

我们给商品表添加一个商品图片。

数据类型选择图片类型。就可以添加图片了

然后我们就可以给商品添加图片了

数据模型已经帮我们做好图片上传功能了,图片是上传到云存储里。

图片上传好,我们点击提交就可以了。

然后在商品表里就可以看到上传的图片了

7,多张图片

比如我们想给一个商品上传多张图片,这个时候稍微麻烦些。
数据类型选数组,元素选图片

这样就可以为一个商品添加多张图片

可以看到数据表里有多个图片

当然也可以添加其他的数据类型

我会在后面的实战视频里,把常用的数据类型都在视频里给大家讲解下的。

8,多媒体(音频和视频)

其实多媒体字段就是用来存储音频和视频的,我们如果想显示音乐和视频,可以用这个数据类型。

9,富文本

富文本可以理解为网页,就好比你现在看的石头哥的这篇博客文章,就是富文本,富文本(Rich Text)指的是那些包含了格式化信息的文本内容,除了基本的文字外,还包括了字体样式、大小、颜色、链接、列表、图片、表格等多种元素。相比于纯文本(Plain Text),富文本可以展示更加丰富的视觉效果和交互体验。

10,日期和时间

就是用来显示日期和时间用的

11,其他数据类型

下图的其他数据类型,不用我说大家应该也知道是什么吧。

再有就是下图一些不常用的数据类型,既然不常用,就不单独做讲解了,后面实战项目里用到的话,会给大家讲解的。所以学习完基础,记得去b站看石头哥的实战项目讲解。

六,批量导入导出数据到excel

1,导出数据到excel

我们的数据模型的内容管理还可以批量的导出数据,导入数据。

比如我导出商品表到excel表格

导出数据如下

我们可以在导出的excel表格里增加新的数据,然后导入到商品表。
比如我添加几个水果

2,批量导入表格数据到数据库

然后可以批量导入到商品表。

可以看到成功导入3条数据

可以看到数据库里多了3条数据

六,综合案例新闻小程序

我会结合cms和云开发数据库,教大家实现一个简单的新闻小程序,有如下功能点

  • 1,新闻列表
  • 2,新闻详情
  • 3,图文混排
  • 4,富文本编辑
  • 5,rich-text显示网页

我会在视频里教大家一步步的实现这个综合案例,这个综合案例能跟着石头哥完整的做下来的话,你的小程序云开发的知识点也就学习的差不多了。

为了方便大家学习,我这里给大家录制了部署视频,大家可以去查看。结合笔记和视频一起可以更方便的把项目部署起来。在线部署视频,去哔哩哔哩(B站)搜索 编程小石头 找到对应的视频即可。

相关文章:

小程序云开发CMS新版数据模型讲解,可视化网页管理后台,内容管理对数据库进行增删改查操作,新闻小程序实战学习

一直跟着石头哥学习小程序开发的同学比较清楚cms是什么,cms就是可以进行可视化的管理云开发数据库的网页后台。有了cms我们可以很方便的管理云开发数据库。 但是云开发官方一直改版,所以现在cms功能被整合到了云开发的数据模型里,也就是现在想…...

undertow服务器初始化

springboot整合undertow服务器的源码从老生常谈的createWebServer方法谈起。spring会在生成所有bean后到创建web容器,此时会到容器找到ServletWebServerFactory接口bean,spring会根据引入的框架确定生成的ServletWebServerFactory,我们在mave…...

LeetCode9:回文数

原题地址:. - 力扣(LeetCode) 题目描述: 给你一个整数 x ,如果 x 是一个回文整数,返回 true ;否则,返回 false 。 回文数 是指正序(从左向右)和倒序&#xff…...

模板语法(2)

一、循环 在模板中可以用v-for指令来循环数组&#xff0c;对象等。 1. 循环数组 <script setup name"App">import { reactive } from "vue"const books reactive([{title: 三国演义,author: 罗贯中}, {title: 水浒传,author: 施耐庵}, {title: 西…...

从头学PHP之数组输出基本函数

上期我们讲到了数组&#xff0c;数组是个特殊的变量&#xff0c;在程序中的重要程度很高&#xff0c;大部分数据处理的时候会用到这种特殊的变量&#xff0c;那么现在让我们继续深入一下吧。 上期我们打印出了数组的值&#xff0c;用print_r()或者var_dump()这俩函数&#xff0…...

基于SSM+小程序的4S店客户管理系统(汽车2)

&#x1f449;文末查看项目功能视频演示获取源码sql脚本视频导入教程视频 1、项目介绍 4S店客户管理系统主要包括管理员、用户、门店三个权限角色 1、管理员实现了首页、个人中心、用户管理、门店管理、车展管理、汽车品牌管理、新闻头条管理、预约试驾管理、我的收藏管理、…...

ZYNQ AXI_Timer 中断

REVIEW 关于ZYNQ中断&#xff1a; ZYNQ PS_GPIO中断-CSDN博客 ZYNQ AXI_GPIO_INT-CSDN博客 ZYNQ 定时器中断-CSDN博客 在一些应用场景中&#xff0c;可能需要使用到多个定时器&#xff0c;除了选择使用 PS 侧其他定时器外&#xff0c;也可以使用 PL 侧逻辑定时器。 1. 今日摸鱼…...

UE5之5.4 第一人称示例代码阅读2 子弹发射逻辑

TP_WeaponComponent.h 看看头文件 暴露了attach weapon和fire给蓝图 这两个函数意义一看名字吧&#xff0c;就是捡起来枪的时候执行&#xff0c;一个就是发射子弹的时候执行 #pragma once#include "CoreMinimal.h" #include "Components/SkeletalMeshComponen…...

Python 实现日期计算与日历格式化输出(万年历)

目录 一、引言 二、需求分析 三、实现思路 四、代码实现 五、代码分析 六、测试与验证 七、总结与展望 在日常的编程中&#xff0c;我们经常会遇到与日期相关的问题&#xff0c;比如计算两个日期之间的天数差、确定某个特定日期是星期几以及格式化输出日历等。本文将详细…...

10.28.2024刷华为OD C题型

文章目录 HJ9HJ10HJ11HJ13HJ17 HJ9 HJ10 HJ11 HJ13 HJ17...

映射问题的解决办法(mybaitis)

最初我用的是注解来操控数据库&#xff08;注释掉的部分&#xff09; Mapper public interface ThreadMapper {// Select("SELECT * FROM thread LIMIT #{page}, #{size}")List<Thread> getListByPage(Param("page") int page, Param("size&qu…...

关于机器学习方向学习的一些建议(过来人)

以下是关于机器学习方向学习的一些建议&#xff1a; 一、扎实的数学基础 线性代数 线性代数是机器学习的基石。矩阵运算在数据表示、模型参数计算等方面无处不在。例如&#xff0c;在多元线性回归中&#xff0c;我们用矩阵来表示自变量和因变量之间的关系。像最小二乘法求解回…...

【云原生】云原生后端:网络架构详解

目录 引言一、微服务间的通信1.1 通信方式概览1.2 HTTP/REST1.3 gRPC1.4 消息队列1.5 GraphQL 二、API网关2.1 API网关架构示例2.2 API网关实现示例 三、服务发现3.1 服务发现实现示例3.2 服务发现的优势 四、网络安全4.1 网络安全最佳实践4.2 网络安全架构示例 总结参考资料 引…...

期货资管子系统框架设计JS路径及源代码分享

期货资管子系统框架设计JS路径及源代码分享 随着期货资管子系统前端技术的飞速发展&#xff0c;JavaScript&#xff08;JS&#xff09;及其相关框架已成为构建这类系统的重要工具。本文将详细介绍一个期货资管子系统框架的设计思路&#xff0c;并分享部分JS路径及源代码&#…...

【YOLO 系列】基于YOLO的工业自动化轴承缺陷检测系统【python源码+Pyqt5界面+数据集+训练代码】

前言 轴承作为机械设备中的关键部件&#xff0c;其性能直接影响到设备的稳定性和寿命。轴承缺陷的早期检测对于预防设备故障、减少维护成本和提高生产效率至关重要。然而&#xff0c;传统的轴承缺陷检测方法往往依赖于人工检查&#xff0c;这不仅效率低下&#xff0c;而且容易…...

Word中Normal.dotm样式模板文件

Normal.dotm文档 首先将自己电脑中C:\Users\自己电脑用户名\AppData\Roaming\Microsoft\Templates路径下的Normal.dotm文件做备份&#xff0c;在下载本文中的Normal.dotm文件&#xff0c;进行替换&#xff0c;重新打开word即可使用。 字体样式如下&#xff08;可自行修改&#…...

生成式 AI 与向量搜索如何扩大零售运营:巨大潜力尚待挖掘

在竞争日益激烈的零售领域&#xff0c;行业领导者始终在探索革新客户体验和优化运营的新途径&#xff0c;而生成式 AI 和向量搜索在这方面将大有可为。从个性化营销到高效库存管理&#xff0c;二者在零售领域的诸多应用场景中都展现出变革性潜力&#xff0c;已成为保持行业领先…...

WonderWorld:斯坦福与 MIT 联手打造实时交互生成图像,单图秒变 3D 虚拟世界

❤️ 如果你也关注大模型与 AI 的发展现状&#xff0c;且对大模型应用开发非常感兴趣&#xff0c;我会快速跟你分享最新的感兴趣的 AI 应用和热点信息&#xff0c;也会不定期分享自己的想法和开源实例&#xff0c;欢迎关注我哦&#xff01; &#x1f966; 微信公众号&#xff…...

2024年【制冷与空调设备安装修理】考试内容及制冷与空调设备安装修理最新解析

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 制冷与空调设备安装修理考试内容是安全生产模拟考试一点通总题库中生成的一套制冷与空调设备安装修理最新解析&#xff0c;安全生产模拟考试一点通上制冷与空调设备安装修理作业手机同步练习。2024年【制冷与空调设备…...

PHP const 和 define主要区别

在PHP中&#xff0c;const 和 define 都用于定义常量&#xff0c;但它们有一些关键的区别。以下是它们之间的主要不同点&#xff1a; 定义方式&#xff1a; const&#xff1a;在定义常量时&#xff0c;不需要使用函数形式&#xff0c;而是直接赋值。 const MY_CONSTANT som…...

期中前学习复习总结

期中前终于把每一科的本质给搞明白了。这篇文章也将各学科剖分为两部分。 目录 本质 学法 从问题或条件出发思考问题 从条件出发思考问题 从结论/问题出发思考问题 整理知识与反向押题法 反向押题法 本质 作者是一个理科脑&#xff0c;什么都觉得只要我脑子够新东西我…...

K8S如何基于Istio重新实现微服务

K8S如何基于Istio重新实现微服务 认识 Istio前言Istio 的理念Istio 的架构数据平面控制平面服务与 Istio 的关系 Istio 实践环境准备安装 Helm安装Istio 使用 Istio 代理运行应用情感分析应用的架构使用 Istio 代理运行应用Sidecar 注入Ingress 网关网关资源VirtualService 资源…...

MediaPipe 与 OpenCV 的结合——给心爱的人画一个爱心吧~

目录 概要 实现思路 整体代码实现 效果展示 总结 概要 实时手部检测与绘图应用&#xff0c;通过摄像头捕捉视频流&#xff0c;使用 MediaPipe 识别手部关键点&#xff0c;判断食指是否伸展且其他手指是否弯曲&#xff0c;在满足条件时在画布上绘制圆点&#xff0c;并实时显…...

心觉:成大事,不怕慢,就怕站

Hi&#xff0c;我是心觉&#xff0c;带你用潜意识化解各种焦虑、内耗&#xff0c;建立无敌自信&#xff1b;教你财富精准显化的实操方法&#xff1b;关注我,伴你一路成长&#xff01; 每日一省写作213/1000天 今天咱们聊聊一个不太花哨&#xff0c;但超重要的话题&#xff1a…...

练习LabVIEW第二十三题

学习目标&#xff1a; 刚学了LabVIEW&#xff0c;在网上找了些题&#xff0c;练习一下LabVIEW&#xff0c;有不对不好不足的地方欢迎指正&#xff01; 第二十三题&#xff1a; 建立一个枚举控件&#xff0c;其内容为张三、李四、王五共三位先生&#xff0c;要求当枚举控件显…...

集成对接案例分享:金蝶云与聚水潭数据对接

金蝶云星空与聚水潭的采购入库单数据集成案例分享 在企业信息化管理中&#xff0c;数据的高效流转和准确对接是提升业务效率的关键。本文将深入探讨如何通过轻易云数据集成平台&#xff0c;实现金蝶云星空中的采购入库单数据无缝对接到聚水潭系统中的其他入库单。 本次集成方…...

高级主题-灾难恢复与业务连续性

第一节&#xff1a;灾难恢复与业务连续性 灾难恢复与业务连续性概述 灾难恢复&#xff08;Disaster Recovery, DR&#xff09;和业务连续性&#xff08;Business Continuity, BC&#xff09;是确保企业能够在遭遇灾难或意外中断后迅速恢复正常运营的关键措施。以下是一些基本…...

R语言实现随机森林分析:从入门到精通

随机森林&#xff08;Random Forest&#xff09;是一种流行的机器学习算法&#xff0c;它通过集成多个决策树来提高预测的准确性和鲁棒性。在R语言中&#xff0c;我们可以使用randomForest包来实现随机森林分析。本文将详细介绍如何使用R语言进行随机森林分析&#xff0c;包括数…...

【vs2022】windows可用的依赖预编译库

ffmpeg 、x264 、x265 等。obs是基于qt6+vs2022+64bit obs的官网传统构建已经不用了obs的s2022构建OBS Deps Build 2024-09-12FFmpeg4.4 库,x64 可用。...

基础设施即代码(IaC):自动化基础设施管理的未来

随着云计算和大规模分布式系统的迅速发展,手动管理和配置基础设施的传统方式已逐渐跟不上快速迭代的步伐。于是,基础设施即代码(Infrastructure as Code,IaC)作为一种创新实践,成为现代运维管理的基础。IaC不仅提高了基础设施的配置速度,还提升了系统的一致性和可重复性…...