当前位置： 首页 > article >正文

Django 项目模块化开发指南：实现 Vue 风格的组件化

article 2026/3/26 15:08:49

在 Django 项目中，我们经常需要 复用 HTML 代码，避免重复编写相同的模板。例如，博客系统中，博客列表页 和 文章详情页 可能都有相同的 导航栏、模态框、页脚 等。如何像 Vue 一样进行 模块化开发，让代码更加清晰、可维护呢？
本文将详细介绍 Django 的模板继承 和 {% include %} 组件化开发，帮助你构建更清晰的 Django 项目。

📌 1. Django 模板继承：实现全局布局

在 Vue 中，我们通常有一个 App.vue 作为全局布局，在其中嵌套各个组件。在 Django 里，我们可以用 base.html 作为主模板，让所有页面继承它，避免重复代码。

🔹 创建 base.html

<!-- templates/base.html -->
<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>{% block title %}我的博客{% endblock %}</title><link rel="stylesheet" href="{% static 'css/style.css' %}">
</head>
<body><header><h1>我的博客</h1></header><nav><ul><li><a href="{% url 'home' %}">首页</a></li><li><a href="{% url 'blog_list' %}"

相关文章：

Django 项目模块化开发指南：实现 Vue 风格的组件化

在 Django 项目中，我们经常需要 复用 HTML 代码，避免重复编写相同的模板。例如，博客系统中，博客列表页 和 文章详情页 可能都有相同的 导航栏、模态框、页脚 等。如何像 Vue 一样进行 模块化开发，让代码更加清晰、可维护呢？ 本文将详细介绍 Django 的模板继承 和 {% incl…...

编程日记 2026/1/26 2:43:20

unity pico开发 四 物体交互 抓取 交互层级

文章目录 手部设置物体交互物体抓取添加抓取抓取三种类型抓取点偏移抓取事件抓取时不让物体吸附到手部 射线抓取交互层级 手部设置 为手部&#xff08;LeftHandController&#xff09;添加XRDirInteractor脚本 并添加一个球形碰撞盒&#xff0c;勾选isTrigger,调整大小为0.1 …...

编程日记 2026/3/25 19:17:42

opencv 模板匹配方法汇总

在OpenCV中&#xff0c;模板匹配是一种在较大图像中查找特定模板图像位置的技术。OpenCV提供了多种模板匹配方法&#xff0c;通过cv2.matchTemplate函数实现&#xff0c;该函数支持的匹配方式主要有以下6种&#xff0c;下面详细介绍每种方法的原理、特点和适用场景。 1. cv2.T…...

编程日记 2026/3/25 18:55:22

【PromptCoder + Cursor】利用AI智能编辑器快速实现设计稿

【PromptCoder Cursor】利用AI智能编辑器快速实现设计稿 官网&#xff1a;PromptCoder 在现代前端开发中&#xff0c;将设计稿转化为可运行的代码是一项耗时的工作。然而&#xff0c;借助人工智能工具&#xff0c;这一过程可以变得更加高效和简单。本文将介绍如何结合 Promp…...

编程日记 2026/3/26 10:02:01

MySQL面试01

MySQL 索引的最左原则 &#x1f370; 最左原则本质 ͟͟͞͞( •̀д•́) 想象复合索引是电话号码簿&#xff01; 索引 (a,b,c) 的排列顺序&#xff1a; 先按a排序 → a相同按b排序 → 最后按c排序 生效场景三连&#xff1a; 1️⃣ WHERE a1 ✅ 2️⃣ WHERE a1 AND b2 ✅ 3️…...

编程日记 2026/3/25 16:06:56

webpack一篇

目录 一、构建工具 1.1简介 二、Webpack 2.1概念 2.2使用步骤 2.3配置文件&#xff08;webpack.config.js&#xff09; mode entry output loader plugin devtool 2.4开发服务器&#xff08;webpack-dev-server&#xff09; grunt/glup的对比 三、Vite 3.1概念 …...

编程日记 2026/3/25 4:29:54

健康饮食，健康早餐

营养早餐最好包含4大类食物&#xff1a;谷薯类&#xff1b;碳水&#xff1b;蛋白质&#xff1b;膳食纤维。 1.优质碳水 作用&#xff1a;提供持久的能量&#xff0c;避免血糖大幅波动等 例如&#xff1a;全麦面包、红薯&#x1f360;、玉米&#x1f33d;、土豆&#x1f954;、…...

编程日记 2026/3/25 4:52:57

常见的排序算法 【复习笔记】

注意&#xff1a; 1. 后面的排序算法实现都只考虑升序&#xff0c;对于逆序&#xff0c;只有知道原理&#xff0c;实现很容易 2. 案例题&#xff1a; 题目描述&#xff1a;将读入的 N 个数从小到大输出 ( 1 < N <10e5) 输入描述&#xff1a;第一行一个正整数 N 第二行…...

编程日记 2026/3/25 23:21:26

【经验分享】Ubuntu20.04 vmware虚拟机存储空间越来越小问题（已解决）

【经验分享】Ubuntu20.04 vmware虚拟机存储空间越来越小问题&#xff08;已解决&#xff09; 前言一、问题分析二、解决方案 前言 我们在使用虚拟机过程中&#xff0c;经常会碰到即使删除了一些文件&#xff0c;但是存储空间还是越来越小的问题。今天我们来解决下这个问题。 一…...

编程日记 2026/3/25 19:04:10

Jenkins-自动化部署-通知

场景 使用jenkins部署&#xff0c;但有时不能立马部署&#xff0c;需要先通知相关人员&#xff0c;再部署&#xff0c;如果确实不能部署&#xff0c;可以留时间撤销。 方案 1.开始前我们添加&#xff0c;真正开始执行的等待时间&#xff1b;可供选择&#xff08;Choice Param…...

编程日记 2026/3/26 0:04:20

Qt 文件操作+多线程+网络

文章目录 1. 文件操作1.1 API1.2 例子1&#xff0c;简单记事本1.3 例子2&#xff0c;输出文件的属性 2. Qt 多线程2.1 常用API2.2 例子1&#xff0c;自定义定时器 3. 线程安全3.1 互斥锁3.2 条件变量 4. 网络编程4.1 UDP Socket4.2 UDP Server4.3 UDP Client4.4 TCP Socket4.5 …...

编程日记 2026/3/24 19:06:32

《基于Hadoop的青岛市旅游景点游客行为分析系统设计与实现》开题报告

目录 一、选题依据 1.选题背景 2.国内外研究现状 &#xff08;1&#xff09;国内研究现状 &#xff08;2&#xff09;国外研究现状 3.发展趋势 4.应用价值 二、研究内容 1.学术构想与思路 2. 拟解决的关键问题 3. 拟采取的研究方法 4. 技术路线 (1)旅游前准备阶段 …...

编程日记 2026/3/25 14:26:23

pycharm debug卡住

pycharm debug时一直出现 collecting data, 然后点击下一行就卡住。 勾选 Gevent compatible解决 https://stackoverflow.com/questions/39371676/debugger-times-out-at-collecting-data...

编程日记 2026/3/25 10:03:37

MyBatis-Plus 元对象处理器 @TableField注解 反射动态赋值 实现字段自动填充

目录 &#x1f330; 举个直观例子 &#x1f6e0;️ 核心作用原理 &#x1f4dc; 代码级工作流程 &#x1f4dc; 完整代码 &#x1f50d; 关键概念拆解 ⚠️ 常见问题排查 &#x1f31f; 设计意义 &#x1f330; 举个直观例子 package work.dduo.ans.domain;import com.b…...

编程日记 2026/2/15 6:22:22

ISP 常见流程

1.sensor输出&#xff1a;一般为raw-OBpedestal。加pedestal避免减OB出现负值&#xff0c;同时保证信号超过ADC最小电压阈值&#xff0c;使信号落在ADC正常工作范围。 2. pedestal correction&#xff1a;移除sensor加的基底&#xff0c;确保后续处理信号起点正确。 3. Linea…...

编程日记 2026/3/25 16:16:59

Python Cookbook-2.27 从微软 Word 文档中抽取文本

任务 你想从 Windows 平台下某个目录树中的各个微软 Word 文件中抽取文本&#xff0c;并保存为对应的文本文件。 解决方案 借助 PyWin32 扩展&#xff0c;通过COM 机制&#xff0c;可以利用 Word 来完成转换: import fnmatch,os,sys&#xff0c;win32com.client wordapp w…...

编程日记 2026/3/19 20:38:48

java数据结构_Map和Set（一文理解哈希表）_9.3

目录 5. 哈希表 5.1 概念 5.2 冲突-概念 5.3 冲突-避免 5.4 冲突-避免-哈希函数的设计 5.5 冲突-避免-负载因子调节 5.6 冲突-解决 5.7 冲突-解决-闭散列 5.8 冲突-解决-开散列 / 哈希桶 5.9 冲突严重时的解决办法 5. 哈希表 5.1 概念 顺序结构以及平衡树中&#x…...

编程日记 2026/3/25 14:29:24

基于SpringBoot的“数据驱动的资产管理系统站”的设计与实现（源码+数据库+文档+PPT)

