本文主要介绍使用ASP.net编写一个简易的网页计算器。前端主要是使用自带的控件,实现逻辑主要是服务端C#。
一、实现功能
- 简单加减乘除四则运算
- 能防止出现多个小数点等不符合实际错误
二、实现界面
三、前端代码
<!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">
#form{
height: 400px;
width: 460px;
margin:20px auto;
background-color:#f2f2f2;
}
.title {
width:460px;
font-size:20px;
margin:20px auto;
padding-top: 20px;
text-align:center;
}
.panel {
width:460px;
text-align:center;
}
.panel_txt {
height:45px;
width:335px;
text-align:right;
font-size:20px;
padding: 0px 10px;
}
.container {
width:350px;
display:flex;
flex-direction:row;
margin:20px auto;
}
.number_area {
width:200px;
}
.btn_normal {
width:50px;
height:40px;
margin:10px 5px;
font-size:20px;
}
.zero {
width:113px;
}
.long {
height:100px;
}
.symbol_area,.equal_area{
width:70px;
}
</style>
</head>
<body>
<form id="form" runat="server">
<div class="title"><asp:Label ID="Label" runat="server" Text="简易计算器"></asp:Label></div>
<div class="panel">
<asp:TextBox ID="Result" runat="server" CssClass="panel_txt" ReadOnly="True"></asp:TextBox>
</div>
<div class="container">
<div class="number_area">
<asp:Button ID="Btn_9" runat="server" Text="9" CssClass="btn_normal" OnClick="Btn_9_Click"/>
<asp:Button ID="Btn_8" runat="server" Text="8" CssClass="btn_normal" OnClick="Btn_8_Click"/>
<asp:Button ID="Btn_7" runat="server" Text="7" CssClass="btn_normal" OnClick="Btn_7_Click"/>
<asp:Button ID="Btn_6" runat="server" Text="6" CssClass="btn_normal" OnClick="Btn_6_Click"/>
<asp:Button ID="Btn_5" runat="server" Text="5" CssClass="btn_normal" OnClick="Btn_5_Click"/>
<asp:Button ID="Btn_4" runat="server" Text="4" CssClass="btn_normal" OnClick="Btn_4_Click"/>
<asp:Button ID="Btn_3" runat="server" Text="3" CssClass="btn_normal" OnClick="Btn_3_Click"/>
<asp:Button ID="Btn_2" runat="server" Text="2" CssClass="btn_normal" OnClick="Btn_2_Click"/>
<asp:Button ID="Btn_1" runat="server" Text="1" CssClass="btn_normal" OnClick="Btn_1_Click"/>
<asp:Button ID="Btn_0" runat="server" Text="0" CssClass="btn_normal zero" OnClick="Btn_0_Click"/>
<asp:Button ID="Btn_dot" runat="server" Text="." CssClass="btn_normal" OnClick="Btn_dot_Click"/>
</div>
<div class="symbol_area">
<asp:Button ID="Btn_divide" runat="server" Text="/" CssClass="btn_normal" OnClick="Btn_divide_Click"/>
<asp:Button ID="Btn_multy" runat="server" Text="×" CssClass="btn_normal" OnClick="Btn_multy_Click"/>
<asp:Button ID="Btn_minus" runat="server" Text="-" CssClass="btn_normal" OnClick="Btn_minus_Click"/>
<asp:Button ID="Btn_add" runat="server" Text="+" CssClass="btn_normal" OnClick="Btn_add_Click"/>
</div>
<div class="equal_area">
<asp:Button ID="Btn_clear" runat="server" Text="←" CssClass="btn_normal long" OnClick="Btn_clear_Click"/>
<asp:Button ID="Btn_equal" runat="server" Text="=" CssClass="btn_normal long" OnClick="Btn_equal_Click"/>
</div>
</div>
</form>
</body>
</html>
四、后台逻辑实现
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Btn_9_Click(object sender, EventArgs e)
{
Result.Text += "9";
}
protected void Btn_8_Click(object sender, EventArgs e)
{
Result.Text += "8";
}
protected void Btn_7_Click(object sender, EventArgs e)
{
Result.Text += "7";
}
protected void Btn_6_Click(object sender, EventArgs e)
{
Result.Text += "6";
}
protected void Btn_5_Click(object sender, EventArgs e)
{
Result.Text += "5";
}
protected void Btn_4_Click(object sender, EventArgs e)
{
Result.Text += "4";
}
protected void Btn_3_Click(object sender, EventArgs e)
{
Result.Text += "3";
}
protected void Btn_2_Click(object sender, EventArgs e)
{
Result.Text += "2";
}
protected void Btn_1_Click(object sender, EventArgs e)
{
Result.Text += "1";
}
protected void Btn_0_Click(object sender, EventArgs e)
{
Result.Text += "0";
}
protected void Btn_dot_Click(object sender, EventArgs e)
{
string str = Result.Text;
if (str.Substring(str.Length - 1, 1).Equals('.'))
{
Result.Text = str;
}
else
{
char flag = 'a';
foreach (char c in str)
{
if (c == '+') flag = '+';
if (c == '-') flag = '-';
if (c == '×') flag = '×';
if (c == '/') flag = '/';
}
if (flag == 'a')
{
if (str.Contains('.'))
{
Result.Text = str;
}
else
{
Result.Text = str + '.';
}
}
else {
string[] args = new string[2];
string a;
switch (flag)
{
case '+':
args = str.Split('+');
a = args[1];
if (a.Contains('.'))
{
Result.Text = str;
}
else
{
Result.Text = str + '.';
}
break;
case '-':
args = str.Split('-');
a = args[1];
if (a.Contains('.'))
{
Result.Text = str;
}
else
{
Result.Text = str + '.';
}
break;
case '×':
args = str.Split('×');
a = args[1];
if (a.Contains('.'))
{
Result.Text = str;
}
else
{
Result.Text = str + '.';
}
break;
case '/':
args = str.Split('/');
a = args[1];
if (a.Contains('.'))
{
Result.Text = str;
}
else
{
Result.Text = str + '.';
}
break;
}
}
}
}
protected void Btn_add_Click(object sender, EventArgs e)
{
string str = Result.Text;
if (str.Contains("+")||(str.Contains("-")||str.Contains("/")||str.Contains("×")))
{
Result.Text = Result.Text;
}
else {
Result.Text += "+";
}
}
protected void Btn_minus_Click(object sender, EventArgs e)
{
string str = Result.Text;
if (str.Contains("+") || (str.Contains("-") || str.Contains("/") || str.Contains("×")))
{
Result.Text = Result.Text;
}
else
{
Result.Text += "-";
}
}
protected void Btn_multy_Click(object sender, EventArgs e)
{
string str = Result.Text;
if (str.Contains("+") || (str.Contains("-") || str.Contains("/") || str.Contains("×")))
{
Result.Text = Result.Text;
}
else
{
Result.Text += "×";
}
}
protected void Btn_divide_Click(object sender, EventArgs e)
{
string str = Result.Text;
if (str.Contains("+") || (str.Contains("-") || str.Contains("/") || str.Contains("×")))
{
Result.Text = Result.Text;
}
else
{
Result.Text += "/";
}
}
protected void Btn_clear_Click(object sender, EventArgs e)
{
String str = Result.Text;
if(!Result.Text.Equals(""))
Result.Text= str.Substring(0, str.Length - 1);
}
protected void Btn_equal_Click(object sender, EventArgs e)
{
string str = Result.Text;
char flag = '0';
foreach (char c in str)
{
if (c == '+') flag = '+';
if (c == '-') flag = '-';
if (c == '×') flag = '×';
if (c == '/') flag = '/';
}
string[] args = new string[2];
double a, b, r;
switch (flag)
{
case '+':
args = str.Split('+');
a = double.Parse(args[0]);
b = double.Parse(args[1]);
r = a + b;
Result.Text = "";
Result.Text += r;
break;
case '-':
args = str.Split('-');
a = double.Parse(args[0]);
b = double.Parse(args[1]);
r = a - b;
Result.Text = "";
Result.Text += r;
break;
case '×':
args = str.Split('×');
a = double.Parse(args[0]);
b = double.Parse(args[1]);
r = a * b;
Result.Text = "";
Result.Text += r;
break;
case '/':
args = str.Split('/');
a = double.Parse(args[0]);
b = double.Parse(args[1]);
if (b == 0)
{
Result.Text = "除数不能为0";
break;
}
else {
r = a / b;
Result.Text = "";
Result.Text += r;
break;
}
default:
Result.Text = "不存在有效操作符";
break;
}
}
以上为主要实现代码,界面简陋,主要针对的是后台逻辑实现部分。