基于uniapp+unicloud开发的手机备忘录小程序
注:该小程序是我的一个课设作品,现在发出来供大家学习参考,如有不好的地方,欢迎指正。
一、准备工作:
1、注册账号
在unicloud官网注册一个账号:https://unicloud.dcloud.net.cn/login
2、创建云空间:
点击右上角创建云空间;
本小程序的云空间名字为:memo,默认选择阿里云即可。
3、登录HbuilderX
- 导入项目:解压项目并打开;
- 在HbuilderX左下角,登录你刚刚注册的账号;
- 鼠标右键uniCloud文件夹,选择第一个关联云空间,然后选择memo云空间;
关联好了以后就是这样的
- 右键cloudfuntions,选择第二个:“上传所有云函数,公共模块及actions”;
二、项目展示
1、运行项目:
请选择:运行到内置浏览器;避免跨域问题。
注:第一次运行,会下载项目所需要的插件,请耐心等待。
2、功能展示
1、登录
用户名密码均为root;
2、首页
查询当前root用户所有的备忘录数据,并展示标题,创建的时间或上次修改的时间。
3、添加
点击底部“+”按钮,添加一个备忘录,输入标题和内容信息。
4、修改
5、长按删除
长按某个备忘录事件,完成删除操作。
6、注册
7、避坑指南
运行前请在manifest.json中获取一下appid;
文章来源:https://www.toymoban.com/news/detail-493364.html
三、总结
- 该小项目是本人的课设作品,展示了基本的CRUD功能。
- 该项目最大的亮点实现了分用户显示数据的功能:即不同用户仅显示自己添加的备忘事件,这里不再做展示。
- 关于如何进入登录和注册页面:点击login.vue组件或register.vue组件即可;
- 同时,通过登录不同账号可以测试分用户显示数据的功能;
源码获取地址:链接:https://pan.baidu.com/s/1B4Yu-gmhCbsmCDa_snPtlw?pwd=ho5d
提取码:ho5d(2023年12月14日已更新)文章来源地址https://www.toymoban.com/news/detail-493364.html
到了这里,关于基于uniapp+unicloud开发的手机备忘录小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!