当成功搭建了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), ]
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 添加路由
5 再次编辑views.py
定义函数,进行运算,并将运算结果返回给原始的calpage.html页面
再次查看html页面
6 验证
提交后会跳转到 result
此后也可以再次输入,提交计算,
根据表单中定义的action,会再次跳转到 /result/ ,显示计算结果
从而无穷无尽
至此,使用django实现了一个简单的 加法计算器页面。对django的mtv有了简单的体验
后续优化:
新增mysql,对查询的数据进行存储,并添加一键删库的功能,详情参见我的另一篇博客文章
此外也可以将加法换成其他常用而的繁琐计算。
例如ip地址划分、哈希计算、文本差异对比等,后续有时间自己再写一些。