Lab2 MayTinh

Chương 4: Web Server Controls Lab2: Máy Tính Cá Nhân
MỤC TIÊU
Kết thúc bài lab này, bạn có khả năng
 Sử dụng DropDownList
 Điều khiểu sự khiện SelectedIndexChanged
MÔ TẢ
Trong bài này bạn sẽ xây dựng một trang ASP.NET cho phép tính toán 4 phép tính cơ bản được
mô tả như hình sau:
Nhập toán hàng không hợp lệ
Nhập các toán hạng hợp lệ

Các bước để hoàn thành ứng dụng
 Bước 1: Thiết kế giao diện
 Bước 2: Viết mã điều khiển các sự kiện o Click: nhấp nút bằng o SelectedIndexChange: Chọn
toán tử
 Bước 4: Chạy theo các tình huống

THỰC HIỆN
Bước 1: Thiết kế giao diện
Mã ASP.NET
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MayTinh.aspx.cs"
Inherits="Ch7_MayTinh" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table align="center" cellpadding="5" cellspacing="0">

<tr>
<td>
Toán hạng a</td>
<td>
Toán tử</td>
<td>
Toán hạng b</td>
<td>
</td>
<td>
Kết quả</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtToanHangA" runat="server" Width="62px"></asp:TextBox>
</td>
<td>
<asp:DropDownList ID="ddlToanTu" runat="server" AutoPostBack="True"
onselectedindexchanged="ddlToanTu_SelectedIndexChanged">
<asp:ListItem Selected="True" Value="+">Cộng</asp:ListItem>
<asp:ListItem Value="-">Trừ</asp:ListItem>
<asp:ListItem Value="x">Nhân</asp:ListItem>
<asp:ListItem Value=":">Chia</asp:ListItem>
</asp:DropDownList>
</td>
<td>
<asp:TextBox ID="txtToanHangB" runat="server" Width="62px"></asp:TextBox>
</td>
<td>
<asp:Button ID="btnThucHien" runat="server" onclick="btnThucHien_Click" Text=" = " />
</td>
<td>
<asp:TextBox ID="txtKetQua" runat="server" Width="62px"></asp:TextBox>
</td>
</tr>
<tr>
<td align="center" colspan="5">
<asp:Label ID="lblError" runat="server" ForeColor="Red"></asp:Label>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Bước 2: Viết mã điều khiển các sự kiện
Khi nhấp nút = hay chọn toán tử thì kết quả phải được tính toán lại. Để điều khiển hai sự kiện
này cùng mục đích, chúng ta tách công việc tính toán viết một hàng riêng. Sau đó gọi hàm trong
các điều khiển sự kiện.
using System;
using System.Collections.Generic;
using System.Linq; using
System.Web; using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Ch7_MayTinh : System.Web.UI.Page

{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void ddlToanTu_SelectedIndexChanged(object sender, EventArgs e)
{
this.TinhToan();
}
protected void btnThucHien_Click(object sender, EventArgs e)
{
this.TinhToan();
}
void TinhToan()
{
try
{
double tha = double.Parse(txtToanHangA.Text);
double thb = double.Parse(txtToanHangB.Text);
double kq = 0;
String tt = ddlToanTu.SelectedValue;
switch (tt)
{ case "+": kq = tha + thb;
lblError.Text = "Bạn thực hiện phép tính cộng !";
break;
case "-": kq = tha - thb;
lblError.Text = "Bạn thực hiện phép tính trừ !";
break;
case "x": kq = tha * thb;
lblError.Text = "Bạn thực hiện phép tính nhân !";
break;
case ":":kq = tha / thb;
lblError.Text = "Bạn thực hiện phép tính chia !";
break;
}
txtKetQua.Text = kq.ToString();
}
catch {
lblError.Text = "Vui lòng nhập toán hạng hợp lệ !";
}
}
}
Bước 4: Chạy theo các tình huống

Chạy ứng dụng theo 3 tình huống sau
 Nhập toán hạng a và chọn toán tử
 Nhập toán hạng b và nhấp nút =
 Chọn toán tử khác

Lab2 MayTinh

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Lab2 MayTinh

Uploaded by

Copyright:

Available Formats

Chương 4: Web Server Controls Lab2: Máy Tính Cá Nhân

 Điều khiểu sự khiện SelectedIndexChanged

Nhập toán hàng không hợp lệ

Nhập các toán hạng hợp lệ

 Bước 1: Thiết kế giao diện

 Bước 4: Chạy theo các tình huống

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<table align="center" cellpadding="5" cellspacing="0">

public partial class Ch7_MayTinh : System.Web.UI.Page

Bước 4: Chạy theo các tình huống

 Nhập toán hạng a và chọn toán tử

 Nhập toán hạng b và nhấp nút =

 Chọn toán tử khác

You might also like