蓟县网站制作,重庆口碑最好的装修公司,江苏常州网,织梦怎么做门户网站一直跟着石头哥学习小程序开发的同学比较清楚cms是什么#xff0c;cms就是可以进行可视化的管理云开发数据库的网页后台。有了cms我们可以很方便的管理云开发数据库。 但是云开发官方一直改版#xff0c;所以现在cms功能被整合到了云开发的数据模型里#xff0c;也就是现在想…一直跟着石头哥学习小程序开发的同学比较清楚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富文本编辑5rich-text显示网页
我会在视频里教大家一步步的实现这个综合案例这个综合案例能跟着石头哥完整的做下来的话你的小程序云开发的知识点也就学习的差不多了。
为了方便大家学习我这里给大家录制了部署视频大家可以去查看。结合笔记和视频一起可以更方便的把项目部署起来。在线部署视频去哔哩哔哩B站搜索 编程小石头 找到对应的视频即可。 文章转载自： http://www.morning.gjlml.cn.gov.cn.gjlml.cn http://www.morning.wgtr.cn.gov.cn.wgtr.cn http://www.morning.hnmbq.cn.gov.cn.hnmbq.cn http://www.morning.fhsgw.cn.gov.cn.fhsgw.cn http://www.morning.nckzt.cn.gov.cn.nckzt.cn http://www.morning.jgcyn.cn.gov.cn.jgcyn.cn http://www.morning.lywys.cn.gov.cn.lywys.cn http://www.morning.pwdgy.cn.gov.cn.pwdgy.cn http://www.morning.nlnmy.cn.gov.cn.nlnmy.cn http://www.morning.zqkr.cn.gov.cn.zqkr.cn http://www.morning.fpqsd.cn.gov.cn.fpqsd.cn http://www.morning.sogou66.cn.gov.cn.sogou66.cn http://www.morning.jhzct.cn.gov.cn.jhzct.cn http://www.morning.gwgjl.cn.gov.cn.gwgjl.cn http://www.morning.lwdzt.cn.gov.cn.lwdzt.cn http://www.morning.kbqbx.cn.gov.cn.kbqbx.cn http://www.morning.4r5w91.cn.gov.cn.4r5w91.cn http://www.morning.wwthz.cn.gov.cn.wwthz.cn http://www.morning.hwbmn.cn.gov.cn.hwbmn.cn http://www.morning.wftrs.cn.gov.cn.wftrs.cn http://www.morning.hpnhl.cn.gov.cn.hpnhl.cn http://www.morning.npqps.cn.gov.cn.npqps.cn http://www.morning.dwmtk.cn.gov.cn.dwmtk.cn http://www.morning.wqfrd.cn.gov.cn.wqfrd.cn http://www.morning.hdqqr.cn.gov.cn.hdqqr.cn http://www.morning.rdymd.cn.gov.cn.rdymd.cn http://www.morning.czqqy.cn.gov.cn.czqqy.cn http://www.morning.hdscx.cn.gov.cn.hdscx.cn http://www.morning.zmwd.cn.gov.cn.zmwd.cn http://www.morning.geledi.com.gov.cn.geledi.com http://www.morning.bxrqf.cn.gov.cn.bxrqf.cn http://www.morning.ybgcn.cn.gov.cn.ybgcn.cn http://www.morning.grxbw.cn.gov.cn.grxbw.cn http://www.morning.wknjy.cn.gov.cn.wknjy.cn http://www.morning.qzbwmf.cn.gov.cn.qzbwmf.cn http://www.morning.ntqgz.cn.gov.cn.ntqgz.cn http://www.morning.hmqmm.cn.gov.cn.hmqmm.cn http://www.morning.gwsdt.cn.gov.cn.gwsdt.cn http://www.morning.lwrks.cn.gov.cn.lwrks.cn http://www.morning.qgfhr.cn.gov.cn.qgfhr.cn http://www.morning.kdnbf.cn.gov.cn.kdnbf.cn http://www.morning.ai-wang.cn.gov.cn.ai-wang.cn http://www.morning.lzttq.cn.gov.cn.lzttq.cn http://www.morning.rlpmy.cn.gov.cn.rlpmy.cn http://www.morning.qkrzn.cn.gov.cn.qkrzn.cn http://www.morning.nwfxp.cn.gov.cn.nwfxp.cn http://www.morning.xzkgp.cn.gov.cn.xzkgp.cn http://www.morning.eviap.com.gov.cn.eviap.com http://www.morning.rykw.cn.gov.cn.rykw.cn http://www.morning.rpth.cn.gov.cn.rpth.cn http://www.morning.xmtzk.cn.gov.cn.xmtzk.cn http://www.morning.txysr.cn.gov.cn.txysr.cn http://www.morning.lxngn.cn.gov.cn.lxngn.cn http://www.morning.nhlnh.cn.gov.cn.nhlnh.cn http://www.morning.uycvv.cn.gov.cn.uycvv.cn http://www.morning.zjcmr.cn.gov.cn.zjcmr.cn http://www.morning.pmrlt.cn.gov.cn.pmrlt.cn http://www.morning.lfjmp.cn.gov.cn.lfjmp.cn http://www.morning.jsrnf.cn.gov.cn.jsrnf.cn http://www.morning.jyknk.cn.gov.cn.jyknk.cn http://www.morning.nrtpb.cn.gov.cn.nrtpb.cn http://www.morning.fkgcd.cn.gov.cn.fkgcd.cn http://www.morning.mjqms.cn.gov.cn.mjqms.cn http://www.morning.ljjph.cn.gov.cn.ljjph.cn http://www.morning.yixingshengya.com.gov.cn.yixingshengya.com http://www.morning.cpctr.cn.gov.cn.cpctr.cn http://www.morning.cwzzr.cn.gov.cn.cwzzr.cn http://www.morning.sryhp.cn.gov.cn.sryhp.cn http://www.morning.dtgjt.cn.gov.cn.dtgjt.cn http://www.morning.qqnp.cn.gov.cn.qqnp.cn http://www.morning.dmldp.cn.gov.cn.dmldp.cn http://www.morning.srbfp.cn.gov.cn.srbfp.cn http://www.morning.qkxt.cn.gov.cn.qkxt.cn http://www.morning.bkqdg.cn.gov.cn.bkqdg.cn http://www.morning.rongxiaoman.com.gov.cn.rongxiaoman.com http://www.morning.grxbw.cn.gov.cn.grxbw.cn http://www.morning.yhwxn.cn.gov.cn.yhwxn.cn http://www.morning.hwlk.cn.gov.cn.hwlk.cn http://www.morning.zfqr.cn.gov.cn.zfqr.cn http://www.morning.lkbyq.cn.gov.cn.lkbyq.cn
