02 django管理系统 - base.html模板的搭建
下面，我们正式开始XX市第X医院员工信息管理系统的开发
首先，我们项目的目录结构如下：
然后，先把模板【base.html】界面的框架搭起来
{% load static %}<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>模板页面</title><!--引入路径"app01/static/plugin/bootstrap-3.4.1-dist/css/"下的bootstrap.min.css--><link rel="stylesheet" href="{% static '/plugin/bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">{% block css %}{% endblock %}
</head>
<body><div>{% block content %}{% endblock %}</div>
<!--引入路径"app01/static/plugin/other_js/"下的jquery-3.6.0.min.js-->
<script src="{% static '/plugin/other_js/jquery-3.6.0.min.js' %}"></script>
<!--引入路径"app01/static/plugin/bootstrap-3.4.1-dist/js/"下的bootstrap.min.js-->
<script src="{% static '/plugin/bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>{% block js %}{% endblock %}</body>
</html>然后从bootstrap官网上，找个导航栏，直接拿过来改改，放在body里
<nav class="navbar navbar-default"><div class="container-fluid"><!-- Brand and toggle get grouped for better mobile display --><div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse"data-target="#bs-example-navbar-collapse-1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">XX市第X人民医院</a></div><!-- Collect the nav links, forms, and other content for toggling --><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li class="active"><a href="#">部门管理</a></li></ul><ul class="nav navbar-nav navbar-right"><li><a href="#">登录</a></li><li><a href="#">注册</a></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"aria-expanded="false">Dropdown <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else here</a></li><li role="separator" class="divider"></li><li><a href="#">Separated link</a></li></ul></li></ul></div><!-- /.navbar-collapse --></div><!-- /.container-fluid -->
</nav>完整代码如下：
{% load static %}<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>模板页面</title><!--引入路径"app01/static/plugin/bootstrap-3.4.1-dist/css/"下的bootstrap.min.css--><link rel="stylesheet" href="{% static '/plugin/bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">{% block css %}{% endblock %}
</head>
<body><nav class="navbar navbar-default"><div class="container-fluid"><!-- Brand and toggle get grouped for better mobile display --><div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse"data-target="#bs-example-navbar-collapse-1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#">XX市第X人民医院</a></div><!-- Collect the nav links, forms, and other content for toggling --><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li class="active"><a href="#">部门管理</a></li></ul><ul class="nav navbar-nav navbar-right"><li><a href="#">登录</a></li><li><a href="#">注册</a></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"aria-expanded="false">Dropdown <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else here</a></li><li role="separator" class="divider"></li><li><a href="#">Separated link</a></li></ul></li></ul></div><!-- /.navbar-collapse --></div><!-- /.container-fluid -->
</nav><div>{% block content %}{% endblock %}</div>
<!--引入路径"app01/static/plugin/other_js/"下的jquery-3.6.0.min.js-->
<script src="{% static '/plugin/other_js/jquery-3.6.0.min.js' %}"></script>
<!--引入路径"app01/static/plugin/bootstrap-3.4.1-dist/js/"下的bootstrap.min.js-->
<script src="{% static '/plugin/bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>{% block js %}{% endblock %}</body>
</html>效果如下：
后面涉及到其他功能，我们只需要在导航栏上新增即可。
相关文章：
02 django管理系统 - base.html模板的搭建
下面，我们正式开始XX市第X医院员工信息管理系统的开发 首先，我们项目的目录结构如下： 然后，先把模板【base.html】界面的框架搭起来 {% load static %}<!DOCTYPE html> <html lang"en"><head><m…...
ES6语法有哪些
ES6语法包括let和const声明、箭头函数、模板字符串、解构赋值、扩展运算符、类和模块化等。以下是这些特性的具体介绍： let和const声明 let声明：let允许程序员在块级作用域内声明变量，这意味着变量只在其定义的代码块（由大括号包围…...
每天一个数据分析题（五百零四）- 抽取样本
下列哪种方法，会重复抽取训练数据集中的数据，且每笔被抽中的概率始终保持一样？ A. 袋装法（Bagging） B. 提升法（Boosting） C. 支持向量机（SVM） D. 以上皆是 数据分析…...
SAP动态安全库存（Dynamic Safety stock）配置及计算逻辑说明测试
SAP动态安全库存（Dynamic Safety stock）配置及计算逻辑说明测试 概念及计算逻辑： 动态安全库存（Dynamic Safety stock）： 它根据平均的日需求（Average daily requirements）数量&am…...
什么是TDZ？在JavaScript当中怎么避免？
简介 TDZ 是 Temporal Dead Zone（暂时性死区）的缩写，是 JavaScript 中 let 和 const 变量的一个概念。在 ES6 中，let 和 const 引入了块级作用域（block scope），而它们声明的变量在声明之前的作…...
电阻分压电路：【图文讲解】
在电子电路中，电阻同样发挥着重要作用，同时也是一个最基本的元器件，电阻在电路中可以起到限流、分流、分压、发热的作用。 本节，我们重点来聊聊电阻的分压电路。如下图，是一个经典的电阻分压电路。 1：电路…...
【AI论文精读14】RAG论文综述2（微软亚研院 2409）P6(完)-隐含推理查询L4
AI知识点总结：【AI知识点】 AI论文精读、项目、思考：【AI修炼之路】 P1，P2，P3，P4，P5 六、隐藏推理查询（L4） ps：P2有四种查询（L1，L2，L3…...
FFmpeg的简单使用【Windows】--- 视频倒叙播放
实现功能 点击【选择文件】按钮可以选择视频，当点击【开始处理】按钮之后，会先将视频上传到服务器，然后开始进行视频倒叙播放的处理，当视频处理完毕之后会将输出的文件路径返回，同时在页面中将处理好的视频展示出来。…...
5分钟了解docker的Swarm机制
Swarm框架概述 1.1 Swarm的基本概念 在容器化技术的浪潮中，Docker无疑是最为耀眼的明星之一。而作为Docker生态系统中的重要组成部分，Swarm框架则扮演着至关重要的角色。Swarm，顾名思义，就是“群”的意思，它是一个开…...
python实现ppt转pdf
要实现将PPT文件转换为PDF文件，可以使用Python中的python-pptx库来读取PPT文件，并使用reportlab库来生成PDF。又或者，你也可以使用其他库如pypdf和pypptx等进行处理。 以下是一个使用unoconv工具以及Python的示例，可以将PPT转换为…...
VS2017 编译 SQLite3 动态库
首先官方下载源码： Tags sqlite/sqlite (github.com) 1.安装 VS2017 community edition 2.打开VS2017命令行工具 3.安装TCL 开发库，推荐 TCL 9.0 先下载源码： Tcl/Tk 9.0 使用vs2017编译tcl&...
Linux运维_Apache更改默认网站目录
1.首先创建目录 并且在目录下新建测试文件 index.html mkdir -p /home/test/ap_web 直接wget 百度官网 wget www.baidu.com 2.编辑配置文件 /etc/apache2/sites-available/000-default.conf(找到 DocumentRoot)更改为刚刚创建的目录 接着在添加 最终文件: 3.给文件 添加属…...
QT QString学习笔记
1.操作字符串 1.提供双元运算符 “” QString str1"cccc"; str1 str1 "ddddd"; qDebug()<<str1; qDebug()<<qPrintable(str1); 2.提供操作符 append() QString str1 "Good"; QString str2 "bye"; str1.append(str2); …...
4.stm32 GPIO输入
按键简介 按键：常见的输入设备，按下导通，松手断开 按键抖动：由于按键内部使用的是机械式弹簧片来进行通断的，所以在按下和松手的瞬间会伴随有一连串的抖动 传感器模块简介 传感器模块：传感器元件&#…...
GPT系列
GPT（Generative Pre-Training）： 训练过程分两步：无监督预训练有监督微调 模型结构是decoder-only的12层transformer 1、预训练过程，窗口为k，根据前k-1个token预测第k个token，训练样本包括700…...
Chromium 前端window对象c++实现定义
前端中window.document window.alert()等一些列方法和对象在c对应定义如下： 1、window对象接口定义文件window.idl third_party\blink\renderer\core\frame\window.idl // https://html.spec.whatwg.org/C/#the-window-object// FIXME: explain all uses of [Cros…...
【力扣算法题】每天一道，健康生活
2024年10月8日 参考github网站：代码随想录 1.二分查找 leetcode 视频 class Solution { public:int search(vector<int>& nums, int target) {int left 0;int right nums.size()-1;while(left<right){int middle (leftright)/2;if(nums[middle] …...
Android Camera系列（四）：TextureView+OpenGL ES+Camera
别人贪婪时我恐惧，别人恐惧时我贪婪 Android Camera系列（一）：SurfaceViewCamera Android Camera系列（二）：TextureViewCamera Android Camera系列（三）：GLSur…...
03 django管理系统 - 部门管理 - 部门列表
部门管理 首先我们需要在models里定义Dept类 # 创建部门表 class Dept(models.Model):name models.CharField(max_length100)head models.CharField(max_length100)phone models.CharField(max_length15)email models.EmailField()address models.CharField(max_length2…...
L1 Sklearn 衍生概念辨析 - 回归/分类/聚类/降维
背景 前文中我们提到： Scikit-Learn 库的算法主要有四类：分类、回归、聚类、降维： 回归：线性回归、决策树回归、SVM回归、KNN 回归；集成回归：随机森林、Adaboost、GradientBoosting、Bagging、ExtraTrees。…...
线程同步：确保多线程程序的安全与高效！
全文目录： 开篇语前序前言第一部分：线程同步的概念与问题1.1 线程同步的概念1.2 线程同步的问题1.3 线程同步的解决方案 第二部分：synchronized关键字的使用2.1 使用 synchronized修饰方法2.2 使用 synchronized修饰代码块 第三部分ÿ…...
鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院查看报告小程序
一、开发环境准备 工具安装： 下载安装DevEco Studio 4.0（支持HarmonyOS 5）配置HarmonyOS SDK 5.0确保Node.js版本≥14 项目初始化： ohpm init harmony/hospital-report-app 二、核心功能模块实现 1. 报告列表…...
uniapp微信小程序视频实时流+pc端预览方案
方案类型技术实现是否免费优点缺点适用场景延迟范围开发复杂度WebSocket图片帧定时拍照Base64传输✅ 完全免费无需服务器 纯前端实现高延迟高流量 帧率极低个人demo测试 超低频监控500ms-2s⭐⭐RTMP推流TRTC/即构SDK推流❌ 付费方案 （部分有免费额度&#x…...
成都鼎讯硬核科技！雷达目标与干扰模拟器，以卓越性能制胜电磁频谱战
在现代战争中，电磁频谱已成为继陆、海、空、天之后的 “第五维战场”，雷达作为电磁频谱领域的关键装备，其干扰与抗干扰能力的较量，直接影响着战争的胜负走向。由成都鼎讯科技匠心打造的雷达目标与干扰模拟器，凭借数字射…...
JVM暂停（Stop-The-World，STW）的原因分类及对应排查方案
JVM暂停（Stop-The-World，STW）的完整原因分类及对应排查方案，结合JVM运行机制和常见故障场景整理而成： 一、GC相关暂停 1. 安全点（Safepoint）阻塞 现象：JVM暂停但无GC日志，日志显示No GCs detected。原因：JVM等待所有线程进入安全点（如…...
鸿蒙DevEco Studio HarmonyOS 5跑酷小游戏实现指南
1. 项目概述 本跑酷小游戏基于鸿蒙HarmonyOS 5开发，使用DevEco Studio作为开发工具，采用Java语言实现，包含角色控制、障碍物生成和分数计算系统。 2. 项目结构 /src/main/java/com/example/runner/├── MainAbilitySlice.java // 主界…...
LangChain知识库管理后端接口：数据库操作详解—— 构建本地知识库系统的基础《二》
这段 Python 代码是一个完整的 知识库数据库操作模块，用于对本地知识库系统中的知识库进行增删改查（CRUD）操作。它基于 SQLAlchemy ORM 框架 和一个自定义的装饰器 with_session 实现数据库会话管理。 📘 一、整体功能概述 该模块…...
基于PHP的连锁酒店管理系统
有需要请加文章底部Q哦 可远程调试 基于PHP的连锁酒店管理系统 一 介绍 连锁酒店管理系统基于原生PHP开发，数据库mysql，前端bootstrap。系统角色分为用户和管理员。 技术栈 phpmysqlbootstrapphpstudyvscode 二 功能 用户 1 注册/登录/注销 2 个人中…...
Chromium 136 编译指南 Windows篇：depot_tools 配置与源码获取（二）
引言 工欲善其事，必先利其器。在完成了 Visual Studio 2022 和 Windows SDK 的安装后，我们即将接触到 Chromium 开发生态中最核心的工具——depot_tools。这个由 Google 精心打造的工具集，就像是连接开发者与 Chromium 庞大代码库的智能桥梁…...
Python实现简单音频数据压缩与解压算法
Python实现简单音频数据压缩与解压算法 引言 在音频数据处理中，压缩算法是降低存储成本和传输效率的关键技术。Python作为一门灵活且功能强大的编程语言，提供了丰富的库和工具来实现音频数据的压缩与解压。本文将通过一个简单的音频数据压缩与解压算法…...