基于uni-app的个人笔记应用Notes
实现的功能
笔记的增删改查
增
- 进入:用户通过点击右上角的加号可以进入"创建笔记"页面
- 编辑:实现了富文本编辑,为用户提供了(撤销、清空、反撤销、加粗、选择标题、字体颜色、字体背景色、上传图片……)等功能,满足用户对于笔记的大部分需求
- 提交:当用户未输入标题时,提交按钮为灰色;输入标题后变为蓝色,表示可以提交。
- 展示:提交后会自动调回首页,会显示笔记的标题、内容和最后修改时间。
删
用户通过在首页点击进入笔记的详情页点击右上角的删除按钮删除笔记
改
用户通过在首页点击进入笔记的详情页点击右上角的编辑按钮修改笔记,并重新发布
查
用户通过点击首页右上角的放大镜图标进入搜索页面。支持全文不区分大小写的匹配,并且匹配的关键词会以蓝色高亮显示,并且提供匹配字符前后文的显示(一行内)。
用户通过点击搜索结果可以进入笔记的详情页。
笔记的管理
点击首页左上角的"Notes"会弹出笔记管理功能。
用户可以:
- 点击弹出框最低部的加号创建新的笔记本。
- 点击笔记本图标可以看到该分类的笔记,并且在这个页面点击进入创建笔记页面发布的笔记会更新到对应的笔记本分类中。
- 点击首页右上角的删除按钮删除整个笔记本
- 笔记本默认有“全部笔记”和“未分类笔记”两个
亮点
- 丰富的交互反馈。用户在体验过程中“加载”、“发布”、“删除”、“创建”、“无结果”、“页面到达底部”、“文章看完了”等都有提示和反馈,开发者尽量做到了"事事有回响",让用户知道自己操作的结果是什么。
- 美观的界面。(待补充)
- 富文本功能满足了用户做笔记的绝大部分需求。
- 易于理解的图标。该应用选取的图标都是经过开发者精心精心挑选的、主流而广泛应用的、简单而不失美观的图标,最大限度地降低用户初期使用时的陌生感、疏离感,尽量做到“上手即用”。
缺点
- 动画较少。开发者虽极尽所能地实现了部分的交互动画,但受限于自身水平和时间,所设想的包括但不限于“长按动画”、“点击图标动画”没有实现。用户体验感方面仍有较大提高空间。
- 功能仅仅局限于做笔记这一块。人们做笔记大部分是为了学习目的,可以再增加自律奖励、番茄时钟、DDL设置与提醒、每月笔记和学习时间统计和反馈等众多功能,做成一个集成大部分学习所需功能的学习助手。
- 没有实现用户体系,目前笔记只能一个人使用,后续引入用户体系后可以实现推广使用。
数据库
设计
该项目有两张数据表
分别是
notes数据表
notes
│
├─id 笔记的id
├─classid 笔记的分类
├─content 笔记的内容
├─description 笔记的摘要
├─posttime 笔记的最后修改时间
├─text 笔记的纯文本
└─title 笔记的题目
notebooks数据表
notebooks
│
├─id 笔记本的id
├─classid 笔记本中笔记的分类
└─name 笔记本的名字
操作
本项目通过uniCloud.callFunction(Object)
调用云函数实现数据库的增删改查