Django配合Bootstrap怎么制作计算器（实战）

本篇文章手把手带大家使用django+bootstrap制作一个计算器，希望对大家有所帮助！

准备工作

创建一个应用

添加应用到配置

创建一个html

编写视图函数

from django.shortcuts import render


# Create your views here.

def home(request):
    return render(request, 'index.html')

配置路由

知料万语

知料万语—AI论文写作，AI论文助手

下载

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

from app.views import home

urlpatterns = [
    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文件夹下 没有则创建该文件夹。【相关推荐：《bootstrap教程》】

编写前端内容

{% load static %}



    
    
    
    
    

    



    

        
 
        

            
            
            

            

                7
                8
                9
                /
                

                4
                5
                6
                *
                

                1
                2
                3
                -
                

                0
                00
                .
                +
            
        

        

        
    清空


    计算

    
        
            


    

编写视图函数

import subprocess

from django.http import JsonResponse
from django.shortcuts import render

# Create your views here.
from django.views.decorators.csrf import csrf_exempt
from django.views.decorators.http import require_POST


def home(request):
    return render(request, 'index.html')


@csrf_exempt
def 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})

测试

更多关于bootstrap的相关知识，可访问：bootstrap基础教程！！