SpringBoot+Vue构建读书笔记共享平台实战

1. 项目概述

读书笔记共享平台是一个基于SpringBoot+Vue+MySQL技术栈构建的在线学习工具，旨在解决学生群体在知识管理过程中遇到的三大痛点：笔记分散难整理、优质资源难共享、学习交流缺平台。我在开发过程中发现，传统笔记方式（如纸质笔记本或本地文档）存在检索困难、无法多端同步等问题，而现有云笔记工具又缺乏针对学生群体的社交化学习功能。

这个平台最核心的价值在于实现了"记录-整理-分享-互动"的完整闭环。学生可以：

• 使用Markdown或富文本编辑器高效记录笔记
• 通过分类标签和全文检索快速定位内容
• 将优质笔记公开分享给同专业/同课程的同学
• 在笔记下方开展学术讨论和知识点补充

2. 技术架构解析

2.1 前后端分离设计

采用前后端分离架构是经过多方验证的合理选择：

• 前端：Vue 2.x + ElementUI

  • 选择Vue而非React/Angular的原因：更平缓的学习曲线适合学生开发者，配套的ElementUI组件库能快速搭建管理后台
  • 实测发现：使用Vue CLI 4.x脚手架初始化项目，配合axios处理HTTP请求，开发效率比传统jQuery方式提升40%以上

• 后端：SpringBoot 2.7 + MyBatis-Plus

  • 技术选型考量：SpringBoot的自动配置特性大幅简化了SSM框架的整合过程
  • 关键配置示例：

    yaml复制# application.yml片段
    spring:
      datasource:
        url: jdbc:mysql://localhost:3306/note_platform?useSSL=false
        username: root
        password: 123456
        driver-class-name: com.mysql.cj.jdbc.Driver
    mybatis-plus:
      mapper-locations: classpath:mapper/*.xml
    

2.2 数据库设计优化

用户表(user)的密码安全方案

sql复制CREATE TABLE `user