阿坝州网站建设公司

Django配合Bootstrap如何制作计算器

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

创新互联建站服务项目包括桑珠孜网站建设、桑珠孜网站制作、桑珠孜网页制作以及桑珠孜网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，桑珠孜网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到桑珠孜省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

准备工作

创建一个应用

Django配合Bootstrap如何制作计算器

添加应用到配置

Django配合Bootstrap如何制作计算器

创建一个html

Django配合Bootstrap如何制作计算器

编写视图函数

from django.shortcuts import render


# Create your views here.

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

Django配合Bootstrap如何制作计算器

配置路由

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'),
]

Django配合Bootstrap如何制作计算器

导入Bootstrap前端框架

下载地址

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

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

Django配合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})

Django配合Bootstrap如何制作计算器

测试

Django配合Bootstrap如何制作计算器

Django配合Bootstrap如何制作计算器

Django配合Bootstrap如何制作计算器

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


分享题目：Django配合Bootstrap如何制作计算器
文章URL：http://azwzsj.com/article/pgsdoi.html

其他资讯