前端+数据库+djago入门(Djago部分)
django的安装在pycharm中安装即可
https://img-blog.csdnimg.cn/direct/ab76be7d653b42ec9a04b074f0a92ca1.png
创建django项目
django项目会有一些默认的文件和文件夹
1. 在终端创建
（不测试了）
2. 在Pycharm中创建项目（不能是社区版pycharm）
新建项目，选型django项目
https://img-blog.csdnimg.cn/direct/58d8972058cf42a694bbdc916c6bf6ed.png
默认项目文件的介绍
https://img-blog.csdnimg.cn/direct/d21e2d40127149b1aa22677b91e81928.png
3. APP
https://img-blog.csdnimg.cn/direct/71b5f90e087b42c89397d0aebb4ac18b.png
https://img-blog.csdnimg.cn/direct/919a3e18e6f04a789f43dda38589effd.png
在Pycharm中创建app
利用pycharm中的terminal
https://img-blog.csdnimg.cn/direct/9abd9dc4312a464da036380a67881e5d.png 创建新app01后的各文件功能
https://img-blog.csdnimg.cn/direct/283caa08f5a54446910f28f913feb3e4.png
运行django
激活App01
1. 在django的项目文件夹中，打开setting.py文件，找到下图所示位置：
https://img-blog.csdnimg.cn/direct/39236f255f7a44ab971a3713b03f4593.png
2.在App01文件夹中，打开 apps.py文件，找到Class的名称：(本示例)App01Config
3. 如上图所示，在列表最后加上'app01.apps.App01Config'
编写URL和视图函数对应关系
编写URL和视图函数对应关系
1. 在项目文件urls.py中编写对应关系，
2. from app01 import views
这是从app01中，导入views文件（函数编写在该文件中）
3. path('index/', views.index),
这里是在对应url和函数。如果访问www.xxx.com/url,就会执行后面对应的函数（views.index）
https://img-blog.csdnimg.cn/direct/b1448e15fbe943e3a751b45ef5ee0003.png
https://img-blog.csdnimg.cn/direct/d9a373be57614313974bf1e125fe45a3.png
启动django
命令行启动
在pycharm的命令框中
python manage.py runserver
Pycharm 启动
点击程序的运行按钮
url与返回页面的逻辑
1. 先在url.py中写url地址
2. 在views.py写对应关系
https://img-blog.csdnimg.cn/direct/608bbe4261c14892a3777188d7839ea3.png
https://img-blog.csdnimg.cn/direct/4eb7861b7bc54028a457cee2007adf92.png
模板和静态文件
加载模板的方式，参照图片中的 def user_list(request)
https://img-blog.csdnimg.cn/direct/e5936880845b4eb8b41c62182dfbf4d2.png
加载图片的方式
https://img-blog.csdnimg.cn/direct/2ce6ef4ed44c43aa90cec5c2973fce54.png
1. 在app目录下创建static文件夹
2. 用static方法引入css和js的方法
https://img-blog.csdnimg.cn/direct/0085c89943f34ed4967aec3505c63097.png
模板语法
本质上：在HTML中写一些占位符，由数据对这些占位符进行替换和处理
case: 建tpl网页，及内容，并访问views中的列表
https://img-blog.csdnimg.cn/direct/24d151fefd594455befacba955d18421.png
访问字典中的内容
https://img-blog.csdnimg.cn/direct/31cb636255334c9ea026dfb10a7681c9.png
列表里面套字典，访问的方式
https://img-blog.csdnimg.cn/direct/be6e63a2dbf24304b042bb72302d04aa.png
请求和响应
https://img-blog.csdnimg.cn/direct/4676bdd6b6aa48b0a9fb48003badde26.png
https://img-blog.csdnimg.cn/direct/18f84b6795404f6f89cbd04e8165d706.png
https://img-blog.csdnimg.cn/direct/e3827d4c24914d06a654563d1f8df68d.png
重定向的返回方式
是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文件
https://img-blog.csdnimg.cn/direct/a32df80250f14955b54458fcaa221176.png
增长如下内容：
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql',
'NAME':'bruce01',
'USER': 'root',
'PASSWORD': '',
'HOST': '127.0.0.1',
'PORT': 3306,
}
}
Django操纵表
[*]创建表
[*]删除表
[*]修改表
修改models.py文件
https://img-blog.csdnimg.cn/direct/ea338034898e42209ea2c322d87acc62.png
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
https://img-blog.csdnimg.cn/direct/e43693be724f43e69ea31512c79bdbf5.png
检察Mysql数据库
https://img-blog.csdnimg.cn/direct/8678d78b2bd34181904f104c4ef77215.png
再写一张表
https://img-blog.csdnimg.cn/direct/6a39fd2d43e84e2f82014e9bffab7305.png
在服务器中项目根目录下再次执行命令(注册APP)
python manage.py makemigrations
python manage.py migrate
删除表的某一行
这是userinfo的原表
https://img-blog.csdnimg.cn/direct/1dfa9191ec6740569f62549a0a69a7a2.png
表明掉不想要的行
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
https://img-blog.csdnimg.cn/direct/b561caa0f6a8437c8ccfa858064a4b0a.png
添加列
修改表的话,如果原表中存有数据,此时如果增长一个新的列,需要设定一个默认值
https://img-blog.csdnimg.cn/direct/1eabc373048d48e3acdb792fc8fb783c.png
再次执行下面命令，会出现选择，1是提供一个预设值，2是手动输入一个默认值
python manage.py makemigrations
https://img-blog.csdnimg.cn/direct/26e846266b904097bb7d0701ea1b8ec5.png
下图是手动输入默认值（选择2，回车后会退出，再写入下面的默认值）
https://img-blog.csdnimg.cn/direct/a92fc13b37ee488fb739c79b774d8e34.png
之后再运行下面代码，就会将新的列插入进来
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文件如下：
https://img-blog.csdnimg.cn/direct/1c3e7da7ce3744a2ba3f9d8f6b1bf568.png
网页运行结果如下：
https://img-blog.csdnimg.cn/direct/1b49b76cd26248f29fc3a4e11ec4d9f4.png
删除数据(照旧在views.py文件中)
def orm(request):
# 新建数据
Department.objects.create(title="123")
#删除数据
Department.objects.filter(id=2).delete()
# 全部删除
Department.objects.all().delete()
return HttpResponse("成功") 表现数据
最下方会表现表中的行，此时是一个对象，不能表现行的全部内容
https://img-blog.csdnimg.cn/direct/7d492d595b5d4de5b1bc59238c1578fd.png
用循环查询，就能看到对象中的值
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文件即可解决
https://img-blog.csdnimg.cn/direct/c6adcdde35a244ff987ef37ac53e836e.png
案例：用户管理
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 pathfrom app01 import viewsurlpatterns = [
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值）
https://img-blog.csdnimg.cn/direct/3e72570236b34904aaffdfa2f0b738ed.png
自动删除行数据（通过增长一列删除按钮）
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/")
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]