# notebook_tcm **Repository Path**: weilaidb/notebook_tcm ## Basic Information - **Project Name**: notebook_tcm - **Description**: tcm-notebook (TCM = Traditional Chinese Medicine,中医记事本) - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-06-27 - **Last Updated**: 2025-06-27 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 中医记事本 - TCM Notebook 一个基于Vue3的现代化记事本应用,专门为中医知识记录而设计,支持文字、图片、语音等多种内容类型。 ## 功能特性 ### 📝 多类型笔记 - **文字笔记**: 支持富文本编辑,适合记录详细的中医理论 - **图片笔记**: 上传图片,适合保存中药图片、舌诊图等 - **语音笔记**: 录音功能,适合快速记录诊疗思路 ### 🏷️ 智能分类 - 中医知识 - 中药方剂 - 诊断方法 - 治疗方法 - 个人笔记 ### 💾 数据持久化 - 本地存储,数据安全可靠 - 自动保存,无需担心数据丢失 ### 🎨 现代化界面 - 响应式设计,支持桌面和移动端 - 美观的卡片式布局 - 流畅的交互动画 ## 技术栈 - **Vue 3** - 渐进式JavaScript框架 - **Vite** - 快速构建工具 - **Pinia** - 状态管理 - **Vue Router** - 路由管理 - **Element Plus** - UI组件库 - **Sass** - CSS预处理器 ## 快速开始 ### 安装依赖 ```bash npm install ``` ### 启动开发服务器 ```bash npm run dev ``` ### 构建生产版本 ```bash npm run build ``` ## 使用指南 ### 创建笔记 1. 点击右上角的"新建笔记"按钮 2. 选择笔记类型(文字、图片、语音) 3. 填写标题和选择分类 4. 根据类型添加相应内容 5. 点击保存 ### 管理笔记 - **查看**: 点击笔记卡片查看详情 - **编辑**: 点击笔记卡片进入编辑模式 - **删除**: 点击笔记卡片右上角的删除按钮 - **分类**: 使用左侧分类栏筛选笔记 ### 语音录制 1. 选择"语音"类型 2. 点击"开始录音"按钮 3. 允许浏览器访问麦克风 4. 录制完成后点击"停止录音" 5. 可以播放预览录音效果 ## 项目结构 ``` notebook_tcm/ ├── src/ │ ├── components/ # 组件目录 │ ├── views/ # 页面组件 │ │ └── Notebook.vue # 主记事本页面 │ ├── stores/ # 状态管理 │ │ └── notebook.js # 记事本状态 │ ├── router/ # 路由配置 │ │ └── index.js │ ├── App.vue # 根组件 │ └── main.js # 入口文件 ├── public/ # 静态资源 ├── index.html # HTML模板 ├── package.json # 项目配置 ├── vite.config.js # Vite配置 └── README.md # 项目说明 ``` ## 浏览器兼容性 - Chrome 60+ - Firefox 55+ - Safari 12+ - Edge 79+ ## 许可证 MIT License ## 贡献 欢迎提交Issue和Pull Request来改进这个项目! #### 介绍 tcm-notebook (TCM = Traditional Chinese Medicine,中医记事本) #### 软件架构 软件架构说明 #### 安装教程 1. xxxx 2. xxxx 3. xxxx #### 使用说明 1. xxxx 2. xxxx 3. xxxx #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request #### 特技 1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md 2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com) 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目 4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目 5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) 6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)