一句话生成云笔记系统

举报
wdxb 发表于 2026/08/17 13:16:54 2026/08/17
【摘要】 作品地址:开发者作品展览馆 https://gallery.developer.huaweicloud.cn/gallery/0a8edff5-99a2-46b5-b587-f92a418b0b20作品简介:免登录即用的轻量云笔记应用,支持Markdown编辑和6位取件码分享功能,他人凭码即可查看笔记。云笔记系统 — 便捷的云端笔记与分享工具项目简介云笔记系统是一款轻量级的在线笔记应用,核...
云笔记系统 preview

云笔记系统 — 便捷的云端笔记与分享工具

项目简介

云笔记系统是一款轻量级的在线笔记应用,核心设计理念是"开箱即用,无需注册"。用户打开网页即可创建、编辑和管理笔记,通过独特的取件码机制实现笔记分享——生成一个6位代码,他人输入即可查看,无需登录任何账号。

核心功能

1. 免登录使用

传统笔记应用通常需要注册账号,这对临时记录场景来说门槛过高。本系统采用浏览器 localStorage 自动生成匿名用户 ID(cnuserid),后端根据此 ID 关联笔记。用户无需输入任何信息,打开即用,笔记数据安全存储在服务端 SQLite 数据库中。

2. 取件码分享

这是本系统最具特色的功能。每条笔记可以生成一个6位取件码(如 A3X9K2),编码排除了容易混淆的字符(0/O/1/I),确保口头传达时不易出错。取件码默认有效期7天,过期后自动失效。他人在首页输入取件码即可进入只读模式查看笔记内容,无需登录或注册。

3. Markdown 编辑

编辑页支持 Markdown 语法编辑与实时预览切换,用户可以在编辑和预览模式之间自由切换。同时支持 Ctrl/Cmd+S 快捷键保存,提升编辑效率。

4. 暗色模式与响应式

提供明暗两种主题切换,偏好持久化到 localStorage。整体采用卡片式布局,柔和配色,完整支持移动端响应式适配。

系统架构

系统架构图

系统采用经典的三层架构:

  • 前端层:原生 HTML/CSS/JavaScript,无框架依赖,包含三个页面——首页(笔记列表+取件码输入)、编辑页(Markdown编辑/预览)、查看页(取件码只读展示)
  • 后端层:Node.js + Express,提供 7 个 RESTful API 端点,处理笔记 CRUD 和取件码生成/验证
  • 数据层:SQLite 数据库,两张表——notes(笔记存储)和 sharecodes(取件码管理)

API 设计

方法 路径 功能
POST /api/notes 创建笔记
GET /api/notes?userId=xxx 获取用户笔记列表
GET /api/notes/:id 获取单条笔记
PUT /api/notes/:id 更新笔记
DELETE /api/notes/:id 删除笔记
POST /api/notes/:id/share 生成取件码
GET /api/share/:code 通过取件码查看笔记

技术亮点

1. 零门槛体验:无需注册登录,localStorage 匿名 ID 方案让用户即开即用

2. 安全分享:取件码机制避免了暴露用户信息,6位编码兼顾安全性与易传播性

3. 轻量架构:无前端框架依赖,原生 JS 实现,部署简单,启动即用

4. 数据持久:SQLite 嵌入式数据库,无需额外数据库服务,数据可靠持久化

使用方式

npm install
node server.js

服务启动在 http://localhost:3000,打开浏览器即可开始记录你的笔记。

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。