wxapp

微信小程序—云开发

先初始化云服务，初始化完毕后可以使用云服务

onLaunch(){

 wx.cloud.init({

  env:'环境ID'

 });

后台上传图片信息前台使用：

在云储存使用组件需要在project.config.json中配置文件

"ignoreDevUnusedFiles": false,

"ignoreUploadUnusedFiles": false,

云函数使用:

project.config.json中配置文件

"cloudfunctionRoot": "function/",

然后终端进入文件夹，npm init -y初始化，npm I wx-server-sdk 安装依赖

在calc/index.js:

//云函数逻辑

const cloud = require('wx-server-sdk')

exports.main = async (event) => {

 return {    event,
  }
}

然后右键部署

调用方法：

wx.cloud.callFunction({

 // 云函数名称

 name: 'add',

 // 传给云函数的参数

 data: {

  a: 1,

  b: 2,

 },

 success: function(res) {

  console.log(res.result.sum) // 3

 },

 fail: console.error

})

页面

定义主题颜色（app.wxss）

page {

 --color-white1: #F1E5D1;

}

.color-white1 {

 color: var(--color-white1);

}

使用组件（app.json）

"usingComponents": {

 "van-button": "@vant/weapp/button/index",}

导航栏（app.json）[路径需要注册]

"pages": [

 "pages/index/index",]

"tabBar": {
  "usingComponents": {},
  "color": "#686D76",
  "selectedColor": "#F0997D",
  "backgroundColor": "#fefefe",
  "list": [
    {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "images/page1.png",
      "selectedIconPath": "images/page1.1.png"
    },
    {
      "pagePath": "pages/examples/index",
      "text": "动态",
      "iconPath": "images/page2.png",
      "selectedIconPath": "images/page2.1.png"
    }...
  ]
},

首页

动态

通过云数据库传输的数据来展现

云数据库

const db=wx.cloud.database();
const message = db.collection('mytest_message');
  async onShow(){
    const {data} = await message.get({
      limit:5})
    this.setData({
      list:data
    })
  }

自定义组件，

在index.js自定义组件中传输获得的数据

<message wx:for="{{list}}" wx:key="this" item="{{item}}"></message>

在message.js中获得传输的数据：

properties: {
 item:Object
}

message实现的功能：

展现标题、时间（数据库储存时间戳数据，再将时间戳转换为时间）、图片（先储存在云储存中，然后将cloudpath、时间戳、标题、简介、详细内容打包存储到云数据库）

vant 组件日历基本组件，在此基础上加入选中时间添加事项操作，通过其内置事件完成

日历

我的

登录

后台管理文章

先将图片储存在云储存中，然后将其云路径以及标题等数据打包存储于云数据库，前台调用时通过云数据库信息，先将图片下载，并且将临时路径存储在当前数据，而后通过查询数据库将其余显示

页面问题

问题：

\1. 每个用户都可以通过后台设置传输案例，看到自己传输的案例，正常逻辑下是看到其他人发的案例，应该和open_id有关（已解决，与open_id无关，是云数据库权限问题）

\2. 图片预览：点击第二个图片显示第一个（因为设置左右滑动）（未解决）

\4. 图片裁剪太过，将限制调整至3张最好（未解决）

\5. 代办事项退出会失去数据（需要连接数据库）（未解决）

bug

WAServiceMainContext.js:2 Error: document.get:fail document.get:fail cannot find document with _id 339beebe666d85d600fe6a71611b9d62, please make sure that the document exists and you have the corresponding access permission

  at WASubContext.js?t=wechat&s=1718426779424&v=2.20.1:2

  at Generator.next (<anonymous>)

  at n (WASubContext.js?t=wechat&s=1718426779424&v=2.20.1:2)

at s (WASubContext.js?t=wechat&s=1718426779424&v=2.20.1:2)(env: Windows,mp,1.06.2402040; lib: 2.20.1)

报错原因：权限需要更改为用户可读，创建者可读写

​

报错原因：没有登录小程序

不报错但是不显示组件，可能原因：

\1. 未将组件全部需要导入

\2. Vant版本过低

\3. 在标签中

​

​ （未解决）

工具

1.安装weixinapp 组件库

a.[如果之前选中的目录路径不是miniprogram，则需cd到miniprogram目录，否则构建的时候会失败]
b. 运行命令：npm init
c. 运行安装命令：npm i @vant/weapp -S –production

之后正常使用即可

Popup插件需要插槽

"van-popup": "@vant/weapp/popup/index",

"van-cell": "@vant/weapp/cell/index",

"van-cell-group": "@vant/weapp/cell-group/index"

2.git管理

git remote add origin https://github.com/panghu715/wxapp.git

git branch -M develop

\########################

git config --global http.proxy 'http://127.0.0.1:10021'

git config --global https.proxy 'http://127.0.0.1:10021'

\##完成后推送：

git add ./

git commit -m "6.21的修改"

git push -u origin develop