Django的使用,使用模板创建一个表格(图片显示,自存使用)

前期准备

PyCharm专业版:PyCharm 2023.3.4

Django安装下载:

pip install django

新建项目(手动)

打开pycharm选择新建项目。

ccb12bfca0d24a6f89099d104349601c.jpeg

如果有现有环境可选择,可以改变第3个选项为“选择现有”

4efa3da6e1874dd491075bebb1f476f2.jpeg

选择完成后点击创建出现以下页面内容即为创建成功:

6c495945b94b4e9ebbc4e0dfb9c0fab4.jpeg

此时打开设置中的python解释器可看见:

创建app

在终端窗口输入代码创建:python .\manage.py startapp APPNAME,其中APPNAME是自己自定义的。如:我自定义其为studentapp。

python .\manage.py startapp studentapp

13f34c0514dc4cee9d752695d068a935.jpeg
 

在项目的setting.py文件中加入"studentapp"进行注册

270f5364e378496fab8b6a1e24b2a27e.jpeg

创建一个表格

1,数据库初始化

在studentapp/model.py下创建一个student类作为初始化。

from django.db import models

# Create your models here.

class Student(models.Model):
    no = models.CharField(max_length=10)
    name = models.CharField(max_length=50)
    clazz = models.CharField(max_length=100)
    age = models.IntegerField()
    address = models.CharField(max_length=500)
    photo = models.CharField(max_length=500)

然后在终端中操作:

将自己在models.py中写的那些类的信息,写入到migrations文件夹里面去(数据迁移)

python manage.py makemigrations

 将数据表创建到数据库中

python manage.py migrate 

2,下载现有模型库

利用 Bootstrap 构建快速、响应式的网站,Bootstrap 是全球最受欢迎的前端开源工具库,它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能,能够让你快速设计并定制你的网站。以下是网站链接:

https://v4.bootcss.com/

在 ‘快速入门’ 的 ‘下载’ 中点击 ‘下载Bootstrap生产文件’。将文件解压缩后放在与项目文件夹下的新建文件夹static中(与templates同目录),以便后面调用。

在setting.py中加入静态文件命令

STATICFILES_DIRS = [os.path.join(BASE_DIR,'static')]

3,使用表格模板

新建页面HTML文件

djangoProject\studentapp\templates\list_student.html

studentapp文件下新建templates\list_student.html并将Bootstrap导入

<head>
    <meta charset="UTF-8">
    <title>学生列表</title>
    <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}" type="text/javascript"></script>

</head>

我们使用页面内容中的表格模板

选择其中一个将代码复制进HTML文件的body标签范围内:

5b808ea4fa4e48839502ff8a80f8a760.jpegfbb5e31279c5473fbdfffd8993053b19.jpeg

在view.py文件中,使用render渲染"list_student.html"

from django.shortcuts import render

# Create your views here.
def liststudent(request):
    return render(request, "list_student.html")

4,设置配置文件

Django中的url.py是一个配置文件,用于定义URL模式和对应的视图函数。它通常位于应用程序的目录中,用于将URL映射到相应的视图函数。通过在Django项目的主urls.py文件中包含应用程序的url.py文件,可以将应用程序的URL模式与整个项目的URL模式结合起来。

将djangoProject\studentapp\urls.py复制一份到studentapp下并改写内容。

from django.contrib import admin
from django.urls import path
from .views import liststudent
urlpatterns = [
    path("liststudent/", liststudent ),
]

在djangoProject\djangoProject\urls.py中加入内容:

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path("admin/", admin.site.urls),
    path("", include("studentapp.urls"))  # 加入studentapp.url
]

添加结果如下:

5,开始运行

点击运行按钮运行整个项目,运行窗口会出现一串链接:

点击它即可进入页面窗口,将列表下的liststudent/填入搜索框并按下Enter键便可以看到我们使用模板生成的表格了~

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值