Flask+Vue构建图书管理系统及Echarts组件的使用

教程视频链接从零开始Flask+Vue前后端分离图书管理系统

后端

项目下载地址

其中venv为该项目的虚拟环境，已安装所有依赖

使用方法：

1. 在pycharm终端中flask create一下（因为写了一个自定义命令的代码），初始化books数据库并在该数据库中初始化一张表
2. 在终端python flask或者点击运行按钮，就可以启动后端

前端

项目下载地址

使用方法

1. 在vscode 或者 webstrom 的终端 npm run dev，将前端启动起来，刷新页面，可以看到从后端拉取的图书数据
   Vue Echarts部分仅为测试展示，没有任何逻辑及与后端的通讯，Echarts组件的代码几乎全靠deepseek搞定
   前端效果如下：
   

不同命令构建Vue项目的区别

打开node.js提供的command prompt，然后尝试用不同的命令构建vue项目
百度deepseek提示词 ：npm create vue@latest指令和npm create vite@latest指令有什么区别？

构建工具不同

npm create vue@latest：底层使用 ‌Vue CLI‌（官方脚手架），基于 Webpack 构建工具，适合需要完整配置和生态集成的场景‌13。

npm create vite@latest：使用 ‌Vite‌（现代化构建工具），基于原生 ES 模块（ESM），提供更快的冷启动和热更新速度‌16，在termial启动项目是需要：

   npm install
   npm run dev

百度deepseek提示词 ：npm create vue@latest与npm create multi-pages-vue的区别指令有什么区别？