web中用c#设计一个简易计算器

最新推荐文章于 2024-02-21 21:13:45 发布
最新推荐文章于 2024-02-21 21:13:45 发布
阅读量1w 收藏 34
点赞数 1
分类专栏： web 文章标签： 设计 web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaodu655/article/details/78620558
版权

设计并实现一个简易的计算器—使用页面上提供的基本数码（0-9）按键在两个文本框TextBox1、TextBox2中输入两个数然后按下算符按键（加法运算符按键btnADD、减法运算符按键btnSubtractor、乘法算符按键btnMultiplying、除法算符按键btnDivision），能做相应的的某个单种类运算，在显示结果的只读文本框TextBox3上能显示相应的运算的结果。

具体的操作步骤如下：
（1）、选择“网站|添加新项”命令，添加一个Web窗体页。
（2）、设计如下所示的界面，两个文本框TextBox1、TextBox2中输入两个数，以及Button按钮。具体的设计界面如下。
这里写图片描述
（3）、纯白文本框的enabled的属性在程序运行中被设置为true,灰色文本框的enabled的属性在程序运行中被设置为false；0~9按键的Click事件处理方法（也叫函数）可用同一方法button_Click其第一形参sender将携带被单击的数字按键的对象信息，只要注意到被单击的数字按键对象是由button类产生的，而button_Click其第一形参sender的数据类型是object, 在方法体内对形参sender做强制类型转换，使得强制转换为button类的对象，之后就可以获得button界面上的数码信息。（但在此例中我的办法比较蠢，我将10个Button全都进行插入编写了代码）
具体的代码为：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    double op1, op2, result = 0;//定义三个操作数
    char op;//运算符
    protected void Button_Click(object sender, EventArgs e)
    {
        Button btn = (Button)sender;
        if (TextBox1.Enabled)
            TextBox1.Text += btn.Text;
        else if (TextBox2.Enabled)
            TextBox2.Text += btn.Text;
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        Button btn = (Button)sender;
        if (TextBox1.Enabled)
            TextBox1.Text += btn.Text;
        else if (TextBox2.Enabled)
            TextBox2.Text += btn.Text;
    }
    protected void Button4_Click(object sender, EventArgs e)
    {
        Label1.Text = "+";
        TextBox1.Enabled = false;
    }
    protected void Button8_Click(object sender, EventArgs e)
    {
        Label1.Text = "-";
        TextBox1.Enabled = false;
    }

    protected void Button12_Click(object sender, EventArgs e)
    {
        Label1.Text = "*";
        TextBox1.Enabled = false;
    }

    protected void Button16_Click(object sender, EventArgs e)
    {
        Label1.Text = "/";
        TextBox1.Enabled = false;
    }

    protected void Button15_Click(object sender, EventArgs e)
    {
        Label2.Text = "=";
        TextBox2.Enabled = false;
        op1 = double.Parse(TextBox1.Text);
        op2 = double.Parse(TextBox2.Text);
        op = Convert.ToChar(Label1.Text);
        switch(op)//操作符的几个形式
        {
            case '+':
                result = op1 + op2;
                TextBox3.Text = result.ToString();
                break;
            case '-':
                result = op1 - op2;
                TextBox3.Text = result.ToString();
                break;
            case '*':
                result = op1 * op2;
                TextBox3.Text = result.ToString();
                break;
            case '/':
                result = op1 / op2;
                TextBox3.Text = result.ToString();
                break;
            default:
                break;
        }
        }
    protected void Button17_Click(object sender, EventArgs e)
    {
        TextBox1.Text = "";
        TextBox1.Enabled = true;
    }
   protected void Button18_Click(object sender, EventArgs e)
    {
        TextBox2.Text = "";
        TextBox2.Enabled = true;
    }

   protected void Button19_Click(object sender, EventArgs e)
   {
       Label1.Text = "";
       Label2.Text = "";
       TextBox1.Enabled = true;
       TextBox2.Enabled = true;
       TextBox1.Text = "";
       TextBox2.Text = "";
       TextBox3.Text = "";
   }
   protected void TextBox1_TextChanged(object sender, EventArgs e)
   {

   }

   protected void TextBox2_TextChanged(object sender, EventArgs e)
   {

   }
   protected void Button3_Click(object sender, EventArgs e)
   {
       Button btn = (Button)sender;
       if (TextBox1.Enabled)
           TextBox1.Text += btn.Text;
       else if (TextBox2.Enabled)
           TextBox2.Text += btn.Text;
   }

   protected void Button5_Click(object sender, EventArgs e)
   {
       Button btn = (Button)sender;
       if (TextBox1.Enabled)
           TextBox1.Text += btn.Text;
       else if (TextBox2.Enabled)
           TextBox2.Text += btn.Text;
   }

   protected void Button6_Click(object sender, EventArgs e)
   {
       Button btn = (Button)sender;
       if (TextBox1.Enabled)
           TextBox1.Text += btn.Text;
       else if (TextBox2.Enabled)
           TextBox2.Text += btn.Text;
   }

   protected void Button7_Click(object sender, EventArgs e)
   {
       Button btn = (Button)sender;
       if (TextBox1.Enabled)
           TextBox1.Text += btn.Text;
       else if (TextBox2.Enabled)
           TextBox2.Text += btn.Text;
   }

   protected void Button9_Click(object sender, EventArgs e)
   {
       Button btn = (Button)sender;
       if (TextBox1.Enabled)
           TextBox1.Text += btn.Text;
       else if (TextBox2.Enabled)
           TextBox2.Text += btn.Text;
   }

   protected void Button10_Click(object sender, EventArgs e)
   {
       Button btn = (Button)sender;
       if (TextBox1.Enabled)
           TextBox1.Text += btn.Text;
       else if (TextBox2.Enabled)
           TextBox2.Text += btn.Text;
   }

   protected void Button11_Click(object sender, EventArgs e)
   {
       Button btn = (Button)sender;
       if (TextBox1.Enabled)
           TextBox1.Text += btn.Text;
       else if (TextBox2.Enabled)
           TextBox2.Text += btn.Text;
   }

   protected void Button13_Click(object sender, EventArgs e)
   {
       Button btn = (Button)sender;
       if (TextBox1.Enabled)
           TextBox1.Text += btn.Text;
       else if (TextBox2.Enabled)
           TextBox2.Text += btn.Text;
   }
}

