一、配置路由urls
创建APP
python3 manage.py startapp Person
打开主程序下的settings.py中配置一下刚刚创建的app。
迁移数据库到MySql
python manage.py makemigrations
python manage.py migrate编写主程序下的urls
from django.contrib import admin
from django.urls import path,include
from Person import urls as p_urls
urlpatterns = [
path('admin/', admin.site.urls),
path('',include(p_urls))
]编写APP下的urls
from django.urls import path
from . import views
from Person.views import lei
urlpatterns = [
path('create/',views.create,name='create'),
path('lei/',lei.as_view(),name='lei')
]编写APP下的views
from django.shortcuts import render
from django.http import HttpResponse
from django.views import View
from .models import A
# Create your views here.
def create(resquest):
LIST=A.objects.all
B=A.objects.create(Name='nnn',Age=11)
# filter用来查询符合条件的
D = A.objects.filter(Age=1).update(Name='white')
# exclude()方法用于查询不符合条件的数据
E = A.objects.objects.exclude(Name='nnn')
C = A.objects.filter(Age=11).delete()
return render(resquest,'data.html',{'LIST':LIST})
class lei(View):
def get(self,request,*args,**kwargs):
return HttpResponse('这是类试图')效果图
二、创建公共html模板和导航信息
在APP的templates文件下创建公共html
入门模板 简介 · Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网 (bootcss.com)
<!doctype html>
<html lang="zh-CN">
<head>
<!-- 必须的 meta 标签 -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap 的 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-p1KAotb3W9ndluCsqePPYnjRm3c6abdnIjo0tQwYUv83VsbsYd43RuofnFAaDo0E" crossorigin="anonymous">
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
<!-- JavaScript 文件是可选的。从以下两种建议中选择一个即可！ -->
<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-E5Sj1saJVFNzWWK3YIJB4LEDEEVEGaOdfmCprPDkfWUo+xkb6Ep52Q1TMEtgcFwi" crossorigin="anonymous"></script>
<!-- 选项 2：Popper 和 Bootstrap 的 JS 插件各自独立 -->
<!--
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-IjeXbuVdL81ilB5LykkImU8JN0WPja/i9uZAt2qjo2TnYk9NJ2MPfN3vzMH0R8n3" crossorigin="anonymous"></script>
-->
</body>
</html>在body中添加导航栏Navs · Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网 (bootcss.com)
<ul class="nav">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled">Disabled</a>
</li>
</ul>版权声明：本文为qq_62613497原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。