Django配合Bootstrap如何制作计算器

这篇文章主要介绍了Django配合Bootstrap如何制作计算器，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

准备工作

创建一个应用

添加应用到配置

创建一个html

编写视图函数

from django.shortcuts import render# Create your views here.def home(request):    return render(request, 'index.html')

配置路由

from django.contrib import adminfrom django.urls import path,includefrom app.views import homeurlpatterns = [    path('admin/', admin.site.urls),    path('',home,name='hoome'),]

导入Bootstrap前端框架

下载地址

https://github.com/twbs/bootstrap/releases/download/v3.4.1/bootstrap-3.4.1-dist.zip

将css、fonts、js复制到static文件夹下 没有则创建该文件夹。

编写前端内容

{% load static %}                        
    
        
 
        
                                    
            
                7                8                9                /                
                4                5                6                *                
                1                2                3                -                
                0                00                .                +            
        
        
            清空    计算    
        
            
    

编写视图函数

import subprocessfrom django.http import JsonResponsefrom django.shortcuts import render# Create your views here.from django.views.decorators.csrf import csrf_exemptfrom django.views.decorators.http import require_POSTdef home(request):    return render(request, 'index.html')@csrf_exemptdef compute(request):    code = request.POST.get('code')    try:        code = 'print(' + code + ')'        result = subprocess.check_output(['python', '-c', code], universal_newlines=True, stderr=subprocess.STDOUT,timeout=30)    except:        result='输入错误'    return JsonResponse(data={'result': result})

测试

感谢你能够认真阅读完这篇文章，希望小编分享的"Django配合Bootstrap如何制作计算器"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!