前端+数据库+djago入门(Djago部分)

已于 2024-03-19 20:28:29 修改
阅读量2.1k 收藏 42
点赞数 21
分类专栏： django 文章标签： django
于 2024-02-01 18:55:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/brucezhou2/article/details/135980240
版权

django的安装

在pycharm中安装即可

创建django项目

django项目会有一些默认的文件和文件夹

1. 在终端创建

（不测试了）

2. 在Pycharm中创建项目（不能是社区版pycharm）

新建项目，选型django项目

默认项目文件的介绍

 3. APP

 

在Pycharm中创建app

使用pycharm中的terminal

 创建新app01后的各文件功能

运行django

激活App01

1. 在django的项目文件夹中，打开setting.py文件，找到下图所示位置：

2.在App01文件夹中，打开 apps.py文件，找到Class的名称：(本示例)App01Config

3. 如上图所示，在列表最后加上'app01.apps.App01Config'

编写URL和视图函数对应关系 [urls.py]

编写URL和视图函数对应关系

1. 在项目文件urls.py中编写对应关系，

2. from app01 import views

这是从app01中，导入views文件（函数编写在该文件中）

3. path('index/', views.index),

这里是在对应url和函数。如果访问www.xxx.com/url,就会执行后面对应的函数（views.index）

启动django 
命令行启动

在pycharm的命令框中

python manage.py runserver

Pycharm 启动

点击程序的运行按钮

url与返回页面的逻辑

1. 先在url.py中写url地址

2.  在views.py写对应关系

 模板和静态文件

加载模板的方式，参照图片中的 def user_list(request)

 加载图片的方式

1. 在app目录下创建static文件夹

2. 用static方法引入css和js的方法

模板语法

本质上：在HTML中写一些占位符，由数据对这些占位符进行替换和处理

case: 建tpl网页，及内容，并访问views中的列表
 访问字典中的内容

 列表里面套字典，访问的方式

请求和响应

 

重定向的返回方式

是Django将网页返回给浏览器，浏览器自己访问web页面。不是Django访问了web页面再返回给浏览器

案例 用户登录

urls.py

from django.urls import path
from app01 import views

urlpatterns = [
   

    # 用户登录
    path('login/', views.login),


]

views.py 

def login(request):
    if request.method == "GET":
        return render(request, "login.html")
    else:
        print(request.POST)
        return HttpResponse("登录成功")

login.html

<body>
    <h1>用户登录</h1>
<form method = "post" action="/login/">

    {%  csrf_token %}
    <input type="text" name="user" placeholder="用户名">
    <input type="password" name="pwd" placeholder="密码" >
    <input type= "submit" value="提交"/>
</form>

</body>
修改成登录跳转新页面，登录失败重新输入账号密码

views.py

def login(request):
    if request.method == "GET":
        return render(request, "login.html")
    
    else:
    #     print(request.POST)
        username = request.POST.get("user")
        password = request.POST.get("pwd")

        if username == "host" and password == "123":
            # return HttpResponse("登录成功")
            return redirect("https://www.chinaunicom.com.cn/")
        
        else:
            # return HttpResponse("登录失败")
            return render(request, 'login.html', {"error_msg": "用户名或密码错误"})
 login.html
<body>
    <h1>用户登录</h1>
<form method = "post" action="/login/">

    {%  csrf_token %}
    <input type="text" name="user" placeholder="用户名">
    <input type="password" name="pwd" placeholder="密码" >
    <input type= "submit" value="提交"/>
    <span style="color: red">{{ error_msg }}</span>
</form>

</body>

数据库操作

Django开发操作数据库更简单,内部提供了ORM框架

安装第三方模块

mysqlclient

ORM

ORM可以帮助我们做两件事:

  • 创建/修改/删除数据库中的表(无法创建数据库)
  • 操作表中的数据
Django连接数据库

修改settings.py文件

