最新要闻
- 世界热文:全明星爆款APP“偶像驾到”正式上线 主播经济和明星经纪开启新时代
- 小屏手机真凉了!苹果卖最差的iPhone 14 Plus 出货量也远超13 mini
- 山姆会员店寿司致多人上吐下泻:官方拒绝三倍赔偿
- 天天新消息丨致敬葫芦娃?保时捷911 Carrera GTS泰国特别版官图发布
- 环球最资讯丨14.5英寸超大屏+天玑9000!联想Y900平板正式发布:4999元起
- 天天观点:13代酷睿+RTX 40!联想拯救者Y7000P 2023电竞本发布:屏幕大升级
- 13900HX+4090顶配20999元!联想拯救者Y9000P 2023价格公布
- 环球最新:睡眠报告:山东人上床睡觉时间全国最早、广东人最能熬夜
- 焦点快看:埃安(埃)
- 天天观速讯丨放假5天!大学生已经在为五一做准备了
- 外出告别“板砖”电源!联想拯救者推出140W氮化镓适配器
- 4799元 创维推出新款G60 4K显示器:150Hz高刷 96W反向充电
- 即时焦点:2023载人航天飞行任务标识正式发布:中国神话神兽鲲元素
- 全国车企疯狂降价!吉利汽车CEO:吉利不打价格战
- 热讯:华硕发布新款Vivobook Go 14/15 OLED笔记本:高配酷睿i3-N305
- 天天观速讯丨真我GT Neo5 1TB存储网友用掉了500多G:直呼“真香”
广告
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
世界最资讯丨uni-app云开发入门
(资料图片仅供参考)
云函数首先创建一个uniapp项目,创建项目时选择启用uniCloud云开发。创建项目成功后,按照下面的步骤进行开发。创建云函数1.关联云服务器2.创建云函数一个云函数可以看成是一个后台接口云函数实现"use strict";exports.main = async (event, context) => { //event为客户端上传的参数 console.log("event : ", event) //返回数据给客户端 return "Hello Cloud Func"};3.使用云函数
onLoad() { uniCloud.callFunction({ name:"myCloudFunc" }).then((res)=>{ console.log(res) })},打印结果本地云函数与远端云函数调试的区别云函数:一个后台接口与接口的实现。本地云函数调试是使用本地的接口查询逻辑,此时本地元函数逻辑与远端元函数可能不一样,可以理解远端元函数是发布的版本,本地云函数是开发的版本。本地版本调试没有问题了就上传到远端。当新建一个云项目时,可以直接将远端云函数下载到本地,进行本地云函数的调试。云数据库1.在云后台创建表User2.添加表数据3.创建一个云函数,连接数据库,查询数据库uniCloud的数据库是nosql非关系性数据库
"use strict";const db = uniCloud.database();exports.main = async (event, context) => { //event为客户端上传的参数 console.log("event : ", event) const collection = await db.collection("User").get() //返回数据给客户端 return collection};函数使用
onLoad() { uniCloud.callFunction({ name:"myCloudDB", success: (res) => { console.log(res); } })},提交表单,存储数据到云数据库
云数据库条件查询<script> export default { methods: { async submitData(v) { console.log(v) let {name,phone} = v.detail.value let res = await uniCloud.callFunction({ name:"myCloudDB", data:{ name, phone } }) console.log(res) } } }</script>
定义云函数"use strict";const db = uniCloud.database()const dbCmd = db.commandexports.main = async (event, context) => { //event为客户端上传的参数 console.log("event : ", event) // doc: 根据id查询 // let res = await db.collection("User").doc("640b5a9228064a03b7aa1ac7").get() // 限制条数 // let res = await db.collection("User").limit(5).get() // // skip:跳过的条数,分页的话数字是页数*每页条数 // let res = await db.collection("User").limit(5).skip(5).get() // field:只返回声明的字段,_id默认返回 // let res = await db.collection("User").field({name: true}).get() // orderBy: 排序字段+升序/降序类型 // let res = await db.collection("User").orderBy("age","desc").get() /*1.简单的值等于查询,如name: "Tom" 2.逻辑指令单条件查询,如age: dbCmd.gt(15)3.逻辑指令多条件查询,如dbCmd.or(dbCmd.lt(15), dbCmd.gt(20))4.正则匹配使用//简单正则匹配,中间写要匹配的内容,如/^梅/ig(i忽略大小写,g全局)使用RegExp对象匹配,如new RegExp("梅","ig") */ let res = await db.collection("User").where({ // age: dbCmd.gt(15) // age: dbCmd.or(dbCmd.lt(15), dbCmd.gt(20)) // name: /梅/ig // name: new RegExp("梅","ig") }).get() //返回数据给客户端 return res};vue组件调用<script> export default { onReady() { uniCloud.callFunction({ name:"myCloudGet", success: (res) => { console.log(res) this.list = res.result.data } }) }, }</script>云数据库更新
"use strict";const { link } = require("fs");const db = uniCloud.database()const dbCmd = db.commandexports.main = async (event, context) => { //event为客户端上传的参数 console.log("event : ", event) // 单条记录更新 // const res = await db.collection("User").doc("640bf773e766bb2975957423").update({ // phone: "88889999" // }) // 多条记录更新 // const res = await db.collection("User").where({ // _id: dbCmd.in(["640bf773e766bb2975957423","640be1bc28064a03b7bd833f"]) // }).update({ // phone: "88889999000" // }) // const res = await db.collection("User").where({ // name: /梅/ig // }).update({ // address: "冬梅大桥旁,33号" // }) // 更新对象和数组 // const res = await db.collection("User").where({ // name: "张三" // }).update({ // like:{ // 0: "游泳2" // }, // bestFrient:{ // name:"jack" // } // }) // set: 覆盖一个对象, update:更新局部字段 const res = await db.collection("User").where({ name: "张三" }).update({ // dbCmd.inc(1):自增加一 love: dbCmd.inc(1), // dbCmd.unshift(["写代码","打游戏"]): 数组头部添加数据 like: dbCmd.unshift(["写代码","打游戏"]), // dbCmd.set({}) 更新一个对象,参数为传入的一个对象 bestFrient: dbCmd.set({ name: "狗剩", age: 12 }) }) //返回数据给客户端 return res};删除云数据库
"use strict";const db = uniCloud.database()const dbCmd = db.commandexports.main = async (event, context) => { //event为客户端上传的参数 console.log("event : ", event) // 全部删除 const res = db.collection("User").where({ _id: dbCmd.neq(-1) }).remove() //返回数据给客户端 return res};云存储点击云存储后台,点击上传文件,直接上传,应用中可以直接使用这个链接地址访问。使用扩展组件uni-file-picker自动上传图片到云存储
手动上传云存储通过this.$refs.files.update()调用,进行手动上传。<script> export default { data() { return { imageValue: [] } } }</script>
云存储上传成功后,将返回的URL地址保存到云数据库<script> export default { data() { return { imageValue: [] } }, onLoad() { }, methods:{ upload() { this.$refs.files.upload() } } }</script>
<script> export default { data() { return { imageValue: [], imageUrls: [], title: "" } }, onLoad() { }, methods:{ // 上传成功 success(e){ console.log("上传成功",e) this.imageUrls = e.tempFilePaths uniCloud.callFunction({ name:"add_pic_data_one", data:{ title: this.title, imageUrls: this.imageUrls } }).then(res => { console.log(res) }) }, upload() { this.$refs.files.upload() } } }</script>
云数据库"use strict";const db = uniCloud.database()exports.main = async (event, context) => { //event为客户端上传的参数 console.log("event : ", event) let {title, imageUrls} = event const res = await db.collection("PicData").add({ title, imageUrls }) //返回数据给客户端 return res};发布H5打包第一步,上传云函数到后台一般本地开发时,用的都是本地调试,此时后台是没有这些云函数的,所以要对着cloudfunctions右击,点击上传所有云函数第二步设置页面标题:文章管理系统设置路由模式:hash设置运行的基本路径:./第三步发行 - H5设置网站标题网站域名可暂时不写打包完成后,给网站的根路径取一个名字,然后上传到uniCloud的前端网页托管,提供了默认默认域名供使用。在uniCloud下的跨域设置项,配置跨域设置,让自己的部署域名也能访问到云数据库。 设置跨域配置 uniClound提供的域名过长,不好记忆问题如何解决?1.通过草料二维码,直接把网址生成二维码,让别人扫描。2.自己买域名,在阿里云上自己买域名,然后在uniCloud上对应配置网站域名。微信小程序发布第一步进入manifest.json,添加微信小程序的AppId。第二步点击发行 发行 -> 微信小程序。第三步编译完成后,自动打开微信开发工具,修改本地设置,“不校验合法域名”去掉,查看报错信息,把要添加的页面添加到微信开发者中心下的开发设置-服务器域名上传要单独配置上传服务器域名。App打包第一步进入manifest.json,选择自动生成图标->生成所有图标。第二步发布-打原生APP-云打包。
关键词:
世界最资讯丨uni-app云开发入门
当前资讯!WPF学习-布局
世界热文:全明星爆款APP“偶像驾到”正式上线 主播经济和明星经纪开启新时代
小屏手机真凉了!苹果卖最差的iPhone 14 Plus 出货量也远超13 mini
今日快讯:mysql集群搭建docker-compose方案
上海农商银行完成上海市政府柜台债发售
山姆会员店寿司致多人上吐下泻:官方拒绝三倍赔偿
天天新消息丨致敬葫芦娃?保时捷911 Carrera GTS泰国特别版官图发布
环球最资讯丨14.5英寸超大屏+天玑9000!联想Y900平板正式发布:4999元起
天天观点:13代酷睿+RTX 40!联想拯救者Y7000P 2023电竞本发布:屏幕大升级
13900HX+4090顶配20999元!联想拯救者Y9000P 2023价格公布
环球最新:睡眠报告:山东人上床睡觉时间全国最早、广东人最能熬夜
焦点快看:埃安(埃)
数据库系统
世界看点:day08-2-Thymeleaf
世界快看:使用OpenCVSharp和NAudio库在C#中录制带有声音的视频并保存下来的代码
焦点快报!债市日报:3月21日
天天观速讯丨放假5天!大学生已经在为五一做准备了
外出告别“板砖”电源!联想拯救者推出140W氮化镓适配器
4799元 创维推出新款G60 4K显示器:150Hz高刷 96W反向充电
即时焦点:2023载人航天飞行任务标识正式发布:中国神话神兽鲲元素
全国车企疯狂降价!吉利汽车CEO:吉利不打价格战
每日消息!微服务与rpc/grpc
全球观热点:第132篇:npm第一次使用自己的包(package-lock.json、package.json文件作用说明)
精彩看点:【Visual Leak Detector】在 QT 中使用 VLD(方式一)
热讯:华硕发布新款Vivobook Go 14/15 OLED笔记本:高配酷睿i3-N305
天天观速讯丨真我GT Neo5 1TB存储网友用掉了500多G:直呼“真香”
全球视讯!Win12及DX13要来了?微软预告DirectX全新功能
通信能力是5G的10倍!全球17家运营商发布6G白皮书:预计2030商用
熬夜伤不起!警惕睡眠质量受电子设备影响
记录--前端加载超大图片(100M以上)实现秒开解决方案
关于“堆”题的总体思路
焦点速讯:地表最强AI,GPT-4专治各种不服
个人交340单位交680退休能拿多少?主要看个人缴纳的部分
焦点速讯:匹克态极速浪跑鞋99元抄底:门店299元
天天热文:女子公园租电动车3个多小时扣466元 运营方:上海价格都是这
焦点滚动:别羡慕了!经常不分场合秒睡可能是种病:得看医生
全球观速讯丨宁德时代麒麟电池已量产 同体积比特斯拉电池电量高13%
世界新消息丨省的都是钱 长安汽车推“百亿补贴”:不到11万可买CS75 PLUS
【Visual Leak Detector】安装 VLD
世界速递!三主摄时代来了!OPPO Find X6 Pro大漠银月图赏
全球看点:49dB降噪行业第一!OPPO Enco Free3图赏
1949元 ROG魔方幻“月曜白”路由器今晚开售:三频万兆速率
今热点:微软Bing上线在线绘图功能:文字生成图片 仅支持英文
天天快资讯:安全性远超燃油车!特斯拉发布调查报告:是美国平均水平7.4倍
环球今头条!DVWA-XSS(Reflected)
环球观焦点:关于基于AWS-Cli的方式对EC2及AMI资源批量添加或者删除tag的方法
每日观点:为什么Tomcat架构要这么设计?这篇文章告诉你答案!
全球微动态丨记录监控摄像头的接入过程及web端播放
全球快资讯丨narak靶机
当前快播:新农股份: 2022年度业绩快报
环球观天下!OPPO Find X6 Pro搭载三星E6屏:亮度高达2500nit、支持Pro XDR显示
焦点滚动:用到安卓17没问题!OPPO宣布Find X系列将支持4次大版本更新
449元-6999元!OPPO Find X6发布会四大新品一图看懂
全球速递!报告:2022年中国每四辆新车就有一辆电动车 比亚迪无敌
全球焦点!为什么不建议用redis做消息队列
世界今亮点!【数位DP】计数问题
前端设计模式——状态模式
每日讯息!关于 Vue 列表渲染 key 绑定 index 的性能问题
每日观察!黄金时间·千海金:避险情绪推升金价 但本周的美联储议息会议依然关键
环球观点:杜绝虚标!哈趣投影率先启用中国CVIA亮度标准:成单片式LCD领头羊
OPPO Find N2系列赢麻了!连续三个月折叠屏销量第一
天天速看:自动洗烘拖布 石头自清洁扫拖机器人P10图赏
道奇纯燃油谢幕之作!挑战者SRT恶魔170发布:V8机械增压马力超千匹
简单讲透Mac环境下多版本python的环境变量设置,仅对小白生效
视点!"error LNK2019: 无法解析的外部符号"原因分析
今头条!IDEA Rebuild项目错误:Information:java: java.lang.AssertionError: Value of x -1
对斗破苍穹进行python文本分析
实时焦点:VsCode 常用好用插件/配置+开发Vue 必装的插件
环球简讯:爵士力克国王将湖人挤出附加赛区 迷失盐湖城小萨准三双数据难掩低迷状态
入睡妙招!研究表明穿袜子睡觉更助眠
全球热消息:AMD Zen4霸气!移动版12核心解锁130W 直追170W桌面12核心
"周杰伦演唱会门票"登顶微博热搜 14万张秒售罄
dnf机械牛和悲鸣图在哪里?DNF机械牛和悲鸣的门票分别是什么?
雨过天晴一键还原怎么用?怎么删除雨过天晴一键还原?
OA对话框打不开是怎么回事?OA对话框怎么变成普通对话框?
今日最新!脚本编写的一个通用框架
天天速讯:编写高质量c#代码的20个建议
面试常考:C#用两个线程交替打印1-100的五种方法
全球新资讯:Paramiko_Linux
【全球独家】跟着字节AB工具DataTester,5步开启一个实验
英雄联盟自动关闭是什么意思?英雄联盟自动关闭怎么解决?
冒险岛的时空裂缝是什么?冒险岛怎么提升面板?
全球热推荐:今天春分白昼长了!全国春日地图出炉 看看春天到哪了
天天热议:汽车界“海底捞服务”!蔚来2023无忧服务发布:11600元/年
世界聚焦:重庆不再实行旧车置换:直接给予新车补贴 总计达3000万
世界报道:跨界做智能手表 比亚迪回应:消息属实 4月上新
对标《原神》!二次元开放世界游戏《鸣潮》开启测试招募
热点!如果设备不支持vulkan,就用swiftshader,否则就加载系统的vulkan的正确姿势(让程序能够智能的在vulkan-1.dll和libvk_s
【全球快播报】springboot使用easyExcel导出Excel表格以及LocalDateTime时间类型转换问题
《前端serverless 面向全栈的无服务器架构实战》读书笔记
每日视点!海关总署:2月下旬以来我国出口用箱量持续增长
国产纯电跑车前途K50美国秽土转生:换了名称、LOGO还没变
全球最新:40万级领先行业两代 赵长江:腾势N7月销量将轻松破万 抢夺BBA用户
【全球速看料】沙县小吃旗舰店包间最低消费300元 网友:吃的完吗?
全球头条:英国小镇被巨型老鼠入侵:像猫一样大 悬崖都要被挖塌了
OpenGL 图像 lookup 色彩调整
天天时讯:剑指 Offer 07. 重建二叉树(java解题)
为什么Redis不直接使用C语言的字符串?看完直接吊打面试官!
天天观天下!广东人睡觉时间全国最晚:“打工人”平均睡眠时长7.5小时