设计部分的源代码为：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        .auto-style1 {
            font-weight: bold;
        }
        .auto-style2 {
            background-color: #6666FF;
        }
        .auto-style3 {
            font-weight: bold;
            background-color: #6600FF;
        }
    </style>
</head>
<body style="color: #FFCCFF; margin-bottom: 19px">
    <form id="form1" runat="server">
    <div>

        <asp:TextBox ID="TextBox1" runat="server" Width="87px" OnTextChanged="TextBox1_TextChanged" CssClass="auto-style1"></asp:TextBox>
        <b>
        <asp:Label ID="Label1" runat="server" Text="Label" CssClass="auto-style2"></asp:Label>
&nbsp;

        </b>

        <asp:TextBox ID="TextBox2" runat="server" Width="109px" OnTextChanged="TextBox2_TextChanged" CssClass="auto-style1"></asp:TextBox>
        <asp:Label ID="Label2" runat="server" Text="Label" CssClass="auto-style3"></asp:Label>
        <asp:TextBox ID="TextBox3" runat="server" Width="126px" style="margin-left: 5px" CssClass="auto-style1"></asp:TextBox>
        <b>
        <br />
        </b>
        <asp:Button ID="Button1" runat="server" Text="1" OnClick="Button_Click" CssClass="auto-style1" />
        <b>&nbsp;&nbsp;&nbsp; </b> <asp:Button ID="Button2" runat="server" Text="2" OnClick="Button2_Click" CssClass="auto-style1" />
        <b>&nbsp;&nbsp; </b> <asp:Button ID="Button3" runat="server" Text="3" CssClass="auto-style1" OnClick="Button3_Click" />
        <b>&nbsp;&nbsp; </b> <asp:Button ID="Button4" runat="server" Text="+" OnClick="Button4_Click" CssClass="auto-style1" />
        <b>
        <br />
        <br />
        </b>
        <asp:Button ID="Button5" runat="server" Text="4" CssClass="auto-style1" OnClick="Button5_Click" style="width: 23px" />
        <b>&nbsp;&nbsp;&nbsp; </b> <asp:Button ID="Button6" runat="server" Text="5" CssClass="auto-style1" OnClick="Button6_Click" />
        <b>&nbsp;&nbsp; </b> <asp:Button ID="Button7" runat="server" Text="6" CssClass="auto-style1" OnClick="Button7_Click" />
        <b>&nbsp;&nbsp; </b> <asp:Button ID="Button8" runat="server" Text="-" OnClick="Button8_Click" CssClass="auto-style1" />
        <b>
        <br />
        <br />
        </b>
        <asp:Button ID="Button9" runat="server" Text="7" CssClass="auto-style1" OnClick="Button9_Click" />
        <b>&nbsp;&nbsp;&nbsp; </b> <asp:Button ID="Button10" runat="server" Text="8" CssClass="auto-style1" OnClick="Button10_Click" style="height: 27px" />
        <b>&nbsp;&nbsp; </b> <asp:Button ID="Button11" runat="server" Text="9" CssClass="auto-style1" OnClick="Button11_Click" />
        <b>&nbsp;&nbsp; </b> <asp:Button ID="Button12" runat="server" Text="*" OnClick="Button12_Click" CssClass="auto-style1" />
        <b>
        <br />
        <br />
        </b>
        <asp:Button ID="Button13" runat="server" Text="0" CssClass="auto-style1" OnClick="Button13_Click" />
        <b>&nbsp;&nbsp;&nbsp; </b> <asp:Button ID="Button14" runat="server" Text="." CssClass="auto-style1" />
        <b>&nbsp;&nbsp; </b> <asp:Button ID="Button15" runat="server" Text="=" OnClick="Button15_Click" CssClass="auto-style1" />

        <b>&nbsp;&nbsp;
        </b>
        <asp:Button ID="Button16" runat="server" Text="/" OnClick="Button16_Click" CssClass="auto-style1" />


        <b>


        <br />
        <br />
        </b>
        <asp:Button ID="Button17" runat="server" Text="cls op1" OnClick="Button17_Click" CssClass="auto-style1" />
        <b>&nbsp;&nbsp;
        </b>
        <asp:Button ID="Button18" runat="server" Text="cls op2" OnClick="Button18_Click" CssClass="auto-style1" />
        <b>&nbsp;&nbsp;
        </b>
        <asp:Button ID="Button19" runat="server" Text="clear All" OnClick="Button19_Click" CssClass="auto-style1" />


        <b>


        <br />

        </b>

    </div>
    </form>