基于SpringBoot的“数据驱动的资产管理系统站”的设计与实现&#xff08;源码数据库文档PPT) 开发语言&#xff1a;Java 数据库&#xff1a;MySQL 技术&#xff1a;SpringBoot 工具&#xff1a;IDEA/Ecilpse、Navicat、Maven 系统展示 系统功能结构图 局部E-R图 系统登录界…...

编程日记 2026/3/24 21:28:05

excel 斜向拆分单元格

右键-合并单元格 右键-设置单元格格式-边框 在设置好分割线后&#xff0c;你可以开始输入文字。 需要注意的是&#xff0c;文字并不会自动分成上下两行。 为了达到你期望的效果&#xff0c;你可以通过 同过左对齐、上对齐 空格键或使用【AltEnter】组合键来调整单元格中内容的…...

编程日记 2026/3/24 11:08:40

深入理解推理语言模型（RLM）

大语言模型从通用走向推理&#xff0c;万字长文解析推理语言模型&#xff0c;建议收藏后食用。 本文基于苏黎世联邦理工学院的论文《Reasoning Language Models: A Blueprint》进行整理&#xff0c;你将会了解到&#xff1a; 1、RLM的演进与基础&#xff1a;RLM融合LLM的知识广…...

编程日记 2026/3/24 15:12:22

