Django學習第二天

啟動項目命令

python manage.py runserver

動態獲取當前時間

javascript實現數據動態更新代碼

    <script>setInterval(function() {var currentTimeElement = document.getElementById('current-time');var currentTime = new Date();currentTimeElement.textContent = 'Current time: ' +currentTime.getFullYear() + '-' +(currentTime.getMonth() + 1) + '-' +currentTime.getDate() + ' ' + currentTime.getHours() + ':'+ currentTime.getMinutes() + ':' + currentTime.getSeconds();}, 1000); // Update every second</script>

實現數據添加功能

實現數據刪除功能

創建django項目命令，在需要生成項目的文件夾中打開終端運行

django-admin startproject mysite

數據庫啟動

mysql -u root -p

生成app命令

 python manage.py startapp app01

注冊app

orm建成數據庫表（外鍵），性別約束

?自己創建數據庫

啟動mysql服務

mysql -u root -p

自帶工具創建數據庫

create database t_day1 DEFAULT CHARSET utf8 COLLATE utf8_general_ci

修改setting.py文件里面數據庫的內容

DATABASES = {'default': {'ENGINE': 'django.db.backends.mysql','NAME':'dbname','USER': 'root','PASSWORD': 'xxx','HOST': '','PORT': '',}
}

django命令生成數據庫表

python manage.py makemigrations
python manage.py migrate

查看數據庫表

表結構創建成功

靜態文件和模板文件（jQuery以及bootstrap有需要的可以私信）

部門管理

先體驗

后續：Django中提供Form和ModelForm組件（方便)

使用bootstrap表格樣式

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.5/css/bootstrap.css' %}"><style>.navbar{border-radius: 0;}</style>
</head>
<body>
<nav class="navbar navbar-default"><div class="container-fluid"><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="#">聯通用戶管理系統</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li><a href="#">Link</a></li></ul><ul class="nav navbar-nav navbar-right"><li><a href="#">Link</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></div>
</nav>
<script src="/static/js/jquery-3.7.1.min.js"></script>
<script src="/static/plugins/bootstrap-3.3.5/js/bootstrap.js"></script>
</body>
</html>

構建按鈕樣式

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.5/css/bootstrap.css' %}"><style>.navbar{border-radius: 0;}</style>
</head>
<body>
<nav class="navbar navbar-default"><div class="container"><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="#">聯通用戶管理系統</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li><a href="/depart/list/">部門管理</a></li><li><a href="#">Link</a></li></ul><ul class="nav navbar-nav navbar-right"><li><a href="#">登錄</a></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"aria-expanded="false">張三 <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#">個人資料</a></li><li><a href="#">我的信息</a></li><li role="separator" class="divider"></li><li><a href="#">注銷</a></li></ul></li></ul></div></div>
</nav><div><div class="container"><div style="margin-bottom: 10px"><a class="btn btn-success" href="#"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>新建部門</a></div><div class="panel panel-default"><!-- Default panel contents --><div class="panel-heading"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>部門列表</div><!-- Table --><table class="table table-bordered"><thead><tr><th>ID</th><th>名稱</th><th>操作</th></tr></thead><tbody><tr><th>1</th><td>銷售部</td><td><a class="btn btn-primary btn-xs">編輯</a><a class="btn btn-danger btn-xs">刪除</a></td></tr></tbody></table></div></div>
</div>
<script src="/static/js/jquery-3.7.1.min.js"></script>
<script src="/static/plugins/bootstrap-3.3.5/js/bootstrap.js"></script>
</body>
</html>

讀取數據庫數據顯示在頁面上

target="_blank"表示可以在新建頁面打開

表格數據新建部門增加面板

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.5/css/bootstrap.css' %}"><style>.navbar{border-radius: 0;}</style>
</head>
<body>
<nav class="navbar navbar-default"><div class="container"><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="#">聯通用戶管理系統</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li><a href="/depart/list/">部門管理</a></li><li><a href="#">Link</a></li></ul><ul class="nav navbar-nav navbar-right"><li><a href="#">登錄</a></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"aria-expanded="false">張三 <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#">個人資料</a></li><li><a href="#">我的信息</a></li><li role="separator" class="divider"></li><li><a href="#">注銷</a></li></ul></li></ul></div></div>
</nav><div><div class="container"><div style="margin-bottom: 10px"><a class="btn btn-success" href="/depart/add/" target="_blank"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>新建部門</a></div><div class="panel panel-default"><!-- Default panel contents --><div class="panel-heading"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>部門列表</div><!-- Table --><table class="table table-bordered"><thead><tr><th>ID</th><th>名稱</th><th>操作</th></tr></thead><tbody>{% for obj in queryset %}<tr><th>{{ obj.id }}</th><td>{{ obj.title }}</td><td><a class="btn btn-primary btn-xs">編輯</a><a class="btn btn-danger btn-xs">刪除</a></td></tr>{% endfor %}</tbody></table></div></div>
</div>
<script src="/static/js/jquery-3.7.1.min.js"></script>
<script src="/static/plugins/bootstrap-3.3.5/js/bootstrap.js"></script>
</body>
</html>

