Cách tạo và thực thi một website đơn giản bằng Asp.net Fb-Button

Thứ Ba, 19 tháng 8, 2014

- Bài tập này giúp sinh viên biết cách tạo website Asp.net bằng Visual Studio 2010
- Làm quen với một số Server Control cơ bản: Button, TextBox, Label
- Biết cách biên dịch và thực thi website trong Visual Studio 2010
Cụ thể ta Thiết kế website hỗ trợ giải phương trình bậc 2 qua mạng với giao diện bên dưới:

- Khi bấm nút “Giải phương trình”, website sẽ gửi 3 thông số a,b,c lên server. Server xử lý 3 tông số này và gửi kết quả về cho client.
- Khi bấm nút “Xóa trắng”, website sẽ xóa toàn bộ dữ liệu có sẵn trên giao diện và di chuyển con trỏ văn bản mặc định tới ô “Hệ số a”.
- Bổ sung thêm chức năng “RequiredFieldValidator” cho các hệ số a, b, c
Để tạo một website asp.net bằng Visual Studio 2010 ta làm như sau:
Bước 1: Khởi động Visual Studio 2010
Bước 2: Vào menu File/ New / Website như hình bên dưới:

Màn hình bên dưới xuất hiện:
Mục Installed Templates: Chọn Visual C#
Mục ở giữa màn hình: Chọn ASP.NET Empty Website

Đặt nơi lưu trữ website rồi bấm OK

Bước 3: Thêm một trang web mới: Bấm chuột phải vào Project / Add New Item/

Bước 4: Chọn Webform, đặt “tên bất kỳ.aspx” rồi nhấn nút “Add”:

Bước 5: Tiến hành thiết kế giao diện như yêu cầu, dưới đây là hình chụp từ Visual studio:

Ta thiết kế trong Default.aspx. Viết coding trong Default.aspx.cs.
Để viết sự kiện cho các Button thì ta chỉ cần Double – click vào Button đó, mặc nhiên chương trình sẽ tạo sự kiện cho Button trong tập tin Default.aspx.cs

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

{

    protected void Page_Load(object sender, EventArgs e)

    {

    }

    protected void btnGiai_Click(object sender, EventArgs e)

    {

        double a = Double.Parse(txta.Text);

        double b = Double.Parse(txtb.Text);

        double c = Double.Parse(txtc.Text);

        if (a == 0)

        {

            if (b == 0)

            {

                if (c == 0)

                {

                    lblKetqua.Text = "PT có vô số nghiệm";

                }

                else

                {

                    lblKetqua.Text = "PT vô nghiệm";

                }

            }

            else

            {

                lblKetqua.Text = "PT có 1 nghiệm x= " + (-c / b);

            }

        }

        else        {

            double delta = Math.Pow(b, 2) - 4 * a * c;

            if (delta < 0)

            {

                lblKetqua.Text = "PT vô nghiệm";

            }

            else if (delta == 0)

            {

                lblKetqua.Text = "PT có nghiệm kép x1=x2="+(-b/(2*a));

            }

            else

            {

                lblKetqua.Text = "x1=" + ((-b - Math.Sqrt(delta) )/ (2 * a)) + " ; x2=" + ((-b + Math.Sqrt(delta)) / (2 * a));

            }

        }

    }

    protected void btnXoatrang_Click(object sender, EventArgs e)

    {

        txta.Text = "";

        txtb.Text = "";

        txtc.Text = "";

        txta.Focus();

    }

Nhấn phím F5 để thực thi, hoặc bấm chuột phải vào trang web/ chọn View In Browser
Giải thích:
-          Sự kiện Page_Load sẽ luôn luôn tự động thực thi khi mỗi lần ta truy cập vào trang web này (lần đầu hoặc các lần tiếp theo, hoặc mỗi lần ta nhấn phím F5)
-          Mỗi lần nhấn nút “Giải phương trình” hay “xóa trắng” thì sự kiện Page_Load cũng được thực thi trước sau đó mới tới sự kiện của các Button này.
-          Lệnh dưới để kiểm tra nếu có PostBack từ client hay không. Rất quan trọng để chúng ta xử lý coding (Khi website đã được load về client rồi, người sử dụng chọn Button nào đó thì nó sẽ request lên Server và trang Page_load này lại thực hiện, nhưng lúc đó thì IsPostBack sẽ bằng true, ta dựa vào đây để quyết định tải dữ liệu lại hay không?)
protected void Page_Load(object sender, EventArgs e)
{
if (IsPostBack==false)
{
}
}

Tags: Web ASP