uniapp应用form表单上传数据与数据库数据的查询排序

先做两个基础的输入框和一个提交按钮

<template>
	<view class="home">
		<form @submit="information">
			<input type="text" name="name">
			<input type="text" name="specialSkill">
			<button form-type="submit">提交</button>
		</form>
	</view>
</template>

@submit="information"是点击事件
form-type="submit"是提交表单
name="name"name="specialSkill"是确定要输入的内容，需要输入的内容有两个，一个是姓名，还有一个是特长

然后开始做点击事件
采集到的数据在e里面

运行结果，输入的是坤坤，唱

返回的结果，这里已经成功接收了

然后准备连接数据库，往数据库里面添加数据
首先将值给obj
然后调用云函数add，然后把取得的值obj传递给云函数

methods: {
			information(e){
				console.log(e);
				let obj=e.detail.value
				
				uniCloud.callFunction({
					name:"add",
					data:obj
				}).then(res=>{
					console.log(res);
				})
			}
		}

然后是写云函数
const db=uniCloud.database()的作用是连接云数据库
let {name,specialSkill}=event的作用是将传递给云函数的值给name和spceialskill
之后再使用add，将数据添加到数据库当中
当变量和字段一样的时候，直接写变量进去就可以了
也就是{name,
specialSkill}

const db=uniCloud.database()
exports.main = async (event, context) => {
	let {name,specialSkill}=event
	
	let res=await db.collection("user").add(
		{name,
		specialSkill}
	)
	return res
};

结果，数据添加完成

数据的查询，先定义一个方法调用云函数

methods: {
			getdata(){
				uniCloud.callFunction({
					name:"inquire"
				}).then(res=>{
					console.log(res);
				})
			}
		}

然后再在onLoad中调用这个方法

onLoad() {
			this.getdata()
		},

之后开始写我们需要调用的那个云函数

const db=uniCloud.database();
exports.main = async (event, context) => {
	let res=await db.collection("user").get()
	return res;
};

返回结果

doc的使用，括号后续需要跟云数据库自带的_id，然后就可以查询了


把查询到的数据显示出来，先进行值传递

然后使用循环让值得以显示

加一点样式，加上下间距，以及下划线

结果

设置返回数量的上限，返回5条


数据的分页
假设我们一页有5条数据，如果我们要显示下一页的话
如下写，.skip表示跳过几条数据
张三开始显示，孙八刚好是第6条，然后每次现实五条


数据的排序，asc，是顺序排列，阿里云默认生成的id是有顺序的，而腾讯云是完全随机的


倒序排列


数据的过滤，只传输我们需要的字段，name，其他的过滤掉，节约成本，增加访问速度，field后面跟一个对象，使用true和false