• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序基础介绍

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

1.app.json

小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等

@1、pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。必填,pages填写之后默认生成page目录结构,首页读pages第一段定义

@2、window字段 —— 定义小程序所有页面的顶部背景颜色,文字颜色定义等。

@3、tabBar底部tab栏表现 object

@4、networkTimeout 网络超时时间 object

@5、debug 是否开启debug boolean

@6、functionalPages 是否开启插件功能页,默认关闭 boolean

@7、subpackages 分包结构配制 sobject

@8、workers worker代码存放目录 string

@9、requireBackgroundModes 需要后台使用的能力 string

@10、plugins 使用到的插件 Object

@11、resizable ipad小程序是否支持屏幕旋转 Boolean 默认关闭

@12、navaigateToMiniProgramAppIdList 需要跳转小程序列表 string

@13、permission 小程序权限相关设置 object

@14、sitemapLocation 指明sitemap.json的位置 必填

2、跳转链接

wx.navigateto  跳转链接保留当前上一个页面,例如a页面跳转B页面A页面被保留B页面跳转C页面AB页面保留,C页面点击返回上一页到B页面,B页面点击返回到A页面

wx.redirectTo 销毁当前页面跳转到新的页面 A页面跳转B页面,A页面被销毁并跳转至B页面此时,返回不能返回A页面只会返回小程序首页

3、rpx

rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

4、弹性布局

参考链接https://blog.csdn.net/weixin_39717076/article/details/82586915

 display:flex;flex-wrap:wrap;justify-content:space-between; 弹性布局,自动换行,两端对齐

5、云开发

云开发的云函数注册在project.config.json,定义模式为“cloudfunctionRoot”:"路径地址" 云函数根路径

云函数分为核心三大块

1)数据库 数据库创建集合,集合相当于数据库中的数据表

2)存储   可以理解为网络云盘,相当于cms系统中的文件保存的地方,简单点说就是存放文件,可以通过网络路径去下载去访问的一个云端存储

3)云函数  项目中逻辑代码

6、云函数

1)app.js-->onlaunch     wx.cloud.init({traceUser:true}) 初始化云函数

2)app.js-->onlaunch 使用云函数 

wx.clound.callFunction({
  //云函数名为文件夹名字 name:\'xxx云函数名\', data:{ }, success(res){ //成功回调 } })

7、连接数据库API

const cloud = require(\'wx-server-sdk\')
cloud.init()
const db = cloud.database()  

8、连接到数据表

const cloud = require(\'wx-server-sdk\')
cloud.init()
const db = cloud.database()
const todosCollection = db.collection(\'todos\')

9、查询

let db=cloud.database();
db.collection("集合名").get().then(res=>
   console.log(res)
})
//查询到集合的所有信息 

db.collection("集合名").where({ age:18 }).get().then(res=>{ })//查询where条件为age18的数据

db.collection("集合名").where({
  age:18
}).orderBy(
  "age","desc"
).get().then(res=>{
})//查询where条件为age=18,并倒序排序

db.collection("集合名").where({
  age:18
}).orderBy("age","desc").limit(2).get().then(res=>{

})//查询where条件为age=18 并用倒序排序的 两条数据


db.collection("集合名").where({

  age:18
}).orderBy("age","desc").skip(10).limit(2).get.then(res=>{

})//查询where 条件为age=18 age倒序排序,每页10条数据 取第二页的数据skip不能为0

db.collection("集合名").where({
  age:18
}).orderBy("age","desc").skip(10).limit(2).field({
  name:true,
  age:true
}).get().then(res=>{

})
//查询where 条件为age=18 age倒序排序,每页10条数据 取第二页的数据,只获取name字段和age字段

db.collection("集合名").where({
  age:18
}).count().then(res=>{
  console.log(res.total)
})//查询条件为age=18在集合中有多少个

let _=db.command;
db.collection("集合名").whree({
  age:_.in({18,19})
}).get().then(res=>{

})//查询age为18,19的数据,db.command为构造查询条件,有比大小之类得到方法

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-server-api/database/#command

db.collection("集合名").whree(
  _.or([
  {age:_.in(18,19)},
  {name:melon}
])
).get().then(res=>{

})//查询age为18,19或名字为melon的所有数据
 

10、更新数据

let db=cloud.database();

return await da.collection("集合名").where({
   id:xxx 
}).updata({
   data:{
   age:18 
} 
})//把id为xxx的年龄修改为18


return await db.collection("集合名").doc("xxx").set({
   data:{
   age:18         
    } 
})//把id为xxx的年龄修改为18,如果xxx没有年龄则删除原数据生成新数据结构为id+age

11、删除数据

let db=cloud.database;
db.collection("集合名").where({
   id:“xxx” 
}).remove()//删除id为xxx的条目


db.collection("集合名").doc(“xxx” ).remove()//删除id为xxx的条目

  


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序相关简介发布时间:2022-07-18
下一篇:
微信小程序相关资料整理发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap