个人博客,记录知识防止遗忘
django(三)简单使用:实现一个加法页面
django(三)简单使用:实现一个加法页面

django(三)简单使用:实现一个加法页面

当成功搭建了django基础环境之后,就可以尝试着编写一些简单的页面了,这样也更方便理解django的整个工作流程

本文将编写一个简单的加法计算页面,

django环境的搭建,可以参考我的其他文章: django(二)基础环境搭建、对接数据库
django操作数据库也很简单,可以参考我的其他文章:

内容大纲

1 编写urls.py

文件位于 project_1/project_1/urls.py

# 注意最后有个逗号
from django.contrib import admin
from django.urls import path
from app_1 import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', views.index),
    path('calpage/', views.CalPage),
    path('result/', views.Result),
]

image.png

2 编写 views.py

文件位于 project_1/app_1/views.py

3 编写 html文件

在app_1中创建一个templates目录,在其下新建calpage.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加法计算</title>
</head>
<body>
<h3 style="color:rgb(105, 160, 231)">
    <form method="POST" action="/result/">
        {% csrf_token %}

        {% if value_a and value_b and sum_ab  %}
            计算结果如下所示:<br>
            {{ value_a }} + {{ value_b }} = {{ sum_ab }} <br><br>

        {% else %}
            请输入2个整数,提交求和 <br> <br>

        {% endif %}

        <input type="number" name="valueA" placeholder="请输入整数">
        +
        <input type="number" name="valueB" placeholder="请输入整数"> <br>
        <input type="submit" value="提交计算">
    </form>
    <br>
</h3>
</body>
</html>

4 再次编辑urls.py 添加路由

image.png

5 再次编辑views.py

定义函数,进行运算,并将运算结果返回给原始的calpage.html页面

再次查看html页面

6 验证


提交后会跳转到 result

此后也可以再次输入,提交计算,
根据表单中定义的action,会再次跳转到 /result/ ,显示计算结果
从而无穷无尽

至此,使用django实现了一个简单的 加法计算器页面。对django的mtv有了简单的体验

后续优化:
新增mysql,对查询的数据进行存储,并添加一键删库的功能,详情参见我的另一篇博客文章

django(四)简单使用:数据库的增删改查

此外也可以将加法换成其他常用而的繁琐计算。
例如ip地址划分哈希计算文本差异对比等,后续有时间自己再写一些。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注