uniCloud云开发视频教程-从基础入门到项目开发实战-uniapp进阶课文章管理系统(云函数/云数据库/云存储)

news/2024/12/14 14:19:00/文章来源:https://www.cnblogs.com/KooTeam/p/18606684

uniCloud云开发视频教程-从基础入门到项目开发实战-uniapp进阶课文章管理系统(云函数/云数据库/云存储)

https://www.bilibili.com/video/BV1PP411E7qG

513894357@qq.com

P1 1.1.uniCloud课程介绍

uni cloud 可老

P2 1.2.新建uniapp项目及创建uniCloud服务空...

2022-10-12

腾讯云收费 阿里云免费

2024-2-20 阿里云免费


P3 1.3.初识cloudFunctions云函数并调用

安装依赖 支付等...

			uniCloud.callFunction({name:'myCloudFun'}).then(res=>{console.log(res)})

P4 1.4.event云函数传参渲染列表页面

		onLoad() {uniCloud.callFunction({name:'myCloudFun',data:{name:'koo',age:'28'}}).then(res=>{console.log(res)})},Promise方式callback方式uniCloud.callFunction({name:'myCloudFun',data:{name:'koo',age:'28'},success(){}})
exports.main = async (event, context) => {let {name,age}=eventreturn `My name is ${name},age is ${age}`
};

P5 2.1.认识数据库通过web控制台手动创建表….

微信小程序云开发

P6 2.2.获取集合Collection并get请求数据库

'use strict';
const db=uniCloud.database()
exports.main = async (event, context) => {let res= await db.collection('users').get()return res
};
云服务器

P7 2.3.count统计与add新增与批量添加

let res= await db.collection('users').count()'use strict';
const db=uniCloud.database()
exports.main = async (event, context) => {let res= await db.collection('users').add({name:'小米',gender:"男"})return res
};
let res= await db.collection('users').add([{name:'john'},{name:'too'}]
)

P8 2.4.小案例_通过form表单采集并新增到数….
P9 2.5.doc引用与skip_orderBy_limit_field查询

'use strict';
const db=uniCloud.database()
exports.main = async (event, context) => {//let res= await db.collection('users').doc('id').get()//let res= await db.collection('users').limit(10).skip(0).get()//asc  desc倒序//let res= await db.collection('users').orderBy('_id','asc').get()//true保留 不显示let res= await db.collection('users').field({'name':true}).get()return res
};

P10 2.6.command查询筛选指令比较和逻辑运算

