利用Django制作简易计算器（零基础）

最新推荐文章于 2024-08-10 22:30:37 发布
最新推荐文章于 2024-08-10 22:30:37 发布
阅读量286 收藏 1
点赞数 2
文章标签： django python 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nianyiwu/article/details/134136378
版权

1.效果图：

2.制作步骤：

  2.1.创建一个Django文件

  若没有下载Django，可以利用终端下载一下

pip3 install Django -i https://pypi.tuna.tsinghua.edu.cn/simple

  若已下载好，可直接利用终端在目标文件夹中创建Django，这里我命名为Calculator_System

django-admin startproject Calculator_System

  在根目录Calculator_System下面，利用终端，我们再创建一个app，这里我命名为Calculator

python manage.py startapp Calculator

  并在setting中注册app

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'Calculator.apps.CalculatorConfig',  # 修改处
]

并在根目录Calculator_System下创建templates字典，用于存放HTML页面文件

  在setting中不要忘了加入templates路径

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],       # 修改处
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

  到此，Django的创建就完成了

  2.2.路由urls的设置（若非零基础，建议从此处看）：

  urls.py文件：

from django.contrib import admin
from django.urls import path
from Calculator import views

urlpatterns = [
    # path('admin/', admin.site.urls),
    path('', views.main),
]
  2.3.HTML文件的编写

  在templates文件夹中，我们开一个HTML文件，这里我命名为main.html（这里我的代码有点繁琐，大佬们可以自己缩减一下）

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">

    <tr style="height:70px;width:142">
        {% for A in Answer_list %}
        <td align="left"><h3>{{ A }}</h3></td>
        {% endfor %}
    </tr>

    <tr>
        <td>
            <form  method="post">
                {% csrf_token %}
                <table cellpadding="0px">
                    <tr>
                        <td><button style="height:50px;width:70px" type="submit" name="num_7"><h1>7</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="num_8"><h1>8</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="num_9"><h1>9</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="symbol_1"><h1>+</h1></button></td>
                    </tr>
                    <tr>
                        <td><button style="height:50px;width:70px" type="submit" name="num_4"><h1>4</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="num_5"><h1>5</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="num_6"><h1>6</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="symbol_2"><h1>-</h1></button></td>
                    </tr>
                    <tr>
                        <td><button style="height:50px;width:70px" type="submit" name="num_1"><h1>1</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="num_2"><h1>2</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="num_3"><h1>3</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="symbol_3"><h1>×</h1></button></td>
                    </tr>
                    <tr>
                        <td colspan="2"><button style="height:50px;width:142px" type="submit" name="num_0"><h1>0</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="symbol_4"><h1>.</h1></button></td>
                        <td><button style="height:50px;width:70px" type="submit" name="symbol_5"><h1>÷</h1></button></td>
                    </tr>
                    <tr>
                        <td colspan="2"><button style="height:50px;width:142px" type="submit" name="symbol_6"><h1>C</h1></button></td>
                        <td colspan="2"><button style="height:50px;width:142px" type="submit" name="symbol_7"><h1>=</h1></button></td>
                    </tr>
                </table>
            </form>
        </td>
    </tr>

</table>
</body>
</html>
  2.4.views文件的编写

  在我们创建的app中，找到views.py文件，在其中编写计算器的基本程序（这里我写的也很繁琐，大佬们可以用函数缩减一下）

from django.shortcuts import render

# Create your views here.

list = ['', '', '']

def main(request):
    method = request.method
    if method == "GET":
        return render(request, "main.html")

    else:

        num = ''
        symbol = ''
        global list

        if list[1] == '':
            if "num_0" in request.POST:
                num = '0'
            elif "num_1" in request.POST:
                num = '1'
            elif "num_2" in request.POST:
                num = '2'
            elif "num_3" in request.POST:
                num = '3'
            elif "num_4" in request.POST:
                num = '4'
            elif "num_5" in request.POST:
                num = '5'
            elif "num_6" in request.POST:
                num = '6'
            elif "num_7" in request.POST:
                num = '7'
            elif "num_8" in request.POST:
                num = '8'
            elif "num_9" in request.POST:
                num = '9'
            elif 'symbol_4' in request.POST:
                num += '.'

            list[0] += num


        if list[0] != '' and list[2] == '':
            if 'symbol_1' in request.POST:
                symbol += '+'
            elif 'symbol_2' in request.POST:
                symbol += '-'
            elif 'symbol_3' in request.POST:
                symbol += '×'
            elif 'symbol_5' in request.POST:
                symbol += '÷'

            list[1] += symbol
            if len(list[1]) == 2:
                list[1] = list[1][1:]


        if list[1] != '':
            if "num_0" in request.POST:
                num = '0'
            elif "num_1" in request.POST:
                num = '1'
            elif "num_2" in request.POST:
                num = '2'
            elif "num_3" in request.POST:
                num = '3'
            elif "num_4" in request.POST:
                num = '4'
            elif "num_5" in request.POST:
                num = '5'
            elif "num_6" in request.POST:
                num = '6'
            elif "num_7" in request.POST:
                num = '7'
            elif "num_8" in request.POST:
                num = '8'
            elif "num_9" in request.POST:
                num = '9'
            elif 'symbol_4' in request.POST:
                num += '.'

            list[2] += num


        if "" not in list and 'symbol_7' in request.POST:
            answer = Calculate(list)
            # print(float(list[0]))
            # print(float(list[2]))
            print(answer)
            answer_list = [list[0] + list[1] + list[2] + '=' + str(answer)]
            list = ['', '', '']
            return render(request, "main.html", {"Answer_list": answer_list})


        if 'symbol_6' in request.POST:
            list = ['', '', '']


        print(list)
        answer_list = [list[0] + list[1] + list[2]]
        return render(request, "main.html", {"Answer_list": answer_list})


