千家信息网

如何使用Django和Bootstrap实现计算器

发表于:2025-01-17 作者:千家信息网编辑
千家信息网最后更新 2025年01月17日,小编给大家分享一下如何使用Django和Bootstrap实现计算器,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!准备工作创建一个应用添加应用到配置创建一个html编写视图函数fro
千家信息网最后更新 2025年01月17日如何使用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前端框架

下载地址

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

编写前端内容

{% load static %}        计算器                





编写视图函数

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实现计算器"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

0