Logo
Section 1 / 4

你将学到的内容

快速了解本课程。

导入

你将学到的内容

快速了解本课程。

在开始本课程之前,我们强烈建议您先学习 从 React 到 Python - 第一部分,因为实现本项目需要理解 Transcrypt 的工作原理以及相关代码片段之间的协作方式。熟悉这些内容后,您可以根据自身需求对代码进行修改。

本课程简介

本课程旨在实现一个个人图书管理系统,用于存储书籍目录。

...
图书管理系统截图

这是一个单页应用,具备以下功能:

  • 前端(使用 React)
    • 编辑页面
    • 查看页面
    • 用户会话管理
  • 后端(使用 Flask)
    • 通过基于 Flask 的 REST 服务访问的 SQLite 数据库

随着应用不断扩展,该项目不可避免地需要进行大量代码重构以保持结构清晰。我们将尽量减少重构工作量,避免造成混淆。每一章结束后,都会提供一个可运行的应用程序,包含截至目前为止所添加的所有功能。

除了进一步深入学习 React 和 Material UI 外,我们还将引入几个其他 JavaScript 库,帮助您构建功能丰富的应用程序。

登录时,请使用用户名 admin 和密码 123。这是完整功能应用的最终效果:

本应用将使用以下工具和技术:

  • 后端
    • Python 3.9 及以上版本
    • Flask
    • Flask Login
    • Transcrypt 3.9.0
    • SQLite 数据库
  • 前端
    • Node.js(npm)
    • React
    • ReactDOM
    • react-modal
    • React-ga
    • Material UI
    • Snackbar(Notistack)

应用结构