uni-app+uniCloud做毕业设计
文章平均质量分 77
这个专栏里面的内容是我借助uni-app+uniCloud做毕业设计用到的部分知识点和技术,希望可以帮助到需要的朋友。
键.
前端菜鸟一枚,博客记录平时学习的知识,部分内容可能描述的不全,欢迎各位大佬给予指正,相互学习。
展开
-
uni-app+uniCloud开发微信小程序之小功能实现思路(持续更新中...)
1.all页实现筛选显示数据需求:从uniCloud中获取数据渲染到界面上让课程按照课程预约数倒序排序点击每一项分类之后显示对应的课程信息并更改抽屉旁的文字渲染数据用到了unicloud-db组件,倒序排列直接设置属性orderby="appointment desc"<unicloud-db v-slot:default="{data, loading, error, options}" collection="starCourse" :where="fwhere" orderby原创 2021-11-17 15:12:18 · 5454 阅读 · 2 评论 -
uni-app+uniCloud开发微信小程序BUG总结(持续更新中...)
星空学堂starSchool1.项目搭建2021.11.1bug1(使用less)HbuilderX使用less报错在uni-app官网导入hx也失败解决办法:进入hx安装目录并在控制台执行npm installbug2(组件跳转)组件内使用路由跳转使用相对路径不能跳转,需要使用绝对路径bug3(tabbar1)多用户切换,根据进入的用户不同显示不同的tabbar,因为uni-app只在pages.json里面提供了一个tabbar,且只能写一个。所以要实现上述的效果,只能自义原创 2021-11-15 11:44:33 · 1907 阅读 · 0 评论 -
uni-app做多端小程序开发的基本项目搭建(二) ——云函数和文件上传的使用
1.前言通过上一篇文章,用uni-app的uniCloud云开发实现了简单的增删查改的操作,要做一个app项目,目前我可能还需要用到的功能有:选择图片上传到云存储,***使用云函数封装***等,本文主要介绍这两个功能的简单实现,其他更强大的API需要去查看官方文档再练习使用。本文还将简单的介绍使用HbuilderX的打包功能和将程序转为微信小程序的实现过程。2.选择图片上传到云存储新建一个页面,并在index.vue页面配置路由跳转,因为在app打包之后,进入app的默认界面是index页面&l原创 2021-10-29 20:35:29 · 807 阅读 · 0 评论 -
uni-app做多端小程序开发的基本项目搭建(一) ——使用uniCloud实现云开发的增删改查
1.预备知识现在有一个需求:需要编写一套代码,可以将app的内容发布在微信小程序上或者打包成一个apk的安装安装包。要完成这个需求,目前可以借助uni-app+HbuilderX来实现。在使用这个两个工具之前,需要掌握的知识有:必备知识:HTML,CSS的基本使用ES5,ES6语法Vue框架的使用微信小程序的语法锦上添花:CSS预处理计LESS/SCSS数据库的CRUD操作2.前期准备uni-app官网:https://uniapp.dcloud.io/官网可以下载到H原创 2021-10-29 19:01:36 · 2651 阅读 · 0 评论 -
微信小程序——云开发实现数据库的增删查改操作
1.前期准备在使用云开发之前需要先在app.js中初始化云开发的配置,上一篇文章已经提到。连接:https://blog.csdn.net/beekim/article/details/120977861在云开发的数据库中新建一个集合app.json中配置一个新的页面,并设置入口页面,方便调试微信官方文档中关于button关于form代码:<!--pages/datatest/datatest.wxml--><text>数据库crud测试:</text原创 2021-10-27 14:16:37 · 2581 阅读 · 1 评论 -
微信小程序——云开发云函数的使用
1.前期准备新建一个文件夹作为本地云函数根目录2.创建、部署、使用云函数在这个根目录上点击右键->新建Node.js云函数修改index.js中的函数内容修改完成后需要点击addNum文件夹,右键->上传并部署当函数状态变为已部署之后就可以使用了testData(event){ wx.cloud.callFunction({ // 云函数名称 name: 'addNum', // 传给云函数的参数 data: {原创 2021-10-27 16:33:26 · 771 阅读 · 0 评论 -
微信小程序——云开发实现图片上传到云存储并实时预览当前上传的图片
1.配置云开发打开云开发拷贝环境ID在全局app.js中配置2.界面编写编写一个前端界面<view> <button type="primary" bindtap="uploadimg">点我上传</button></view>绑定事件函数 uploadimg(){ wx.chooseImage({ count: 1, success (res) {原创 2021-10-26 20:04:35 · 8412 阅读 · 5 评论