# 使用 Vue 3 + Element Plus 从头开始写一个数据库网站 - 01 - 项目介绍

# 项目背景

阿尔兹海默症(Alzheimer’s disease)是一种影响记忆和认知功能的神经退行性疾病,随着全球老龄化的加剧,其发病率逐年上升。为了支持科学研究与公众教育,开发一个专门的数据库网站显得尤为重要。本项目的目标是创建一个关于阿尔兹海默症相关生物标志物的数据库,具体目标包括:

  • 数据收集:汇集有关阿尔兹海默症的各类生物标志物数据,包括其来源、相关文献和研究成果。
  • 数据存储:通过高效的数据库管理系统,将这些数据有序存储,确保数据的完整性和安全性。
  • 数据展示:设计友好的用户界面,便于用户浏览和查询生物标志物数据。
  • 简单分析功能:为用户提供基本的数据分析工具,帮助研究人员与公众深入理解阿尔兹海默症的生物标志物特征。

目标用户群体包括医学研究人员、学生、医疗工作者以及对阿尔兹海默症感兴趣的公众。预期的应用场景涵盖学术研究、教育教学、临床应用及公众健康宣传等多个领域,使得该平台能够在不同层面上发挥作用。

# 技术栈

在这个项目中,我们将使用以下技术栈:

  • 前端:Vue 3 + Element Plus

    • Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架,由国人尤雨溪开发。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。更多信息可以查看官网
    • Element Plus 是一个基于 Vue 3 的 UI 组件库,由饿了么(就是送外卖那个饿了么)的前端团队开发。其提供了丰富的预设组件和样式,帮助开发者快速搭建美观且用户友好的界面。使用现成的组件可以显著减少开发时间,同时确保应用的一致性和可用性。更多信息可以查看官网
  • 后端:Node.js + Express

    • Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,允许我们使用 JavaScript 进行后端开发。它的异步特性使得处理大量并发请求变得简单高效,非常适合数据驱动的应用。
    • Express 是一个简洁而灵活的 Node.js Web 应用框架,提供了一系列强大的功能,能够快速搭建 API,使得前后端的交互更加顺畅。
  • 数据库:MySQL

    • MySQL 是一个开源的关系型数据库管理系统,广泛应用于各种场景。它的结构化数据存储和强大的查询能力非常适合用于管理和查询生物标志物数据。同时,MySQL 的社区支持丰富,文档完善,有助于我们解决开发过程中遇到的问题。
  • 包管理工具:pnpm

    • pnpm 是一个高效的 JavaScript 包管理工具,能够通过硬链接的方式来节省磁盘空间,并提高依赖安装的速度。使用 pnpm 可以帮助我们更好地管理项目的依赖关系,避免版本冲突,并保持项目的整洁性。
  • 开发工具:VS Code

    • Visual Studio Code (VS Code) 是一个功能强大的代码编辑器,拥有丰富的插件支持,能够提高开发效率。它的调试功能、智能感知、代码高亮等特性,使得编写和调试代码变得更加便捷。通过配置一些常用插件(如 Prettier、ESLint),我们可以进一步提升代码质量和可维护性。