</body>
</html>

（4）、具体的运行界面为：（有点丑）
这里写图片描述

本人是个Web初学者，希望大家给予多多发表自己的意见。

xiaodu655
关注
  • 1
    点赞
  • 踩
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
编写一个web的计算器页面
10-11
使用jsp编写一个计算器的页面，实现加减乘除功能。
HTML网页上实现的计算器源代码
04-06
HTML网页上实现的计算器源代码,能实现加减乘除能基础功能.
C#知识点-16（计算器插件开发、事件、递归、XML）
TY1806722496的博客
02-21 468
概念：事件，就是一个类型安全的委托（事件是安全的，因为在类的外部，事件只能被赋值，而不能被调用）概念：在方法中，自己调用自己。必须在满足某个条件的时候，退出递归。事件的三个重要组成部分：注册事件、触发事件、响应事件。递归查找所有的文件夹和文件。XML：可扩展的标记语言。通过代码创建XML文档。
如何在自己开发的日程管理页面插入提醒功能_给大家推荐一款高颜值的日程管理类APP...
weixin_39934296的博客
11-18 171
最近一直在找一款适合自己安排工作生活的日程管理APP，我希望这个APP颜值高、操作简单，能够按时间排序日程，对比了很多这类的APP，最终选择了憨憨时间管理这个APP。这个APP非常符合我的期望，页面看起来很舒服，没有太多复杂的功能，用起来简单很顺手，最主要的是这个APP采用的是按时间排序日程，同时每个日程到达时间点后就会弹出一个提醒页面，过去的日程会变成灰色，这样每天几点做什么，清晰，一目了然。已...
Web实现简化版网页计算器
PQpingLee的博客
11-09 781
web实现网页计算器功能
C#-学生公寓管理系统的实现
weixin_42954389的博客
07-11 3926
C#-学生公寓管理系统的实现 引言 随着社会的发展，科技的进步，作为信息载体的计算机日益显露出其举足轻重的地位。传统的学生公寓管理倾向于人工现场登记，资料多为纸质形式，不便于管理和查看。宿舍管理员管理的对象多且复杂，学生公寓管理系统的开发，能使其管理的各种数据资源得到良好的继承和共享，减轻宿舍管理员的工作量，进一步推动宿舍管理便捷式的发展。在与传统的管理模式对比，不仅节约人力物力，还节省纸张保护环境，同时也促进了宿舍管理员的事务管理信息化发展。 1 业务概述 传统的学生宿舍管理采用人工登记的方式，这种方式在
C# 按钮计算器的实现
JGD313的博客
11-06 1546
namespace 计算器 { public partial class Form1 : Form { public Form1() { InitializeComponent(); } // bool iskey = false; // 定义一个字符接收 符号 ...
web制作网页简易计算器
2201_75836738的博客
12-16 431
web制作网页
C#计算器(递归，WebService) 支持加减乘除括号等 (二)
晨曦雨露的博客
12-07 897
前台文件： 后台代码： protected void Button1_Click(object sender, EventArgs e) {
JavaWeb-include计算器
qq_41440413的博客
03-29 365
Computer.html <!DOCTYPE html> <html> <head> <title>Compute</title> <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> &lt...
web 简易计算器
hpkaifashizu的博客
09-08 4383
一、思路 1.定义变量存储按键输入的值2个（num1，num2）、小数点（.）、运算符号（fuhao）、结果（result）。 2.用到indexOf函数和substring函数。indexOf函数和java类似，返回字符中indexof（string）中字串string在父串中首次出现的位置，从0开始。substring函数： 这个函数返回第一个参数中从第二个参数指定的位置开始、第三个参数
课程设计简易计算器设计
11-20
本任务是个简易的两位数的四则运算，程序都是根据教材内和网络中的程序参考编写而成，在功能上还并不完善，限制也较多。本任务重在设计构思与团队合作，使得我们用专业知识、专业技能分析和解决问题全面系统的锻炼。...
JAVA训练--简易计算器
11-18
用JAVA实现计算器的简单计算功能。加、减、乘、除、存储数据、求平方、求倒数、求对数等。精度16位。学习参考。用eclipse可视化做的界面，有部份垃圾代码。源码在src文件夹中。
基于Python Flask 实现的 Web 计算器【100011530】
04-04
· 科学计算：用户可以输入带括号的表达式,支持在数学运算中用到的大多数函数和计算,包括三角函数和反三角函数。 · 两种输入模式：考虑到 PC 端进行浏览器访问的用户用键盘进行输入比较方便,而移动端的用户主要进行...
一个java的计算器
05-23
一个java的计算器一个java的计算器一个java的计算器一个java的计算器一个java的计算器一个java的计算器
一个符号插入器 中用到的js代码
10-30
一个符号插入器 中用到的js代码
Linux操作系统相关习题集
04-25
Linux操作系统相关习题集，包含常用名、Linux系统基础知识等
基于java的-30-「计算机毕业设计」基于net的湖南特产销售网站-源码.zip
04-25
提供的源码资源涵盖了Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试，可以直接运行，可以放心下载使用。有任何使用问题欢迎随时与博主沟通，第一时间进行解答！
JVM+Java程序运行过程内存分配图解
最新发布
04-25
1、JVM 内存分配图解的 Visio 工程图。 2、直接下载使用、可自行调整和修改
python中用模块知识写一个简易发红包
05-29
好的，我可以帮你写一个简易的发红包程序。我们可以使用Python的`random`模块来生成随机数，以及使用`math`模块来进行数学计算。以下是代码实现： ```python import random import math def send_red_envelope(total_money, num_people): # 判断红包是否合法 if total_money < num_people * 0.01: print("红包总金额不能少于每个人最少能抢到的金额！") return # 初始化红包列表 red_envelope = [] for i in range(num_people): red_envelope.append(0) # 发红包 for i in range(num_people): if i == num_people - 1: red_envelope[i] = round(total_money, 2) else: money = random.uniform(0.01, total_money - (num_people - i - 1) * 0.01) red_envelope[i] = round(money, 2) total_money -= money # 打印红包结果 print("发红包成功，红包总金额为{}元，共分给{}个人：".format(round(sum(red_envelope), 2), num_people)) for i in range(num_people): print("第{}个人抢到了{}元".format(i + 1, red_envelope[i])) # 测试程序 send_red_envelope(10, 5) ``` 在这个程序中，我们定义了一个名为`send_red_envelope`的函数，它接受两个参数：`total_money`表示红包的总金额，`num_people`表示要分给多少个人。程序会先判断红包是否合法（即红包总金额不能少于每个人最少能抢到的金额），然后初始化一个红包列表，将每个人的红包金额初始化为0。接下来，程序会使用`random.uniform()`函数来生成一个介于0.01元和剩余金额之间的随机数，将这个数作为当前人的红包金额，并更新剩余的金额。最后，程序会打印出红包的结果。 你可以在调用`send_red_envelope`函数时传入合适的参数来测试程序的功能。注意，这只是一个简单的示例程序，实际的红包应用可能需要更复杂的逻辑和安全措施。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值