Django学习第二天

最新推荐文章于 2024-07-09 16:27:29 发布
最新推荐文章于 2024-07-09 16:27:29 发布
阅读量678 收藏 9
点赞数 21
文章标签： django 学习 python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43580271/article/details/140125394
版权

启动项目命令

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页面展示

木觞清
关注
  • 21
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
django 进阶第二天 生鲜超市学习 model
qq_40604197的博客
07-06 314
1.创建项目 选择Project Interpreter 时选择你创建的虚拟环境 取消默认使用的Enable Django admin 2.项目初始化 使用pycharm的终端下载相关依赖 django2.0.2 djangorestframework和相关依赖mark,filter pillow 图片处理 pip install djangorestframework pip in...
Django 7天教学大纲1
08-08
**第二天：请求与回应、HTML表单** - **请求(HttpRequest)与回应(HttpResponse)**：理解Django中处理HTTP请求的机制，编写处理函数，设置URL映射，熟悉HttpRequest对象和QueryDict，以及如何使用HttpResponse对象...
django学习第二天
qq_29863607的博客
10-09 180
创建django项目(pycharm)
Django学习第六天
qq_43580271的博客
07-06 574
使用Ajax传入数据实现表单编辑，删除，修改功能。编辑页面拿到数据库数据显示默认数据功能实现。想要去数据库中获取数据时：对象/字典。使用jquery修改模态框标题。出现图表加载不出来的问题。导入echarts图表。js实现列表数据删除。
Django 学习第二天——URL路由及模板渲染方式
weixin_30439031的博客
02-20 87
URL 的概念及格式： 　　URL的引入：客户端：知道了url 就可以去进行访问； 　　服务端：设置好了url，别人才能访问到我 　　URL ：网址（全球统一资源定位符）；由 协议，域名(ip port) ，路径，参数，锚点等组成 django路由系统： 　　当一个请求到来时： 　　　　1、首先到项目目录下的urls.py（URLconf 根路径配置模块），查找路由规则； ...
Django第二天学习记录
单核CPU的小朋友的博客
12-14 471
由于在request中get和post都是通过GET和POST属性进行保存的，那么通过输出request中的GET和POST属性能够发现，输出的GET和POST信息都是字典信息。那么在这种情况下，我们能够发现，如果需要对用户的GET和POST请求进行分析，这是一个QueryDict的字典格式的数据，和正常的字典数据类型还不太相同。如果需要和模板层进行数据层面上的交互，那么可以尝试在页面中通过{{变量名}}进行对变量的定义，然后在视图层中对模板层的数据进行动态更新。从客户端的请求中获取相关的信息。
Django学习——第二天（使用模版）
最新发布
weixin_47694735的博客
07-09 162
模版的使用 2.构造方法 3.创建模版
Django学习第二天学习笔记-模板语法
11-21 246
判断语句 {% if %} {% else %}  #可省略 {% endif  %} 举例如下： {% if user.age < 18%} 未成年 {% else %} 成年 {% endif %} 其中{% else %}不是必须的，可以直接写成下面的这样 {% if user.age < 18%} 未成年 {% endif %} 在模板语法中没有｛%
Django学习第一天记录
单核CPU的小朋友的博客
12-12 528
通过打开的命令，可以发现，在倒数第三行，有一行提醒，当前的Django版本号为3.2.16，且当前使用的配置文件为Demo1.settings，因此后续对django项目的配置文件的设置可以通过对Demo1.settings的修改作为对目标Demo的配置的修改。并提供了django的一些轻量化演示站点和社区的反馈渠道。那么局域网中其他主机对当前服务进行访问的时候，http请求中的host值将会和allowed_host中的白名单的值相对应，局域网中的其他主机也就能访问当前机器开放的django服务了。
django框架学习第二天--创建项目
oliver3455的博客
08-20 82
1. 在学习之前，先学习一个vim的小技巧，就是如何永久显示行号。 这个时候就需要我们设置配置文件，两种配置方式 /etc/vimrc 是系统范围的初始化配置 ～/.vimrc 个人的vim初始化配置 我们这里设置的是个人配置，直接在终端输入 vim ~/.vimrc ，然后我们就可以进入配置文件 我们在配置文件输入set number 或者 set nu 就可以了 输入完成之后，按退出，然后敲命令 :wq ，保存并退出 2. 创新项目 命令 ： django...
第二天学习内容打包，亲测有效
02-09
【标题】：“第二天学习内容打包，亲测有效” 在标题中，“第二天学习内容打包”意味着这是一个关于连续学习过程的一部分，具体来说是第二天的学习材料。它表明这个压缩包可能包含了一系列教程或课程的第二个阶段，...
py代码-python第二天
07-16
在“py代码-python第二天”的学习中，我们将深入探讨Python编程语言的基本概念和核心特性。Python是一种高级、解释型、交互式和面向对象的脚本语言，因其简洁明了的语法和强大的功能而受到广大程序员的喜爱。 `main...
Python视频7天学习笔记
08-30
【Python视频7天学习笔记】是一份详细的个人学习历程，主要涵盖了初学者在一周内学习Python编程语言的主要知识点。这份笔记可能包含了从基础语法到实际应用的全面内容，旨在帮助作者自己回顾和巩固所学知识。尽管...
Alex-Python 8 天学习课件.zip
07-21
"Alex-Python 8 天学习课件.zip"是一个压缩包，其中包含了某位名为Alex的人在8天内学习Python的全部课程资料。这个资源很可能是一个详细的教程，旨在帮助初学者快速掌握Python编程语言的基础和进阶知识。通过在B站...
python一百天学习笔记
12-26
1. **基础语法**：这是Python学习的第一步，包括变量定义、数据类型（如整型、浮点型、字符串、布尔型、列表、元组、字典和集合）、运算符、流程控制（如if-else语句、for循环、while循环）、函数定义和调用、模块...
django-registration：适用于Django的可扩展用户注册应用程序
02-05
对于初学者来说，这是一个很好的学习Django用户管理的起点；对于有经验的开发者，它则提供了一个高效、可定制的解决方案。在实际开发中，结合Django的其他优秀库，如Django REST framework进行API开发，或者使用...
Python-100-Days.zip
05-13
13. **Web开发**：介绍 Flask 或 Django 框架，学习如何构建Web应用。 14. **自动化脚本**：编写实用的shell脚本，例如系统管理、文件处理等。 15. **测试和调试**：学习单元测试、集成测试，使用pdb进行调试。 ...
21天学通python[含PPT源码]
10-25
7. **文件操作**：学习读写文件，包括文本文件和二进制文件，以及文件的打开、关闭、读取、写入、追加等操作。 8. **函数式编程**：理解函数式编程的概念，如高阶函数、map、filter、reduce等，以及闭包和装饰器的...
Django框架入门学习指南
**第十二章：部署DJANGO** * 如何部署Django项目 * 部署Django项目的注意事项 * 部署Django项目的最佳实践 **第十三章：输出非HTML内容** * 如何输出非HTML内容 * 输出非HTML内容的类型 * 输出非HTML内容的应用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值