增加如下内容： 

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME':'bruce01',
        'USER': 'root',
        'PASSWORD': '',
        'HOST': '127.0.0.1',
        'PORT': 3306,
    }
}
Django操作表
  • 创建表
  • 删除表
  • 修改表

修改models.py文件

class UserInfo(models.Model):
    name = models.CharField(max_length=20)
    password = models.CharField(max_length=20)
    age = models.IntegerField() 

在服务器中项目根目录下执行命令(注册APP)

python manage.py makemigrations
python manage.py migrate 

 

查看Mysql数据库

再写一张表

在服务器中项目根目录下再次执行命令(注册APP)

python manage.py makemigrations
python manage.py migrate 

删除表的某一行

这是userinfo的原表

注释掉不想要的行

class UserInfo(models.Model):
    name = models.CharField(max_length=20)
    password = models.CharField(max_length=20)
    # age = models.IntegerField()

在服务器中项目根目录下再次执行命令(注册APP)

python manage.py makemigrations
python manage.py migrate 

添加列

修改表的话,如果原表中存有数据,此时如果增加一个新的列,需要设定一个默认值 

再次执行下面命令，会出现选择，1是提供一个预设值，2是手动输入一个默认值

python manage.py makemigrations

下图是手动输入默认值（选择2，回车后会退出，再写入下面的默认值）

之后再运行下面代码，就会将新的列插入进来

python manage.py migrate 

允许为空

class UserInfo(models.Model):
    name = models.CharField(max_length=20)
    password = models.CharField(max_length=20)
    age = models.IntegerField()
    # 新增列
    size = models.IntegerField(default=2)
    # 允许为空
    data = models.IntegerField(null=True, blank=True)
操作表中的数据

新增一行数据

class UserInfo(models.Model):
    name = models.CharField(max_length=20)
    password = models.CharField(max_length=20)
    age = models.IntegerField(default=2)
    
class Department(models.Model):
    title = models.CharField(max_length=16)


# 新建数据
# 本质：insert into app01_department(title)values()
Department.objects.create(title="销售部")


UserInfo.objects.create(name="bruce",password="123",age="18")
在Django建url访问操作数据表

新增url（编辑urls.py文件）

from django.urls import path
from app01 import views

urlpatterns = [
    # path('admin/', admin.site.urls),
    # path('index_app/', views.index_app),
    # path('user_list/', views.user_list),
    # path('tpl/', views.tpl),
    # path('something/', views.something),
    # path('login/', views.login),
    path('orm/', views.orm),
]

编辑views.py

from app01.models import Department


def orm(request):
    # 新建数据
    Department.objects.create(title="123")


    return HttpResponse("成功")

models.py文件如下：

 网页运行结果如下： 

 删除数据(还是在views.py文件中)

def orm(request):
    # 新建数据
    Department.objects.create(title="123")

    #删除数据
    Department.objects.filter(id=2).delete()
    # 全部删除
    Department.objects.all().delete()
    return HttpResponse("成功")

显示数据

最下方会显示表中的行，此时是一个对象，不能显示行的全部内容

用循环查询，就能看到对象中的值 

def orm(request):
    # 新建数据
    Department.objects.create(title="123")

    # 删除数据
    # Department.objects.filter(id=2).delete()
    # 全部删除
    # Department.objects.all().delete()
    # 获取数据
    data_list = Department.objects.all()
    print(data_list)
    for obj in data_list:
        print(obj.title)

    return HttpResponse("成功")

 更新数据，

from app01.models import Department


def orm(request):
    # 新建数据
    # Department.objects.create(title="123")

    # 删除数据
    # Department.objects.filter(id=2).delete()
    # 全部删除
    # Department.objects.all().delete()
    # 获取数据
    # data_list = Department.objects.all()
    # print(data_list)
    # for obj in data_list:
    #     print(obj.title)
    # 更新数据
    Department.objects.all().update(title="新世界")
    return HttpResponse("成功")

单独更新某个数值的方式，'name'是列索引

UserInfo.objects.filter(name="bruce").update(age=18)
 

