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

作者 : admin 本文共8618个字,预计阅读时间需要22分钟 发布时间: 2024-06-10 共2人阅读

django的安装

在pycharm中安装即可

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

创建django项目

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

1. 在终端创建

(不测试了)

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

新建项目,选型django项目

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

默认项目文件的介绍

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

 3. APP

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

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

在Pycharm中创建app

使用pycharm中的terminal

前端+数据库+djago入门(Djago部分)插图(5) 创建新app01后的各文件功能

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

运行django

激活App01

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

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

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)

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

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

启动django 
命令行启动

在pycharm的命令框中

python manage.py runserver

Pycharm 启动

点击程序的运行按钮

url与返回页面的逻辑

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

2.  在views.py写对应关系

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

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

 模板和静态文件

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

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

 加载图片的方式

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

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

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

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

模板语法

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

case: 建tpl网页,及内容,并访问views中的列表
前端+数据库+djago入门(Djago部分)插图(15)
 访问字典中的内容

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

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

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

请求和响应

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

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

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

重定向的返回方式

是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


    

用户登录

{% csrf_token %}
修改成登录跳转新页面,登录失败重新输入账号密码

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("http://www.chinaunicom.com.cn/")
        
        else:
            # return HttpResponse("登录失败")
            return render(request, 'login.html', {"error_msg": "用户名或密码错误"})
 login.html

    

用户登录

{% csrf_token %} {{ error_msg }}

数据库操作

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

安装第三方模块

mysqlclient

ORM

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

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

修改settings.py文件

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

增加如下内容: 

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

修改models.py文件

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

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 

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

查看Mysql数据库

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

再写一张表

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

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

python manage.py makemigrations
python manage.py migrate 

删除表的某一行

这是userinfo的原表

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

注释掉不想要的行

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 

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

添加列

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

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

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

python manage.py makemigrations

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

下图是手动输入默认值(选择2,回车后会退出,再写入下面的默认值)

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

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

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文件如下:

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

 网页运行结果如下: 

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

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

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

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

显示数据

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

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

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

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文件即可解决 

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

案例:用户管理

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 


INFO列表

{% for obj in data_list %} {% endfor %}
ID 姓名 密码 年龄
{{ obj.id }} {{ obj.name }} {{ obj.password }} {{ obj.age }}

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


添加用户

{% csrf_token %}

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


添加用户

{% csrf_token %}

info_list.html

INFO列表

{#添加一个”添加“按钮,点击时跳转到添加用户界面#} 添加 {% for obj in data_list %} {% endfor %}
ID 姓名 密码 年龄
{{ obj.id }} {{ obj.name }} {{ obj.password }} {{ obj.age }}

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值)

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

自动删除行数据(通过增加一列删除按钮)

 urls.py

urlpatterns = [

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

]

info_list.html


INFO列表

{#添加一个”添加“按钮,点击时跳转到添加用户界面#} 添加 {# 增加一列操作栏,用来删除数据#} {% for obj in data_list %} {# 给每行添加一个删除按钮#} {% endfor %}
ID 姓名 密码 年龄操作
{{ obj.id }} {{ obj.name }} {{ obj.password }} {{ obj.age }} {# 点击删除按钮,跳转到删除的页面,id设置为自动获取当前行的id值#} { obj.id }}">删除

info_add.html


添加用户

{% csrf_token %}

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/")

 

本站无任何商业行为
个人在线分享 » 前端+数据库+djago入门(Djago部分)
E-->