[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-OFLZqyxP":3,"public-project-articles-OFLZqyxP":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},1217,"OFLZqyxP",59,"01. Django+Vue3项目脚手架介绍","\n## 脚手架源码下载地址\n\n链接: [https:\u002F\u002Fpan.baidu.com\u002Fs\u002F1jYTOVRwM5aMEUAFXRHMX8w?pwd=tpbx](https:\u002F\u002Fpan.baidu.com\u002Fs\u002F1jYTOVRwM5aMEUAFXRHMX8w?pwd=tpbx) 提取码: tpbx \n\n## 软件\n\nPython3.13、MySQL8、Pycharm2024.1、NodeJS20+、Naticat16\n\n下载软件请前往公众号：**程序员青戈**，回复 **软件**\n\n## 技术栈\n\n后端：Django + Ninja（web 框架） + mysqlclient\n\n前端：Vue3 + ElementPlus + Axios\n\n数据库：MySQL\n\n## 运行脚手架\n\n### 解压脚手架的 zip\n\n\u003C!-- 这是一张图片，ocr 内容为：文件夹 2026\u002F2\u002F2 17:13 FREE SYSTEM ZIP文件 DJANGO+VUE3免费学习脚手架.ZIP 513 KB 2026\u002F2\u002F217:15 SQL文件 2026\u002F1\u002F1511:06 2KB FREE SYSTEM.SQL -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770086265618-e8bb4297-be60-4e95-9d9c-b7bc2aa2ec0f.png)\n\n### 导入 sql\n\n新建数据库  \n\n\u003C!-- 这是一张图片，ocr 内容为：新建数据库 常规 SQL预览 FREE SYSTEM 数据库名: UTF8MB4 字符集: UTF8MB4 排序规则: UNICODE 确定 取消 -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770086246066-57cbbd1e-7e2d-4260-aa66-6583aad3f4ae.png)\u003C!-- 这是一张图片，ocr 内容为：运行SQL 文件 常规 信息日志 服务器: LOCALHOST 3306 数据库: FREE SYSTEM D:项目实战项目脚手架免费学习脚手架\\DJONGO+VUE3免费学习脚手架)带敲\\FREESYSTEM.SQL 文件: 编码: 65001(UTF-8) 遇到错误时继续 在每个运行中运行多个查询 SET AUTOCOMMITO 关闭 开始 -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770086317239-ef72d267-e0f6-4c00-b37a-e873f5de057c.png)\n\n### 运行后端工程\n\n配置虚拟环境  .venv\n\n\u003C!-- 这是一张图片，ocr 内容为：SETTINGS PYTHON LNTERPRETER PROJECT:FREE SYSTEM APPEARANCE&BEHAVIOR PYTHON INTERPRETER: PYTHON3.13(DJANGO APP)D:\u002F项目实战\u002F项目即手架\u002F免费学习脚手架\u002FDJONGO+VUE3免 ADD IN TERPRETER KEYMAP ADD LOCAL INTERPRETER... GO TO THE REDESIGNED PACKAGING SUPPORT IN PYTHON PACKAGES TOOL WINDOW. EDITOR ON SSH... PLUGINS ON VAGRANT... VERSION CONTROL LATEST VERSION PACKAGE VERSION ON WSL... PROJECT:FREE SYSTEM 尘6.0.1 DJANGO 5.1.15 ON DOCKER... 0.7.0 ANNOTATED-TYPES PYTHON LNTERPRETER ON DOCKER COMPOSE... 3.11.0 3.11.0 ASGIREF PROJECT STRUCTURE 日 4.9.0 DJANGO-CORS-HEADERS 4.9.0 BUILD,EXECUTION,DEPLOYMENT 1.5.3 DJANGO-NINJA LANGUAGES&FRAMEWORKS 2.2.7 MYSQLIENT TOOLS 23.2.1 DID 2.12.5 2.12.5 SETTINGS SYNC PYDANTIC 2.41.5 PYDANTIC CORE ADVANCED SETTINGS 0.5.5 0.5.5 SQLPARSE 0.4.2 TYPING-INSPECTION 4.15.0 4.15.0 TYPING EXTENSIONS 2025.3 2025.3 TZDATA -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770086452862-1fae2b5d-bc7f-482d-b88c-baa284d12381.png)\n\n设置当前的目录为虚拟环境目录  \n\n\u003C!-- 这是一张图片，ocr 内容为：ADD PYTHON INTERPRETER VIRTUALENV ENVIRONMENT EXISTING ENVIRONMENT: NEW CONDA ENVIRONMENT DA项目实战项目脚手架\u002F免费学习脚手架)DJONGO+VUE3免费学习牌手架]带放LREE SYSTEMLDJANGO APPLVENY LOCATION: SYSTEM INTERPRETER BASE INTERPRETER: PIPENV ENVIRONMENT PYTHON 3.13 C:\u002F\u002FUSERS\u002FADMINISTRATOR\u002FAPPDATA\u002FLOCAL\u002FPROGRAMS\u002FPYTHON\u002FPYTHON313\u002FPYTHON.EXE POETRY ENVIRONMENT INHERIT GLOBAL SITE-PACKAGES -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770086508970-be2b3635-6699-4744-9a93-480f0f743b6c.png)\n\n\n\n配置 pip\n\n\u003C!-- 这是一张图片，ocr 内容为：系统变量(S) 值 变量 %PROGRAMFILES%\\WINDOWSPOWERSHELI\u002FMODULES;C:\\WINDOWS(SYST... PSMODULEPATH PYTHON HOME D:\\SOFT\\PYTHON313 C:WINDOWSTEMP TEMP TMP C:\\WINDOWSITEMP USERNAME SYSTEM C:WINDOWS WINDIR ZES ENABLE SYSMAN 1 新建(W) 删除(D) 编辑() -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770086646928-5d919d77-5086-4bf9-8fb8-412065ac08d7.png)\n\n配置 path\u003C!-- 这是一张图片，ocr 内容为：M FILES\\DOCKER\\DOCKER\\RESOURCES\\BIN C:\\PROGRAM %PYTHON HOME%\\SCRIPTS -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770086666303-703641b1-4794-4682-9310-16c1c70fe56f.png)\n\n\n\nCMD 验证  pip\n\npip -V\n\n\u003C!-- 这是一张图片，ocr 内容为：C:\\USERS\\ADMINISTRATOR>PIP -L IP-V PIP 24.2 FROM D:\\SOFT\\PYTHON313\\LIB\\SITE-PACKAGES\\PIP (PYTHON 3.13) -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770086699420-1a6593b5-fc71-4c20-b7d7-dbbdb91024a7.png)\n\n\n\n%AppData%  配置 镜像  新建 pip 文件夹  里面放入 pip.ini\n\n```plain\n[global]\nindex-url = https:\u002F\u002Fpypi.tuna.tsinghua.edu.cn\u002Fsimple\n```\n\n\n\n安装依赖\n\n```plain\npip install -r .\\django_app\\requirements.txt\n```\n\n\n\n## 注意配置数据库。在  django_app core 包的 settings.py 里配置\n\n\u003C!-- 这是一张图片，ocr 内容为：数据库配置 # 子 DATABASES 'DEFAULT':{ 'ENGINE': 'DJANGO.DB.BACKENDS.MYSQL', 'NAME': 'FREE_SYSTEM' [必配]数据库名称 #  'USER': 'ROOT', [必配]数据库密码 'PASSWORD': '123456', 'HOST': '127.0.0.1', 'PORT': '3306', -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770090076348-0d5bdd0b-5305-4fa6-b252-fbe86c2852f6.png)\n\n### 运行前端 Vue\n\n设置 npm 镜像 **必须配置**\n\n```vue\nnpm config set registry https:\u002F\u002Fregistry.npmmirror.com\u002F\n```\n\n\n\nnpm install \n\n\n\n启动前端\n\n\u003C!-- 这是一张图片，ocr 内容为：\"NAME\": \"VUE\", 2 3 \"0.0.0\"\", 'VERSION TRUE, 4 \"PRIVATE\" 5 \"SCRIPTS\": { : \"VITE\", DEV\": \"BUILD\": \"VITE BUILD\", 7 \"PREVIEW\": \"VITE PREVIEW\" 子, \"DEPENDENCIES\": { 10 \"@ELEMENT-PLUS\u002FICONS-VUE\" 11 -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1770087447192-b4322981-8427-4381-a569-a382b6f42230.png)\n\n\n\n打开  [http:\u002F\u002Flocalhost:5173\u002F](http:\u002F\u002Flocalhost:5173\u002F)\n\n## 脚手架内容\n\n数据库：包含管理员 admin 的数据库 sql 脚本\n\n后端：\n\n+ **核心业务 ：**包含 admin 模块的基本增、删、改、查接口，可以实现对 admin 表的基本操作；实现管理员的登录、个人信息维护、修改密码 等接口；\n+ **文件系统：** 包含 文件上传和文件下载 接口，可以上传文件并通过接口返回的 url 链接下载文件\n+ **安全防护**： 内置 CORS 跨域全解方案，支持前后端分离部署； 全局异常拦截机制\n+ **工程化规范**：统一封装返回结果，让接口返回数据更优雅\n\n前端：\n\n+ 基于 **Vue3** 响应式框架，采用 Element-Plus 构建高颜值、易操作的管理界面  \n+ 提供管理员管理页面，内置检索、分页与增删改查交互； 提供严谨的登录校验流程、密码修改保护，以及实时的个人信息维护功能  \n+ 封装统一的 axios 请求工具，内置全局请求\u002F响应拦截，自动处理 **BaseURL** 动态配置  \n+ Vite 构建：基于 **Vite** 开发的，速度更快，更现代化。 \n\n\n\n## 它可以帮你做什么\n\n### 1. 跨越“从 0 到 1”的基建大坑\n\n很多同学毕设做不完，是因为卡在了配数据库、跨域错误、接口 404、500 这种基本的逻辑上。\n\n+ **它能做什么**：为你提供一个 **“开箱即用”**的后端（Django Ninja）和前端（Vue3 + Element-Plus）框架。\n+ **毕设价值**：让你把精力集中在你的“业务创新”上（比如某种算法应用、特定的管理逻辑），而不是在基础配置上浪费两周时间。\n\n### 2. 展示“工程化”的专业素养\n\n导师翻开你的代码，看到的不是乱七八糟的脚本，而是有规有矩的工程。\n\n+ **它能做什么**：\n  - **统一响应体**：所有接口返回格式一致（Result 封装）。\n  - **规范化目录**：前后端解耦，目录层次分明（core\u002Fapi\u002Ffiles）。\n+ **毕设价值**：体现了你具备**商业级项目**的开发意识，代码评分直接拉高一个档次。\n\n### 3. 自动生成的“可视化”接口文档\n\n这是毕设展示时的“杀手锏”。\n\n+ **它能做什么**：利用 Django Ninja 自动生成 **Swagger UI**。\n+ **毕设价值**：答辩演示时，直接打开浏览器展示 Swagger 界面，给老师演示接口如何调用、数据如何校验。这比你翻 PPT 讲代码有力得多。\n\n### 4. 稳健的文件资源管理系统\n\n毕设里几乎离不开“传头像”、“存图片”。\n\n+ **它能做什么**：内置了完整的**文件存储、流式下载与访问防坑逻辑**。\n+ **毕设价值**：证明你考虑到了服务器静态资源的安全与存储问题，而不仅仅是在本地硬盘随便放张图。\n\n### 5. 高性能的异步技术栈\n\n+ **它能做什么**：选用了 **Django Ninja**。\n+ **毕设价值**：在论文的技术选型章节，你可以大写特写：“本项目摒弃了传统的同步阻塞框架，选用了基于 **Python Type Hints** 的异步 API 框架，大幅提升了系统的并发处理能力和开发效率。”这听起来就很“高级”。\n\n\n\n","coding",1,424,2372,"2026-02-03 12:19:19","2026-05-03 22:49:02","基于Django+Vue3的免费项目脚手架","free-project-scaffolding",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,21],{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":22,"uuid":23,"project_id":6,"title":24,"type":9,"status":10,"public_enabled":10,"views":25,"sort":26,"created_at":27,"updated_at":14,"project_title":15,"project_slug":16},1218,"oEDhokSf","02. 脚手架基本的开发流程",100,2375,"2026-02-03 12:18:47"]