项目报错：运行django项目文件，非py文件即可解决 

案例：用户管理

1. 展示用户列表
  • url
  • 函数

- 获取所有用户信息

- HTML渲染

网页自动获取数据库表格内容

views.py文件内容

from django.shortcuts import render, HttpResponse, redirect



from app01.models import UserInfo
def info_list(request):
    # 1.获取数据库中所有的用户信息
    data_list = UserInfo.objects.all()
    print(data_list)
    # for item in data_list:
    #     item.id =
    return render(request, "info_list.html",{"data_list":data_list})

user_info.html 

<body>
<h1>INFO列表</h1>
<table >
    <thead>
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>密码</th>
            <th>年龄</th>
        </tr>
    </thead>
    <tbody>
    {%  for obj in data_list %}
        <tr>
            <td>{{ obj.id }}</td>
            <td>{{ obj.name }}</td>
            <td>{{ obj.password }}</td>
            <td>{{ obj.age }}</td>

        </tr>
    {% endfor %}
    </tbody>
</table>
</body>
</html>

urls.py 

urlpatterns = [
   
    path('Info/list/', views.info_list),
]
2. 添加用户

view.py

from django.shortcuts import render, HttpResponse, redirect






from app01.models import UserInfo
def info_list(request):
    # 1.获取数据库中所有的用户信息
    data_list = UserInfo.objects.all()
    print(data_list)

    return render(request, "info_list.html",{"data_list":data_list})


def info_add(request):
    if request.method == "GET":
        return render(request,'info_add.html')

    # 获取用户提交的数据
    user = request.POST.get("user")
    pwd = request.POST.get("password")
    age = request.POST.get("age")

    # 添加到数据库
    UserInfo.objects.create(name=user, password=pwd, age=age)

    return HttpResponse("添加成功")

新建 info_add.html

<body>
<h1>添加用户</h1>
<form method="post" action="/info/add/">
    {% csrf_token %}
    <input type="text" name="user" placeholder="用户名">
    <input type="text" name="password" placeholder="密码">
    <input type="text" name="age" placeholder="年龄">
    <input type="submit" value="提交">
</form>

</body>
</html>

urls.py

urlpatterns = [
    
    path('Info/list/', views.info_list),
    path('Info/add/', views.info_add),

]

上面的程序可能在url的大小写上有问题，下面的版本测试正常

在info_list界面，加上一个“添加“按钮，当点击添加按钮时，跳转到info_add界面，可添加新用户

views.py

rom django.shortcuts import render, HttpResponse, redirect

from app01.models import UserInfo
def info_list(request):
    # 1.获取数据库中所有的用户信息
    data_list = UserInfo.objects.all()
    print(data_list)

    return render(request, "info_list.html", {"data_list": data_list})


def info_add(request):
    if request.method == "GET":
        return render(request, 'info_add.html')

    # 获取用户提交的数据
    user = request.POST.get("user")
    pwd = request.POST.get("password")
    age = request.POST.get("age")

    # 添加到数据库
    UserInfo.objects.create(name=user, password=pwd, age=age)

    return HttpResponse("添加成功")

info_add.html

<body>
<h1>添加用户</h1>
<form method="post" action="/Info/add/">
    {% csrf_token %}
    <input type="text" name="user" placeholder="用户名">
    <input type="text" name="password" placeholder="密码">
    <input type="text" name="age" placeholder="年龄">
    <input type="submit" value="提交">
</form>

</body>
</html>

info_list.html

