uniapp使用微信小程序云开发

uniapp使用微信小程序云开发,第1张

步骤

1、veu.config.js 中推荐安装copy-webpack-plugin 5.0.0 版本蠢碰清。uniapp 框架文档有说带前明 vue-config

打开终端运行 npm 安装版本

npm install copy-webpack-plugin@5.0.0

需要5.0版本,高版本Uniapp不支持

2、创建你自己吵侍云函数目录文件。我设置的:

wxcloud/cloudfunctions

3、修改manifest.json

在uni-app根目录下,修改manifest.json中的微信小程序项,结构如下

3、vue-config-js 中配置 编译copy文件到build目录。注意 空目录可能不会拷贝(后续你可用创建函数文件就会拷贝了)。

地址: https://github.com/itguliang/miniprogram-itguliang-cloud

修改app.json-->pages,新增写文章及文章详情页面

home.wxml 加个写文章的按钮,跳转到写文章的页面

页面跳转

修改写文章页面的title,对应的json文件中修改

文章内知销迹容编辑器可以搭并参考官方的editor --- 传送门

封面上传(不是必填项)--- 参考小程序云开发的上传图片例子来修改

向下滚动隐藏 、向上滚动显示

监听页面滚动事件

效果见文章开头

下拉刷新,json中设置允许当前页面下拉刷新

towxml解析HTML --- towxml使用-传送门

1、小程序页面跳转不同斗祥方法

wx.navigateTo

2、小程序修改单独页面title

app.json中 window 统一设置 title

如果要修改某个页面的title的话,可以在对应页面的json中修改

也可在js中动态加载

3、小程序editor组件 *** 作图标不全,可以中文下和英文下的两个demo结合来用

4、小程序返回上个页面刷新数据

5、动态修改class

1、在小程序云开发数据库中,可以设置多值字槐衫段,用于存储多个值,如数组、对象等。

2、多值字段可以在小程序云开发数据库中设置腔晌,只需要将字段类型设置为“Array”或“Object”即可。

3、多值字段可以用于存储多个值,如数组、对象等,可以更好地满足复杂的数据存储需求。

4、多值字段可以使用云开发数据库的API进行 *** 作,如增加、删除、修改等铅圆腔 *** 作,可以更好地实现数据的管理。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12536069.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存