bootstrap中文網全局 CSS 樣式 · Bootstrap v3 中文文檔 | Bootstrap 中文網 (bootcss.com)中也可以使用這樣的方式去拿組件

必須要加{% csrf_token %}

表格數據刪除部門

第二種傳參方式

實現部門數據修改操作

使用模板，占位符

模板代碼

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.5/css/bootstrap.css' %}"><style>.navbar{border-radius: 0;}</style>
</head>
<body>
<nav class="navbar navbar-default"><div class="container"><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="#">聯通用戶管理系統</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li><a href="/depart/list/">部門管理</a></li><li><a href="#">Link</a></li></ul><ul class="nav navbar-nav navbar-right"><li><a href="#">登錄</a></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"aria-expanded="false">張三 <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#">個人資料</a></li><li><a href="#">我的信息</a></li><li role="separator" class="divider"></li><li><a href="#">注銷</a></li></ul></li></ul></div></div>
</nav><div>{% block content %}{% endblock %}
</div>
<script src="/static/js/jquery-3.7.1.min.js"></script>
<script src="/static/plugins/bootstrap-3.3.5/js/bootstrap.js"></script>
</body>
</html>

繼承模板

{% extends 'layout.html' %}{% block content %}<div class="container"><div class="panel panel-default"><div class="panel-heading"><h3 class="panel-title">新建部門</h3></div><div class="panel-body"><form method="post">{% csrf_token %}<div class="form-group"><label>標題</label><input type="text" class="form-control" placeholder="標題" name="title"></div><button type="submit" class="btn btn-primary">提 交</button></form></div></div></div>
{% endblock %}

可以嵌套多個

用戶管理

查看數據庫命令

show databases; use t_day2; show tables; desc app01_userinfo;

+-------------+---------------+------+-----+---------+----------------+
| Field ? ? ? | Type ? ? ? ? ?| Null | Key | Default | Extra ? ? ? ? ?|
+-------------+---------------+------+-----+---------+----------------+
| id ? ? ? ? ?| bigint ? ? ? ?| NO ? | PRI | NULL ? ?| auto_increment |
| name ? ? ? ?| varchar(16) ? | NO ? | ? ? | NULL ? ?| ? ? ? ? ? ? ? ?|
| password ? ?| varchar(64) ? | NO ? | ? ? | NULL ? ?| ? ? ? ? ? ? ? ?|
| age ? ? ? ? | int ? ? ? ? ? | NO ? | ? ? | NULL ? ?| ? ? ? ? ? ? ? ?|
| account ? ? | decimal(10,2) | NO ? | ? ? | NULL ? ?| ? ? ? ? ? ? ? ?|
| create_time | datetime(6) ? | NO ? | ? ? | NULL ? ?| ? ? ? ? ? ? ? ?|
| gender ? ? ?| smallint ? ? ?| NO ? | ? ? | NULL ? ?| ? ? ? ? ? ? ? ?|
| depart_id ? | bigint ? ? ? ?| NO ? | MUL | NULL ? ?| ? ? ? ? ? ? ? ?|
+-------------+---------------+------+-----+---------+----------------+

datetime轉字符串數據類型

取字段對應的值

怎么根據外鍵取到對應的值的方法

Django頁面展示

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/web/38653.shtml
繁體地址，請注明出處：http://hk.pswp.cn/web/38653.shtml
英文地址，請注明出處：http://en.pswp.cn/web/38653.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

經典的卷積神經網絡模型 - ResNet

經典的卷積神經網絡模型 - ResNet

經典的卷積神經網絡模型 - ResNet flyfish 2015年&#xff0c;何愷明&#xff08;Kaiming He&#xff09;等人在論文《Deep Residual Learning for Image Recognition》中提出了ResNet&#xff08;Residual Network&#xff0c;殘差網絡&#xff09;。在當時&#xff0c;隨著…
閱讀更多...
【List】判斷集合相等、集合拷貝

【List】判斷集合相等、集合拷貝

