基于uniapp+unicloud开发的手机备忘录小程序

基于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；

三、总结

• 该小项目是本人的课设作品，展示了基本的CRUD功能。
• 该项目最大的亮点实现了分用户显示数据的功能：即不同用户仅显示自己添加的备忘事件，这里不再做展示。
• 关于如何进入登录和注册页面：点击login.vue组件或register.vue组件即可；
• 同时，通过登录不同账号可以测试分用户显示数据的功能；

源码获取地址：链接：https://pan.baidu.com/s/1B4Yu-gmhCbsmCDa_snPtlw?pwd=ho5d
提取码：ho5d（2023年12月14日已更新）