asp.net实现一个简单的网页计算器（能够实现加减乘除）

最新推荐文章于 2022-04-12 19:52:04 发布
最新推荐文章于 2022-04-12 19:52:04 发布
阅读量6.9k 收藏 63
点赞数 8
分类专栏： asp.net 网页计算器 文章标签： asp.net c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Relief_1619/article/details/105870968
版权

asp.net实现一个能够进行加减乘除）简单的网页计算器

  • 效果图
    在这里插入图片描述

  • 实现代码：
    aspx文件代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Calculator.aspx.cs" Inherits="WebApplication2.Computer2" %>

<!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">
        .tab {
            margin: 0 0; /*使整个计算器的界面位于网页中央 */
            Height: 290px;
            width: 220px;
            
        }
        .h{
            text-align: center;
        }
        .cellCss{
            Height: 40px;
            width: 50px;
        }
        .rowCss{
            Height: 40px;
            
        }
        .but_ac {
            width: 80px;
            height: 60px;
            
            font-size: 1.2em; /*设置字体大小*/
        }

        .but {
            width: 50px;
            height: 40px;
            font-size: 1.2em;
            background-color:#e0ebeb;
        }
        .butSign {
            width: 50px;
            height: 40px;
            font-size: 1.2em;
            background-color: #a3c2c2;
        }
        .butEqual {
            width: 50px;
            height: 80px;
            font-size: 1.2em;
            background-color: #a3c2c2;
        }
        .but0 {
            width: 100px;
            height: 40px;
            font-size: 1.2em;
            background-color:#e0ebeb;
        }
        .screen {
            width: 210px;
            height: 70px;
            font-size: 1.5em;
            
           
            text-align: right; /*使用户输入的表达数从屏幕的右边开始显示*/
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            
            <asp:Table ID="Table1" runat="server" CssClass="tab" CellPadding="2" CellSpacing="0" HorizontalAlign="Center" BorderStyle="Double" Caption="网页计算器">

                <asp:TableRow CssClass="rowCss" runat="server" HorizontalAlign="Center">
                    <asp:TableCell CssClass="cellCss" runat="server" ColumnSpan="4">

                        <asp:TextBox ID="TextBox1" runat="server" readOnly="true" CssClass="screen" OnTextChanged="TextBox1_TextChanged"></asp:TextBox><br />
                    </asp:TableCell>
                </asp:TableRow>

                <asp:TableRow CssClass="rowCss" runat="server" HorizontalAlign="Center">
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button1" CssClass="butSign" runat="server" Text="AC"  OnClick="Button5_Click"/>
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button2" runat="server" CssClass="butSign" Text="×" OnClick="Button3_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button3" runat="server" CssClass="butSign" Text="÷" OnClick="Button3_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button4" runat="server" CssClass="butSign" Text="<-"  Onclick="Button6_Click"/>
                    </asp:TableCell>
                </asp:TableRow>

                <asp:TableRow CssClass="rowCss" runat="server" HorizontalAlign="Center">
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button5" CssClass="but" runat="server" Text="7" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button6" CssClass="but" runat="server" Text="8" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button7" CssClass="but" runat="server" Text="9" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button8" CssClass="butSign" runat="server" Text="+" OnClick="Button3_Click" />
                    </asp:TableCell>
                </asp:TableRow>

                <asp:TableRow CssClass="rowCss" runat="server" HorizontalAlign="Center">
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button9" CssClass="but" runat="server" Text="4" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button10" CssClass="but" runat="server" Text="5" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button11" CssClass="but" runat="server" Text="6" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button12" CssClass="butSign" runat="server" Text="-" OnClick="Button3_Click" />
                    </asp:TableCell>
                </asp:TableRow>

                <asp:TableRow CssClass="rowCss" runat="server" HorizontalAlign="Center">
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button13" CssClass="but" runat="server" Text="1" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button14" CssClass="but" runat="server" Text="2" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button15" CssClass="but" runat="server" Text="3" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server" RowSpan="2">
                        <asp:Button ID="Button20" CssClass="butEqual" runat="server" Text="="  OnClick="Button4_Click" />
                    </asp:TableCell>
                </asp:TableRow>
                <asp:TableRow CssClass="rowCss" runat="server" HorizontalAlign="Center">
                    <asp:TableCell CssClass="cellCss" runat="server" ColumnSpan="2">
                        <asp:Button ID="Button17" CssClass="but0" runat="server" Text="0" OnClick="Button1_Click" />
                    </asp:TableCell>
                    <asp:TableCell CssClass="cellCss" runat="server">
                        <asp:Button ID="Button18" CssClass="but" runat="server" Text="." OnClick="Button2_Click" />
                    </asp:TableCell>

                    
                </asp:TableRow>
            </asp:Table>
            <br />
        </div>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        <asp:Button ID="Button16" runat="server" Text="Button" OnClick="Button16_Click" />
    </form>
</body>
</html>

aspx.cs文件代码：

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

namespace WebApplication2
{
    public partial class Comput : System.Web.UI.Page
    {
        double result;
        protected void Page_Load(object sender, EventArgs e)
        {
        
        }
        /*实现数字运算符*/
        protected void Button1_Click(object sender, EventArgs e)
        {
            Button btn = (Button)sender;
            if (TextBox1.Text == "")
            {
                TextBox1.Text = btn.Text;
            }
            else
            {
                TextBox1.Text += btn.Text;
            }
            
        }

        protected void TextBox1_TextChanged(object sender, EventArgs e)
        {

        }
        /*实现结果运算符“=”功能*/
        protected void Button4_Click(object sender, EventArgs e)
        {
            string s_txt = TextBox1.Text;
      
            int space = s_txt.IndexOf(' ');
            
            if (space < 0)  //如果只输入一个数值后直接按等于键‘=’
            {
                TextBox1.Text = TextBox1.Text;
            }
            else
            {
                string c1 = s_txt.Substring(0, space);//获取字符串s_txt中的从0开始的n个字符，其中space为想要提取的字符个数
                char operation = Convert.ToChar(s_txt.Substring((space + 1), 1));
                string c2 = s_txt.Substring(space + 3);
                double arg1 = Convert.ToDouble(c1);
                double arg2 = Convert.ToDouble(c2);

                TextBox1.Text = result.ToString();
                switch (operation)
                {
                    case '+':
                        result = arg1 + arg2;
                        break;
                    case '-':
                        result = arg1 - arg2;
                        break;
                    case '×':
                        result = arg1 * arg2;
                        break;
                    case '÷':
                        result = arg1 / arg2;
                        break;

                    default:
                        throw new ApplicationException();
                }
                TextBox1.Text = result.ToString();
            }

        }
        /*实现小数点*/
        protected void Button2_Click(object sender, EventArgs e)
        {
            Button btn = (Button)sender;
            string sc_txt = TextBox1.Text;
            int space = sc_txt.IndexOf(' ');
            if(TextBox1.Text == "") //屏幕中还没有输入其他数字就直接按小数点
            {
                TextBox1.Text = "0.";
            }
            else
            {
                

                string str_last = sc_txt.Substring(sc_txt.Length - 1, 1);
                if (str_last == " ") //判断小数点是否为该操作数的起始点
                {
                    TextBox1.Text += "0.";
                }
                else
                {
                    /*判断第二个数是否已有小数点，避免因为第一个数值有小数点而误判*/
                    if (space < 0) //若space>0，说明已输入操作符
                    {
                        if (sc_txt.Contains("."))   // sc_txt.Contains(".")用于判断是否有指定字符
                        {

                            TextBox1.Text = TextBox1.Text;
                        }
                        else
                        {
                            TextBox1.Text += btn.Text;
                        }
                    }
                    else 
                    {                      
                        //string c1 = s_txt.Substring(0, space);//获取字符串s_txt中的从0开始的n个字符，其中space为个数
                        //char operation = Convert.ToChar(s_txt.Substring((space + 1), 1));
                        string s2 = sc_txt.Substring(space + 3);
                        if (s2.Contains("."))   // sc_txt.Contains(".")用于判断是否有指定字符
                        {

                            TextBox1.Text = TextBox1.Text;
                        }
                        else
                        {
                            TextBox1.Text += btn.Text;
                        }
                    }
                    
                }
            }
           
        }
        /*实现加减乘除运算符*/
        protected void Button3_Click(object sender, EventArgs e)
        {
            Button btn = (Button)sender;
            //要求先输入数字后，才能输入运算符
            if (TextBox1.Text == "")
            {
                TextBox1.Text = "";
            }
            else
            {
                TextBox1.Text = TextBox1.Text + " " + btn.Text + " ";
            }
                
        }
        /*实现退格按钮，点击一次退格，清除最右边的一个字符*/
        protected void Button6_Click(object sender, EventArgs e)
        {
            string s = TextBox1.Text;
            string ss;
            string s_last= s.Substring(s.Length - 1,1);
            if(s_last==" ")
            {
                 ss = s.Substring(0, s.Length - 3);
            }
            else
            {
                 ss = s.Substring(0, s.Length - 1);
            }
            
            TextBox1.Text = ss;
        }
        //全部清空键
        protected void Button5_Click(object sender, EventArgs e)
        {
            
            TextBox1.Text = "";
        }

        protected void Button16_Click(object sender, EventArgs e)
        {
            string str1=TextBox2.Text;
        }
        
    }
}

该网页计算器的功能比较简单，目前只能两个操作数的加减乘除。

小计算器(ASP.NET)
小滕的Java学习旅途
11-27 1081
用DropDownList下拉列表控件接收+-*/运算
用ASP.NET编写一个计算器（能实现加减乘除的）
热门推荐
gengyudan的专栏
01-26 1万+
Operation类: class Operation     {         public static double GetResult(double numberA, double numberB, string operate)         {             double result = 0d;             switch (operate)
ASP.net编写一个网页计算器
song&life
05-02 4976
主要介绍使用ASP.net编写一个简易的网页计算器。前端主要是使用自带的控件，实现逻辑主要是服务端C#。
ASP.NET制作的一个在线计算器
05-15
一个用ASP.NET制作的小计算器，很实用，适合ASP.NET初学者。
网页版简易计算器（仅加减乘除）
qq_44544363的博客
07-30 3463
网页版简易计算器（仅加减乘除） ………………………………………………………………………………………………… 开发工具与关键技术：Visual Studio 2015 C# 作者：林敏静 撰写时间：2019年7月25日 ………………………………………………………………………………………………… 每个月总有那么一两天厌倦写代码，为了放松一下自我，我在空闲时间看到了一些的网页版计算器，所以我也跟风写了...
asp.net计算器
06-28
做了方法的封装，代码量不大的简易计算器，对付作业的水平绝对是足够的
ASP.NET(C#)实现加减乘除
11-28
在这个"ASP.NET(C#)实现加减乘除"的例子中，我们看到的是一个简单的计算器应用，它能够执行基本的算术运算，如加法、减法、乘法和除法。 首先，`Default.asp`是ASP.NET中的一个服务页面，它通常包含HTML、服务器...
ASP.NET 利用VS 在网页中制作一个简易的四则计算器
weixin_46067990的博客
03-03 4669
制作一个简易的四则运算器 1、 在VS里创建一个Web应用程序（空项目模板） 2、 右击项目名称—添加—新建项—web窗体—改名（不要有中文，不然后期运行会报错）—添加 3、 页面左下角有设计、拆分和源三个视图选项，点击设计，按照简单地四则运算器的设计图拖动左侧工具栏中的插件。我们新建Web窗体之后，默认所处的视图是 源，设计视图的话点击拆分也是可以的，拆分就是上半是源，下半是设计视图，可以更直观的看到你每拖动一个插件放到设计视图里之后，在源视图的代码中，会出现相应的代码段。 4、 更改四个Button
基于asp.net的网页计算器简单实现
12-01
通过以上步骤，我们可以构建一个功能完善的基于ASP.NET的网页计算器，它不仅能够处理基本的加减乘除，还能处理具有优先级的任意多个数的运算。这样的计算器对初学者理解Web开发和C#编程都有很好的实践价值。
网页计算器简单实现加减乘除功能
Cinder19920203的博客
07-02 1981
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
ASP.NET简单的计算器
04-15
一个简单的在线计算器，包含基本的运算，sin运算，平方运算
ASP.net简单计算器
04-01
用ASP做的简单的一个计算器，操作其实很简单，很适合初学者进行使用。
基于asp.net的简易计算器
10-09
基本功能已实现，界面一般，仅为课堂交作业使用，一些代码仅供参考
ASP.NET网页计算器
09-26
使用ASP.NET制作，主要是一种简单的网页用的计算器。做的比较粗糙。
ASP.NET做的一个简单计算器
10-23
ASP.NET做的一个简单计算器
web信息管理课程（2）:ASP.NET编写第一个加法计算器
全栈川川
04-12 1919
ASP.NET第一个项目
ASP.NET (C#)简单计算器
11-12
ASP.NET (C#)简单计算器，海事大学08级作业
用ASP.NET实现一个简单的计算器(适合入门者)
zgqtxwd的专栏
05-01 1281
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
用asp.net编写的一个简单计算器
06-09
用asp.net编写的一个简单的计算器.实现基本的运算,和一些科学计算.后台语言是用C#编写的.
C#基础：实现加减乘除的计算器教程
根据提供的文件信息，我们可以得知该文件是一个关于C#语言实现的计算器项目，该项目可能涉及ASP.NET窗体的应用。由于文件本身是压缩包，我们无法直接了解其内部代码和结构，但可以基于标题、描述和标签来展开相关...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值