【List】判斷集合相等、集合拷貝 【一】判斷集合是否相等【1】☆使用list中的containAll【2】使用for循環遍歷contains方法【3】將list先排序再轉為String進行比較【4】使用list.retainAll()方法【5】使用MD5加密方式【6】轉換為Java8中的新特性steam流再進行排序來進行比較 【…
閱讀更多...
AI數字人直播源碼出售價格公布!

AI數字人直播源碼出售價格公布!

隨著數字人行業的興起&#xff0c;以數字人直播為代表的應用場景逐漸成為人們日常生活中不可分割的一部分&#xff0c;再加上艾媒研究數據顯示&#xff0c;超五成以上的被調查群體的企業使用過虛擬人技術&#xff0c;超三成被調查群體的企業計劃使用虛擬人技術等結論的公布&…
閱讀更多...
python-圖像模糊處理（賽氪OJ）

python-圖像模糊處理（賽氪OJ）

[題目描述] 給定 n 行 m 列的圖像各像素點的灰度值&#xff0c;要求用如下方法對其進行模糊化處理&#xff1a; 1. 四周最外側的像素點灰度值不變。 2. 中間各像素點新灰度值為該像素點及其上下左右相鄰四個像素點原灰度值的平均&#xff08;四舍五入&#xff09;輸入&#xff…
閱讀更多...
【C語言】inline 關鍵字

【C語言】inline 關鍵字

在C語言中&#xff0c;inline關鍵字用于建議編譯器對函數進行內聯展開&#xff0c;而不是像普通函數一樣調用。內聯函數的目的是減少函數調用的開銷&#xff0c;特別是對于簡單的、頻繁調用的函數。 內聯函數的定義和使用 定義內聯函數 要定義一個內聯函數&#xff0c;需要在…
閱讀更多...
《代號鳶》國服，能否推動國乙市場重新洗牌？

《代號鳶》國服，能否推動國乙市場重新洗牌？

靈犀互娛《如鳶》順利拿到版號&#xff0c;再次攪渾了國乙市場這潭水。 六月份游戲版號審批公布后&#xff0c;靈犀互娛運營的《如鳶》引起了關注&#xff0c;這個與《代號鳶》原名《三國志如鳶》雷同的名字&#xff0c;竟然讓《代號鳶》玩家大面積破防了。 其實目前關于《如…
閱讀更多...
for循環中list觸發fast-fail或不觸發的原理和方法

for循環中list觸發fast-fail或不觸發的原理和方法

Iterable和Iterator Iterator接口位于的位置是java.util.Iterator&#xff0c;它主要有兩個抽象方法供子類實現。hasNext()用來判斷還有沒有數據可供訪問&#xff0c;next()用來訪問下一個數據。 集合Collection不是直接去實現Iterator接口&#xff0c;而是去實現Iterable接口…
閱讀更多...
【Python】字典練習

【Python】字典練習