2025年具有百度特色的软件测试面试题

百度业务场景 如何测试一个高并发的搜索系统（如百度搜索）？如何测试一个在线地图服务（如百度地图）？如何测试一个大型推荐系统（如百度推荐）的性能？百度技术栈 你对百度的 PaddlePaddle 框架有了解吗？如何测试基于 PaddlePaddle 的服务？如何测试百度云的 API 服务？你对…...

编程日记 2026/3/23 13:53:07

HOW - 在Windows浏览器中模拟MacOS的滚动条

目录 一、原生 CSS 代码实现模拟 macOS 滚动条额外优化应用到某个特定容器 二、使用第三方工具/扩展 如果你想让 Windows 里的滚动条 模拟 macOS 的效果&#xff08;细窄、圆角、隐藏默认轨道&#xff09;。 可以使用以下几种方案&#xff1a; 一、原生 CSS 代码实现 模拟 m…...

编程日记 2026/3/21 16:10:38

Lua | 每日一练 (5)

&#x1f4a2;欢迎来到张胤尘的技术站 &#x1f4a5;技术如江河&#xff0c;汇聚众志成。代码似星辰&#xff0c;照亮行征程。开源精神长&#xff0c;传承永不忘。携手共前行&#xff0c;未来更辉煌&#x1f4a5; 文章目录 Lua | 每日一练 (5)题目参考答案浅拷贝深拷贝使用场景…...

编程日记 2026/3/25 0:05:34

C# Unity 唐老狮 No.5 模拟面试题

本文章不作任何商业用途 仅作学习与交流 安利唐老狮与其他老师合作的网站,内有大量免费资源和优质付费资源,我入门就是看唐老师的课程 打好坚实的基础非常非常重要: 全部 - 游习堂 - 唐老狮创立的游戏开发在线学习平台 - Powered By EduSoho 如果你发现了文章内特殊的字体格式,…...

编程日记 2026/3/25 12:59:36

云原生事件驱动架构：构建实时响应的数字化神经系统

引言&#xff1a;重塑企业实时决策能力 Uber实现事件驱动架构升级后&#xff0c;实时供需匹配延迟降至8ms&#xff0c;动态定价策略响应速度提升1200倍。Netflix通过事件流处理实现个性化推荐&#xff0c;用户点击率提高34%&#xff0c;事件处理吞吐量达2000万/秒。Confluent基…...

编程日记 2026/3/19 11:04:50

Metasploit multi/handler 模块高级选项解析

multi/handler 是 Metasploit 框架中至关重要的模块&#xff0c;主要用于监听目标机的连接并处理来自目标的反向 shell 或会话。它可以灵活地适应不同渗透测试场景&#xff0c;提供高度的自定义选项以优化监听器的行为。 在 Metasploit msf6 框架中&#xff0c;当使用 exploit…...

编程日记 2026/3/23 12:40:04

WPF高级 | WPF 应用程序部署与发布：确保顺利交付到用户手中

WPF高级 | WPF 应用程序部署与发布&#xff1a;确保顺利交付到用户手中 一、前言二、部署与发布基础概念2.1 部署的定义与目的2.2 发布的方式与渠道2.3 部署与发布的关键要素 三、WPF 应用程序打包3.1 使用 Visual Studio 自带的打包工具3.2 使用第三方打包工具 四、发布到不同…...

编程日记 2026/3/16 20:36:54

Spring MVC 程序开发（1）

目录 1、什么是 SpringMVC2、返回数据2.1、返回 JSON 对象2.2、请求转发2.3、请求重定向2.4、自定义返回的内容 1、什么是 SpringMVC 1、Tomcat 和 Servlet 分别是什么&#xff1f;有什么关系&#xff1f; Servlet 是 java 官方定义的 web 开发的标准规范&#xff1b;Tomcat 是…...

编程日记 2026/3/17 6:27:37

JavaWeb后端基础（6）

主键返回 例子&#xff1a; /** * 新增员工数据 */ Options(useGeneratedKeys true, keyProperty "id") Insert("insert into emp(username, name, gender, phone, job, salary, image, entry_date, dept_id, create_time, update_time) " "value…...

编程日记 2026/2/15 0:24:18

C# Unity 唐老狮 No.4 模拟面试题

本文章不作任何商业用途 仅作学习与交流 安利唐老狮与其他老师合作的网站,内有大量免费资源和优质付费资源,我入门就是看唐老师的课程 打好坚实的基础非常非常重要: 全部 - 游习堂 - 唐老狮创立的游戏开发在线学习平台 - Powered By EduSoho 如果你发现了文章内特殊的字体格式,…...

编程日记 2026/3/17 5:24:58