Thứ Sáu, 13 tháng 1, 2023

[.NET] Hướng dẫn thực hiện chức năng đăng ký

 Các bước thực hiện:

Bước 1: Có thể tự thiết kế giao diện trang đăng ký hoặc sử dụng mẫu template MVC có sẵn.

Bước 2: Tạo 2 Action với tên DangKy rong HomeController.

- Một action với giao thức là HttpPost và action còn lại với giao thức HttpGet.

- Đồng thời tạo 1 view tương ứng kế thừa từ productLayout (View lấy từ trang đăng ký).

Bước 4.Thực hiện việc đăng ký.


Chú ý: Làm sao để lấy dữ liệu từ View khi đăng ký thành viên qua Controller, thay vì dùng biến Form Collection thì sử dụng biên Model ThanhVien. Trong Form các trường sử dụng thẻ Razor và đặt tên giống với trường trong Model(Không dùng Razor cũng được, nhưng name phải giống).

Code tham khảo

Trong HomeController

[HttpGet]

        public ActionResult DangKy()

        {

            return View();


        }

        [HttpPost]

        public ActionResult DangKy(ThanhVien tv) //Doan nay thay vi dung formcollection thi dung doi tuong, de tu nhan gia tri form truyen qua

        {

            //Thêm khách hàng vào CSDH

            db.ThanhViens.Add(tv);

            db.SaveChanges();

            return View();

        }

Trong View DangKy

@using ShopBanHang.Models

@model ThanhVien

@{

    ViewBag.Title = "DangKy";

    Layout = "~/Views/Layout/ProductLayout.cshtml";

}


<div class=" container">

    <div class=" register">

        <h1>ĐĂNG KÝ</h1>

        <form method="post" action="">

            <div class="col-md-6 register-top-grid">

                <h3>Thông tin cá nhân</h3>

                <div>

                    <span>Tài khoản</span>

                    @Html.TextBox("TaiKhoan")

                </div>

                <div>

                    <span>Họ tên</span>

                    @Html.TextBox("HoTen")

                </div>

                <div>

                    <span>Địa chỉ</span>

                    @Html.TextBox("DiaChi")

                </div>

                <div>

                    <span>Email Address</span>

                    @Html.TextBox("Email")

                </div>

                <div>

                    <span>Số điện thoại</span>

                    @Html.TextBox("DienThoai")

                </div>


            </div>

            <div class="col-md-6 register-top-grid register-bottom-grid">

                <h3>Thông tin đăng nhập</h3>

                <div>

                    <span>Password</span>

                    @Html.Password("MatKhau")

                </div>

                <div>

                    <span>Confirm Password</span>

                    @Html.Password("NhapLaiMatKhau")

                </div>

                <div>

                    <span>Câu hỏi bí mật</span>

                    <input type="text" name="CauHoi" />

                </div>

                <div>

                    <span>Câu trả lời</span>

                    <input type="text" name="CauTraLoi" />

                </div>


                <input type="submit" value="submit">


            </div>

            <div class="clearfix"> </div>

        </form>

    </div>

</div>

<!--//content-->

 


Không có nhận xét nào:

Đăng nhận xét