let res= await db.collection('users').where({age:28
}).get()'use strict';
const db=uniCloud.database()
const dbCmd=db.command;
exports.main = async (event, context) => {let res= await db.collection('users').where({//age:dbCmd.eq(30),//等于30的age:dbCmd.in([24,41])age:dbCmd.gt(20).and(dbCmd.lt(40))=====age:dbCmd.and(dbCmd.gt(20),dbCmd.lt(40))}).get()return res
};

P11 2.7.RegExp正则模拟搜索查询

'use strict';
const db=uniCloud.database()
const dbCmd=db.command;
exports.main = async (event, context) => {let {keyword}=eventlet res= await db.collection('users').where({name:/^小$/ig	name:/keyword/ig	name:new RegExp(keyword,'ig')    }).get()return res
};

P12 2.8.update修改数据库单条或者集合

'use strict';
const db=uniCloud.database()
exports.main = async (event, context) => {let res= await db.collection('users').doc('id').update({name:'koo',age:77}),return {msg:'modify success',res}
};let res= await db.collection('users').where({_id:'xx'
}).update({like:{ //like:['x','xx']0:'练琴'}tabs:{jobs:'xx'    }'tabs.jobs':'xxx'}),

P13 2.9.update结合command的数组高级操作

'use strict';
const db=uniCloud.database()
const dbCmd=db.command;
exports.main = async (event, context) => {let {keyword}=eventlet res= await db.collection('users').where({_id:'ss' }).update({like:dbCmd.unshift(['xx','xxx']) //like:[]向前追加// push  pop shiftlove:dbCmd.inc(3) //-2负数自减})return res
};inc增加 多用户同时点赞  不覆盖 

P14 2.10.set与update的区别

let res= await db.collection('users').doc('id').set({name:'xx' //没写的字段会删除})
同set会覆盖 没写的字段会删除
dbCmd.set({xxx:xxx
})let res= await db.collection('users').where({_id:'ss' }).update({like:dbCmd.push({each:['aaaa'],position:1 //从第二增加})})

P15 2.11.remove批量删除及数据库的导出与导入

let res= await db.collection('users').doc('id').remove()

P16 3.1.本地云函数与云端云函数的区别与项目介绍


P17 3.2.项目初始化及全局配置
P18 3.3.首页列表html5与css3布局


P19 3.4.跳转到新增页面布局form表单
P20 3.5.新建数据库云函数渲染列表数据


P21 3.6.form表单新增添加到云数据库中
P22 3.7.判断内容为空不准发布及发布成功后...
P23 3.8.onReachBottom触底翻页功能实现
P24 3.9.插件市场下载并使用uni-ui格式化日期...

uni-ui


P25 3.10.从列表页跳转值详情页及样式
P26 3.11.创建详情页云函数渲染到页面中

P27 3.12.uni-load-more详情页加载效果优化
P28 3.13.删除记录并对异常请求进行处理
P29 3.14.对修改页面进行数据渲染和分析
P30 3.15.完成数据的修改
P31 3.16.首页开启下拉刷新onPullDownRefresh
P32 4.1.云存储介绍及web端上传各类文件


P33 4.2.uni-file-picker上传组件的使用

P34 4.3.filepick组件其他属性及手动上传方案


P35 4.4.上传成功的回调url存储到数据库中

P36 4.5.(选学)自定义上传-flex布局上传样式

uniCloud.uploadFile

圆角还可以用0表示 border-redius:0 0 0 0;

P37 4.6.(选学)自定上传-chooselmage选择本….

uni.chooseImage选择图片

P38 4.7.(选学)自定上传-uploadFile云存储的上…..

uni.previewImage预览图片

uniCloud.uploadFile

P39 4.8.(选学)自定上传-promise封装批量上传

promise return all

P40 4.9.文章管理系统项目导入filepick上传组件
P41 4.10.实现图片上传成功后将地址存入到数...
P42 4.11.修改文章页面读取已上传的文件


P43 4.12.完成首页及详情页图片资源的显示
P44 4.13.文章管理系统在各平台效果及修改for.

P45 4.14.uniCloud打包H5配置云开发跨域

云函数上传 不上传找不到地址 云空间配置跨域

P46 4.14.(补充)前端网页托管展示打包出来.
P47 4.15.微信小程序打包配置request和uploa.
P48 4.16.安卓apk项目APP打包及知识点总结

http://ku.qingnian8.com/case/uniArticle/#/

青年帮网络 微信小程序

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/852509.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于.NET8+Vue3开发的权限管理个人博客系统

前言 今天大姚给大家分享一个基于.NET8+Vue3开发的权限管理&个人博客系统:Easy.Admin。 项目介绍 Easy.Admin是一个基于.NET8+Vue3+TypeScript开发的权限管理&个人博客系统,分为普通版本和SSR(服务端渲染,支持SEO),服务端渲染框架基于vite-plugin-ssr实现,并且支…

spring-boot-devtools 实现热部署

1.devtoolsspring为开发者提供了一个名为spring-boot-devtools的模块来使Spring Boot应用支持热部署,提高开发者的开发效率,无需手动重启Spring Boot应用。 2.项目搭建本文是采用IDEA搭建的Spring Boot应用,通过spring-boot-devtools配置,可以支持修改java文件会自动重启程…

IDEA bean json互转换插件

插件安装步骤:File->Settings->Plugins—>查找所需插件—>Install 或 File->Settings->Plugins—>Install plug from disk —>选择下载好的插件安装 一般插件安装后重启idea即可生效。 一、Java bean 转换 json 的插件 java-bean-to-json 下面详细安装…

转载:【AI系统】计算图的调度与执行

在前面的内容介绍过,深度学习的训练过程主要分为以下三个部分:1)前向计算、2)计算损失、3)更新权重参数。在训练神经网络时,前向传播和反向传播相互依赖。对于前向传播,沿着依赖的方向遍历计算图并计算其路径上的所有变量。然后将这些用于反向传播,其中计算顺序与计算图…

转载:【AI系统】微分实现方式

上一篇文章简单了解计算机中常用几种微分方式。本文将深入介绍 AI 框架离不开的核心功能:自动微分。 而自动微分则是分为前向微分和后向微分两种实现模式,不同的实现模式有不同的机制和计算逻辑,而无论哪种模式都离不开雅克比矩阵,所以我们也会深入了解一下雅克比矩阵的原理…

React16

React16免费基础视频教程 https://www.bilibili.com/video/BV1g4411i7po P1 01_React免费视频课程介绍 https://jspang.com 2019 5年前 react16 16.8.6 https://react.dev/ P2 02_React简介和Vue的对比 P3 03_React开发环境的搭建 npm i -g create-react-app@3.0.0 create-reac…

Input type (torch.cuda.FloatTensor) and weight type (torch.FloatTensor) should be the same

错误报在了forward里的Conv2d处。原因是函数写在forward里可能默认cpu,如果写在init构造函数里,就不需要再指定cuda。 修改为箭头指示就不再报错了。 【参考】 Input type (torch.cuda.FloatTensor) and weight type (torch.FloatTensor) should be the same-CSDN博客

jquery半透明拖拽窗口插件

这是一款jquery半透明拖拽窗口插件。该插件可以在页面生成可以拖拽、最大化、最小化的浮动窗口。在线演示 下载使用方法 在页面中引入style.css、jquery和jquery-translucent.js文件。<link rel="stylesheet" type="text/css" href="style.css&quo…

Marvelous Designer高版本更改界面字体大小

打开软件 打开 设置/用户自定义 - 用户自定义选择用户界面 - 显示 - 自动规模不勾选 - 分辨率选择大重启软件即可

golang:第三方库:用jordan-wright/email发送邮件

一,安装第三方库: $ go get -u github.com/jordan-wright/email go: downloading github.com/jordan-wright/email v4.0.1-0.20210109023952-943e75fe5223+incompatible go: added github.com/jordan-wright/email v4.0.1-0.20210109023952-943e75fe5223+incompatible 二,代…

为了改一行代码,我花了10多天时间,让性能提升了40多倍---Pascal架构GPU在vllm下的模型推理优化

ChatGPT生成的文章摘要 这篇博客记录了作者在家中使用Pascal显卡运行大型模型时遇到的挑战和解决方案。随着本地大型模型性能的提升,作者选择使用vllm库进行推理。然而,作者遇到了多个技术难题,需要自行编译vllm和PyTorch,以支持Pascal架构的显卡。编译过程中,作者深入研究…