如何使用Django和引导实现计算器 - 行业资讯 - 肥雀云

　　介绍

小编给大家分享一下如何使用Django和引导实现计算器,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

准备工作

创建一个应用

添加应用到配置

创建一个html

编写视图函数

得到django.shortcuts import 呈现　　　　　　#,Create your views 这里。　　　　def 家居(请求): 　　,,,return 渲染(请求,,& # 39;index . html # 39;)

如何使用Django和引导实现计算器

配置路由

得到django.contrib import 管理　　得到django.urls import 路径,包括　　　　得到app.views import 回家　　　　urlpatterns =, ( 　　,,,路径(& # 39;管理/& # 39;,,admin.site.urls), 　　,,,路径(& # 39;& # 39;家里,name=& # 39; hoome& # 39;), 　　)

如何使用Django和引导实现计算器

导入引导前端框架

下载地址

将css,字体,js复制到静态文件夹下没有则创建该文件夹

如何使用Django和引导实现计算器

编写前端内容

{%, load static %} 　　& lt; ! DOCTYPE html> 　　& lt; html lang=癳n"祝辞　　& lt; head> 　　,,,& lt; meta charset=癠TF-8"比; 　　,,,& lt; title>计算器& lt;/title> 　　,,,& lt; link rel=皊tylesheet", href=皗%, static & # 39; css/bootstrap.min.css& # 39;, %}“, rel=癳xternal nofollow",在　　,,,& lt; script src=癶ttps://cdn.jsdelivr.net/npm/jquery@1.12.4 dist/jquery.min.js"祝辞& lt;/script> 　　,,,& lt; script src=皗%, static & # 39; js/bootstrap.min.js& # 39;, %}“祝辞& lt;/script> 　　　　,,,& lt; style> 　　,,,,,,,身体{ 　　,,,,,,,,,,,背景位置:,center 0; 　　,,,,,,,,,,,平铺方式:,不再重演; 　　,,,,,,,,,,,background-attachment:,固定; 　　,,,,,,,,,,,background-size:,封面; 　　,,,,,,,,,,,-webkit-background-size:,封面; 　　,,,,,,,,,,,-o-background-size:,封面; 　　,,,,,,,,,,,-moz-background-size:,封面; 　　,,,,,,,,,,,-ms-background-size:封面; 　　,,,,,,,} 　　,,,,,,,.input_show { 　　,,,,,,,,,,,margin-top:, 35 px; 　　,,,,,,,,,,,max-width:, 280 px; 　　,,,,,,,,,,,身高:,35 px; 　　,,,,,,,} 　　,,,,,,,.btn_num { 　　,,,,,,,,,,,保证金:1 px 1 px 1 px 1 px; 　　,,,,,,,,,,,宽度:,60 px; 　　,,,,,,,} 　　,,,,,,,.btn_clear { 　　,,,,,,,,,,,margin-left:, 40像素; 　　,,,,,,,,,,,margin-right:, 20 px; 　　,,,,,,,} 　　,,,,,,,.extenContent { 　　,,,,,,,,,,,身高:,300 px; 　　,,,,,,,} 　　,,,& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt; div 类=癱ontainer-fluid"祝辞　　,,,& lt; div 类=皉ow"比; 　　,,,,,,,& lt; div 类=癱ol-xs-1 col-sm-4"祝辞,& lt;/div> 　　,,,,,,,& lt; div id=癱omputer",类=癱ol-xs-1 col-sm-6"比; 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null