首页 > 其他分享 >Notes文档

Notes文档

时间:2023-01-11 21:55:07浏览次数:39  
标签:Notes 笔记本 用户 笔记 点击 文档 首页 图标

基于uni-app的个人笔记应用Notes

实现的功能

笔记的增删改查

  1. 进入:用户通过点击右上角的加号可以进入"创建笔记"页面
  2. 编辑:实现了富文本编辑,为用户提供了(撤销、清空、反撤销、加粗、选择标题、字体颜色、字体背景色、上传图片……)等功能,满足用户对于笔记的大部分需求
  3. 提交:当用户未输入标题时,提交按钮为灰色;输入标题后变为蓝色,表示可以提交。
  4. 展示:提交后会自动调回首页,会显示笔记的标题、内容和最后修改时间。

用户通过在首页点击进入笔记的详情页点击右上角的删除按钮删除笔记

用户通过在首页点击进入笔记的详情页点击右上角的编辑按钮修改笔记,并重新发布

用户通过点击首页右上角的放大镜图标进入搜索页面。支持全文不区分大小写的匹配,并且匹配的关键词会以蓝色高亮显示,并且提供匹配字符前后文的显示(一行内)。

用户通过点击搜索结果可以进入笔记的详情页。

笔记的管理

点击首页左上角的"Notes"会弹出笔记管理功能。

用户可以:

  1. 点击弹出框最低部的加号创建新的笔记本。
  2. 点击笔记本图标可以看到该分类的笔记,并且在这个页面点击进入创建笔记页面发布的笔记会更新到对应的笔记本分类中。
  3. 点击首页右上角的删除按钮删除整个笔记本
  4. 笔记本默认有“全部笔记”和“未分类笔记”两个

亮点

  1. 丰富的交互反馈。用户在体验过程中“加载”、“发布”、“删除”、“创建”、“无结果”、“页面到达底部”、“文章看完了”等都有提示和反馈,开发者尽量做到了"事事有回响",让用户知道自己操作的结果是什么。
  2. 美观的界面。(待补充)
  3. 富文本功能满足了用户做笔记的绝大部分需求。
  4. 易于理解的图标。该应用选取的图标都是经过开发者精心精心挑选的、主流而广泛应用的、简单而不失美观的图标,最大限度地降低用户初期使用时的陌生感、疏离感,尽量做到“上手即用”。

缺点

  1. 动画较少。开发者虽极尽所能地实现了部分的交互动画,但受限于自身水平和时间,所设想的包括但不限于“长按动画”、“点击图标动画”没有实现。用户体验感方面仍有较大提高空间。
  2. 功能仅仅局限于做笔记这一块。人们做笔记大部分是为了学习目的,可以再增加自律奖励、番茄时钟、DDL设置与提醒、每月笔记和学习时间统计和反馈等众多功能,做成一个集成大部分学习所需功能的学习助手。
  3. 没有实现用户体系,目前笔记只能一个人使用,后续引入用户体系后可以实现推广使用。

数据库

设计

该项目有两张数据表

分别是

notes数据表

notes
│  
├─id 			笔记的id
├─classid 		笔记的分类
├─content 		笔记的内容
├─description 	笔记的摘要
├─posttime 		笔记的最后修改时间
├─text 			笔记的纯文本
└─title 		笔记的题目

notebooks数据表

notebooks
│  
├─id 		笔记本的id
├─classid 	笔记本中笔记的分类
└─name 		笔记本的名字

操作

本项目通过uniCloud.callFunction(Object)调用云函数实现数据库的增删改查

标签:Notes,笔记本,用户,笔记,点击,文档,首页,图标
From: https://www.cnblogs.com/zhengzirui/p/17045009.html

相关文章

  • 【转】PageOffice——实现Word文档指定内容可编辑,其他内容只读
    pageoffice实现word文件部分区域可编辑依赖word中的书签1.文件在本地打开将需要用户在线编辑的内容设置为数据区域DateRegion(数据区域:word中以PO_开头的书签)注意:书签的......
  • 【转】用pageOffice文档控件实现 office文档在线编辑
    第三方文档控件,pageOffice系统开发中经常要处理办公文档,如果word,excel,ppt,编辑整理,保存,归档。开发市场上也有很多第三文文档控件,多年的总结,还是认为pageOffice最好使。1......
  • Requests+Etree+BeautifulSoup+Pandas+Path+Pyinstaller应用 | 获取页面指定区域数据
    (Requests+Etree+BeautifulSoup+Pandas+Path应用|获取页面指定区域数据存入html、excel文档)1需求来源获取网页指定区域数据,并进行保存;简单说就是pachong的需求了。......
  • Foundry 中文文档发布
    Foundry是一个Solidity智能合约开发工具链。Foundry管理您的依赖关系、编译项目、运行测试、部署,并允许您通过命令行和Solidity脚本与链交互。Foundry中文文档是基于官......
  • 新建文本文档
    SpringBoot加载外部配置文件SpringBoot允许你从外部加载配置,这样的话,就可以在不同的环境中使用相同的代码。支持的外部配置源包括:Java属性文件、YAML文件、环境变量......
  • 文档字符串
    5.5文档字符串开发者在编写函数或模块时不光要自己能看懂,在和他人合作共同开发或者被他人调用时也需要他人也能看懂。这个时候就可以为自己编写的函数、模块或者类添加相......
  • 【转】pageOffice插件 springboot实现服务器上Word文档在线打开编辑保存
    pageOffice插件springboot实现服务器上Word文档在线打开编辑保存需求:在oa系统上,想实现在线,服务器上doc,docx文档,在web打开,编辑。编辑后,可以再同步保存到服务器端。开发......
  • SiteFactory编辑器支持Word文档
    ​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传wordjson配置在ueditor\php\config.json中新增如下配置:     /* 上传word配置 */    "wordAction......
  • API规范文档
    URI命名规范URI应全部小写,多个字母之间用横杆`-`分割,比如:/dts-admin/job-info/alarm-email-groupsURI用于表示资源,所以URI应该用名词表示,动作表示应该通过GET,POST......
  • jQuery核心对象(伪数组,什么时候可以不写绑定文档加载完成的监听$(function(){},each中又
    伪数组相关文档主要是讲了给1.$()【函数】和$.xxx【方法】2.$xxx.yyy()【$xxx是一种常见的给jQuery对象的命名方式】【给对象用的方法】用的函数和方法。绝大部分都......