def Calculate(list):
    if list[1] == '+':
        answer = float(list[0]) + float(list[2])
    elif list[1] == '-':
        answer = float(list[0]) - float(list[2])
    elif list[1] == '×':
        answer = float(list[0]) * float(list[2])
    elif list[1] == '÷':
        answer = float(list[0]) / float(list[2])

    return answer

   至此，建议的计算器就制作好了，我们打开终端运行一下

python manage.py runserver

  点击生成的网页，计算器就出来了

 

3.注意事项

  该计算器在计算小数之间的算法时，可能会出现误差，这是由于浮点数二进制与十进制之间的转化导致的，各位大佬可以自己修改一下

 

 

 文章可能会有错误或不足，欢迎大家指正，谢谢各位啦

nianyiwu
关注
如何系统的自学Python?
数字人生
05-05 997
Python是一门实践性很强的语言，只有通过不断的实践和应用，才能真正掌握和运用好它。在学习过程中，不断编写代码、调试程序、解决问题，并总结经验和教训。
整理了70个Python实战项目列表，都有完整且详细的教程
MC_XY的博客
12-07 2625
不管学习那门语言都希望能做出实际的东西来，这个实际的东西当然就是项目啦，不用多说大家都知道学编程语言一定要做项目才行。这里整理了70个Python实战项目列表，都有完整且详细的教程，你可以从中选择自己想做的项目进行参考学习练手，你也可以从中寻找灵感去做自己的项目。 70个Python项目列表： 1、【Python 图片转字符画】 2、【200行Python代码实现2048】 3、【Python3 实现火车票查询工具】 4、【高德API+Python解决租房问题 】 5、【Python3 色情图片识别】 6.
django制作的在线计算器
01-15
django开发的在线计算器实例，也可以通过访问http://106.12.16.193:5000/浏览效果
Python实现django开发的在线计算器实例-ComputeDemo
12-26
django开发的在线计算器实例，也可以通过访问http://106.12.16.193:5000/浏览效果。 One more thing... Before running this project, you may want to create a super user. Synchronize the Database This project has default settings for the database (it uses sqlite). If you need a super user, you'll need to create one before running the project.
Django实现计算器小练习
最新发布
weixin_74441029的博客
08-10 708
结合了我前面两章发布的博文的知识所写的计算机小练习
django通过ajax实现的在线计算器程序（界面精美）
12-13
django通过ajax实现的在线计算器程序（界面精美）。采用bootstrap为前端框架。python版本：3.6.1 django=1.11.17 在windows7下也可用
Django学习------使用Django制作一个简易计算器页面
niulinbiao的博客
01-09 2209
文章预览1、创建Django项目2、views.py文件3、urls.py文件4、html页面5、运行结果 最近在学习Django后台开发，以一个简单的页面来记录一下知识点 1、创建Django项目 项目结构如下 配置服务器 2、views.py文件 #!/usr/bin/env python # -*- coding:utf-8 -*- from django.http import HttpResponse from django.shortcuts import render # 计算器 def
python Django在线计算器
热门推荐
MYF_12的博客
02-04 1万+
功能：实现在线计算器的功能，可以算加减乘除等等。技术：Python django。pythonDjango在线计算器。前端：html css js。
Python总结.docx
07-20
- **小型项目**：通过实现简单的命令行程序来巩固基础知识，例如制作一个简易的计算器或猜数字游戏。 - **中级项目**：尝试更复杂的项目，如使用Python处理文本数据、构建网页爬虫等。 - **大型项目**：参与或创建一...
python编程入门与案例详解-"Python小屋”免费资源汇总（截至2018年11月28日）...
q6q6q的专栏
10-28 8335
原标题："Python小屋”免费资源汇总（截至2018年11月28日）为方便广大Python爱好者查阅和学习，特整理汇总微信公众号"Python小屋”开通29个月以来推送过的700多篇文章清单，如果需要本清单的电子版，可以在公众号后台发送消息"资源汇总”获取下载地址。非计算机专业《Python程序设计基础》教学参考大纲计算机相关专业"Python程序设计”教...
python代码案例详解-Python代码样例列表
weixin_37988176的博客
11-01 4707
扫描左上角二维码，关注公众账号 数字货币量化投资，回复“Python例子”，获取以下600个Python经典例子源码├─algorithm│ Python用户推荐系统曼哈顿算法实现.py│ NFA引擎,Python正则测试工具应用示例.py│ Python datetime计时程序的实现方法.py│ python du熊学斐波那契实现.py│ p...
Python开发的实用计算器完整实例
12-23
本文实例讲述了Python开发的实用计算器。分享给大家供大家参考，具体如下： 实现功能：图形界面PyQt，输入框，+，—，*，/ ；乘方 ，开方 ，取余，清零。 1. Python代码： #!/usr/bin/env python # -*- coding: utf-8 -*- ''' Author : Mr.LiuYC Created on 2014-09-30 E-Mail : liuyanchen0725@gmail.com Introduction: 简易计算器 实现图形界面PyQt，输入框，+，—，*，/ ；乘方 ，开方 ，取余，清零。 ''' from PyQt4 import
django制作计算器网页实例，实现前后端数据传输【实测成功】
weixin_41529093的博客
03-18 1771
仅作为记录，大佬请跳过。 感谢b站大佬视频：传送门 文章目录一、建立django项目二、所有源代码三、运行四、展示参考————————————————————————————随笔pycharm的html自动填充快捷键 一、建立django项目 这次博主使用第二种方式windows的命令提示符——建立django项目（之前是使用pycharm专业版建立传送门） 1、在windows的命令提示符里依次输入： e: cd 20210317web\a5djangocalculator django-admin s
Django：网页计算器
weixin_47008635的博客
05-13 398
from django.contrib import admin from django.urls import path,re_path from myapp import views urlpatterns = [ re_path(r"mycal/$", views.mycal_view), ] from django.shortcuts import render def mycal_view(request): if request.method == "GET": ..
Django小实战——在线Web计算器(利用Bootstrap进行前端开发)
Force~
01-07 3775
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import
django html计算,django制作的在线计算器
weixin_39834205的博客
06-27 287
#!/usr/bin/envpython“““Command-lineutilityforadministrativetasks.“““importosimportsysif__name__==“__main__“:os.environ.setdefault(“DJANGO_SETTINGS_MODULE““ComputeDemo.settings“)fromdjango.c...
Django开发微信小程序之逆波兰计算器（二）计算器实现算法
zjw_python的博客
06-18 1141
下面将着重讲解如何实现计算器，使其可以进行小数、负数的加减乘除计算，并显示结果给用户 处理用户输入 用户输入一长串的表达式，里面有数字，有加减乘除符号，有括号，首先我们应该把用户输入的表达式记录下来，并进行适当的划分，将数字和符号分开来，为后续的计算做准备 首先我们在为每个按钮都设置一个data-value自定义属性，从而在后台知道用户按了哪一个键 &amp;amp;lt;view class=&amp;quot;...
django练习 模板层做个简单的计算器页面
yutaixin的博客
02-15 545
views层 def cal_view(request): if request.method == 'GET': #显示页面 return render(request,'cal.html') elif reqeust.method == 'POST': #处理数据 pass models层 <body> <form action='./cal' meth...
python-djangoWEB中间件实现计算器加减功能
时光凉春衫薄的博客
03-25 983
为了更方便的理解django的控制流程以下写了一个简单的计算器项目记录全过程方便理解。 创建项目 开启服务这里就赘述了 直接说页面的请求。 1.首先用户请求ip:8000/jisuanqi的url jisuanqi方法 ethan.html界面 from表单跳转到jisuan后 yunsuan方法 计算结果.html的界面 以上就是对django中间价控...
十分钟利用Django搭建简易Blog
在本文中，我们将学习如何利用Django框架在十分钟内快速构建一个基础博客应用。Django是一个流行的高级Python Web框架，以其强大、稳定和可扩展性而著称。本文以Python 2.6和Django 1.2.1版本为例，适合那些已经安装...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值