<h1>INFO列表</h1>
{#添加一个”添加“按钮，点击时跳转到添加用户界面#}
<a href="http://127.0.0.1:8000/Info/add/">添加</a>

<table >
    <thead>
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>密码</th>
            <th>年龄</th>
        </tr>
    </thead>
    <tbody>
    {%  for obj in data_list %}
        <tr>
            <td>{{ obj.id }}</td>
            <td>{{ obj.name }}</td>
            <td>{{ obj.password }}</td>
            <td>{{ obj.age }}</td>

        </tr>
    {% endfor %}
    </tbody>
</table>
</body>

urls.py

from django.urls import path
from app01 import views

urlpatterns = [
    
    path('Info/list/', views.info_list),
    path('Info/add/', views.info_add),

]
删除用户

urls.py

urlpatterns = [

    path('Info/list/', views.info_list),
    path('Info/add/', views.info_add),
    path('Info/delete/', views.info_delete),

]

views.py

from django.shortcuts import render, HttpResponse, redirect

from app01.models import UserInfo
def info_list(request):
    # 1.获取数据库中所有的用户信息
    data_list = UserInfo.objects.all()
    print(data_list)

    return render(request, "info_list.html", {"data_list": data_list})


def info_add(request):
    if request.method == "GET":
        return render(request, 'info_add.html')

    # 获取用户提交的数据
    user = request.POST.get("user")
    pwd = request.POST.get("password")
    age = request.POST.get("age")

    # 添加到数据库
    UserInfo.objects.create(name=user, password=pwd, age=age)

    return HttpResponse("添加成功")


def info_delete(request):
    nid = request.GET.get("nid")
    UserInfo.objects.filter(id=nid).delete()
    return HttpResponse("删除成功")

在网页中输入下面地址，nid=X（X表示删除的id值）

自动删除行数据（通过增加一列删除按钮）

 urls.py

urlpatterns = [

    path('Info/list/', views.info_list),
    path('Info/add/', views.info_add),
    path('Info/delete/', views.info_delete),

]

info_list.html

<body>
<h1>INFO列表</h1>
{#添加一个”添加“按钮，点击时跳转到添加用户界面#}
<a href="http://127.0.0.1:8000/Info/add/">添加</a>

<table >
    <thead>
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>密码</th>
            <th>年龄</th>
{#            增加一列操作栏，用来删除数据#}
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
    {%  for obj in data_list %}
        <tr>
            <td>{{ obj.id }}</td>
            <td>{{ obj.name }}</td>
            <td>{{ obj.password }}</td>
            <td>{{ obj.age }}</td>
{#            给每行添加一个删除按钮#}
            <td>
{#                点击删除按钮，跳转到删除的页面，id设置为自动获取当前行的id值#}
                <a href="http://127.0.0.1:8000/Info/delete/?nid={{ obj.id }}">删除</a>
            </td>

        </tr>
    {% endfor %}
    </tbody>
</table>
</body>

info_add.html

<body>
<h1>添加用户</h1>
<form method="post" action="/Info/add/">
    {% csrf_token %}
    <input type="text" name="user" placeholder="用户名">
    <input type="text" name="password" placeholder="密码">
    <input type="text" name="age" placeholder="年龄">
    <input type="submit" value="提交">
</form>

</body>

views.py

from django.shortcuts import render, HttpResponse, redirect

from app01.models import UserInfo
def info_list(request):
    # 1.获取数据库中所有的用户信息
    data_list = UserInfo.objects.all()
    print(data_list)

    return render(request, "info_list.html", {"data_list": data_list})


def info_add(request):
    if request.method == "GET":
        return render(request, 'info_add.html')

    # 获取用户提交的数据
    user = request.POST.get("user")
    pwd = request.POST.get("password")
    age = request.POST.get("age")

    # 添加到数据库
    UserInfo.objects.create(name=user, password=pwd, age=age)

    return HttpResponse("添加成功")


#手动输入url来删除标签
def info_delete(request):
    nid = request.GET.get("nid")
    UserInfo.objects.filter(id=nid).delete()
    return HttpResponse("删除成功")

修改views.py最后一行，让重新返回用户界面

def info_delete(request):
    nid = request.GET.get("nid")
    UserInfo.objects.filter(id=nid).delete()
    # return HttpResponse("删除成功")
    # 重新返回用户界面
    return redirect("/Info/list/")

 

brucezhou2
关注
  • 21
    点赞
  • 踩
  • 42
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值