python期考練習 目錄 1. 首都名?編輯 2. 摩斯電碼 3. 登錄 4. 學生的姓名和年齡?編輯 5. 電商 6. 學生基本信息 7. 字母數 1. 首都名 初始字典 (可復制) : d{"China":"Beijing","America":"Washington","Norway":…
閱讀更多...
HCM智能人力資源系統存在命令執行漏洞Getshell

HCM智能人力資源系統存在命令執行漏洞Getshell

0x01 閱讀須知 技術文章僅供參考&#xff0c;此文所提供的信息只為網絡安全人員對自己所負責的網站、服務器等&#xff08;包括但不限于&#xff09;進行檢測或維護參考&#xff0c;未經授權請勿利用文章中的技術資料對任何計算機系統進行入侵操作。利用此文所提供的信息而造成…
閱讀更多...
防爆對講終端是什么？在哪些行業中應用廣泛？

防爆對講終端是什么？在哪些行業中應用廣泛？

防爆對講終端是一種特殊設計的通信設備&#xff0c;它具備防爆性能和可靠的通信功能&#xff0c;確保在存在爆炸性氣體或粉塵的危險環境中使用時不會引發爆炸或火災等危險情況。這種設備通過特殊的設計和防護措施&#xff0c;如采用防爆材料、防靜電、絕緣、阻燃材料等&#xf…
閱讀更多...
ABAQUS軟件天津正版代理商億達四方：創新技術，驅動產業升級

ABAQUS軟件天津正版代理商億達四方：創新技術，驅動產業升級

在環渤海經濟圈的核心地帶——天津&#xff0c;隨著智能制造與高新技術產業的蓬勃發展&#xff0c;對高端仿真軟件的需求日益增長。億達四方&#xff0c;作為ABAQUS在天津的官方正版代理商&#xff0c;憑借其深厚的行業經驗和卓越的服務體系&#xff0c;正為這片熱土上的科研機…
閱讀更多...
2024年度濰坊市職業技能大賽——網絡搭建（網絡與信息安全管理員）職業技能競賽樣題

2024年度濰坊市職業技能大賽——網絡搭建（網絡與信息安全管理員）職業技能競賽樣題

2024年度濰坊市職業技能大賽 ——網絡搭建&#xff08;網絡與信息安全管理員&#xff09;職業技能競賽樣題 網絡搭建職業技能競賽組委會 2024年6月 一、項目簡介 &#xff08;一&#xff09;競賽須知 1.技能操作比賽時間150分鐘&#xff0c;你需要合理分配時間。 2.如果沒…
閱讀更多...
Hive常用的內置函數

Hive常用的內置函數

文章目錄 聚合類1.指定列值的數目2.指定列值求和3.最大值4.最小值5.平均值6.中位數函數7.分位數函數 數值類1.取整函數Round(a)2.指定精度取整ROUND(double a,int b)3.向上取整FLOOR()4.向下取整CEIL()5.隨機數 rand()6.絕對值函數 日期類獲取當前日期獲取當前時間戳日期前后日…
閱讀更多...
C++：枚舉類的使用案例及場景

C++：枚舉類的使用案例及場景

一、使用案例 在C中&#xff0c;枚舉類&#xff08;也稱為枚舉類型或enum class&#xff09;是C11及以后版本中引入的一種更加強大的枚舉類型。與傳統的枚舉&#xff08;enum&#xff09;相比&#xff0c;枚舉類提供了更好的類型安全性和作用域控制。下面是一個使用枚舉類的案…
閱讀更多...
（linux系統服務）Linux下yum源配置實戰

（linux系統服務）Linux下yum源配置實戰

一、Linux下軟件包的管理 1、軟件安裝方式 ① RPM包管理&#xff08;需要單獨解決依賴問題&#xff09; ② YUM包管理&#xff08;需要有網絡及YUM倉庫的支持&#xff0c;會自動從互聯網下載軟件&#xff0c;自動解決依賴&#xff09; ③ 源碼安裝&#xff08;安裝過程比較…
閱讀更多...
總體設計在軟件設計中的意義

總體設計在軟件設計中的意義

總體設計&#xff08;High-Level Design, HLD&#xff09;是軟件開發生命周期中的一個關鍵階段&#xff0c;旨在從宏觀層面定義系統的結構和主要組件。總體設計的目標是為詳細設計和實現提供一個清晰的框架和藍圖。 總體設計的意義 明確系統架構&#xff1a;總體設計幫助開發…
閱讀更多...
基于Java的外賣點餐系統設計與實現

基于Java的外賣點餐系統設計與實現

作者介紹&#xff1a;計算機專業研究生&#xff0c;現企業打工人&#xff0c;從事Java全棧開發 主要內容&#xff1a;技術學習筆記、Java實戰項目、項目問題解決記錄、AI、簡歷模板、簡歷指導、技術交流、論文交流&#xff08;SCI論文兩篇&#xff09; 上點關注下點贊 生活越過…
閱讀更多...
深?理解 JVM 底層原理、垃圾回收機制，能通過mat、jstat進行JVM參數調優

深?理解 JVM 底層原理、垃圾回收機制，能通過mat、jstat進行JVM參數調優

深入理解JVM&#xff08;Java虛擬機&#xff09;底層原理和垃圾回收機制是Java開發者和系統管理員的重要技能&#xff0c;尤其是在性能調優方面。下面是一些關鍵點&#xff0c;幫助你更好地理解這些概念&#xff1a; ### JVM 底層原理 1. **類加載機制**&#xff1a;JVM如何加…
閱讀更多...
java+mysql教師管理系統

java+mysql教師管理系統

完整源碼地址 教師信息管理系統使用命令行交互的方式及數據庫連接實現教師信息管理系統&#xff0c;該系統旨在實現教師信息的管理&#xff0c;并根據需要進行教師信息展示。該軟件的功能有如下功能 (1)基本信息管理(教師號、姓名、性別、出生年月、職稱、學歷、學位、教師類型…
閱讀更多...
25西安電子科技大學研究生政策（最新）

25西安電子科技大學研究生政策（最新）

25西安電子科技大學研究生政策&#xff08;最新&#xff09; 01全國研究生報名情況 全國研究生報名人數438萬&#xff0c;首次下降超36萬人。 02西電研究生全日制/非全日制報名情況 西電碩士研究生報考錄取情況&#xff08;包含全日制、非全日制&#xff09;&#xff0c;2024年…
閱讀更多...
最新文章

Copyright @ 2022~2023