Cách sử dụng Visual Studio tạo website ASP.Net

Là một sinh viên đến với môn web chúng ta sẽ phải học nhiều thứ: HTML, ASP.Net, PHP… Trong đó ASP.Net được xem là web của “đại gia” bởi bất kỳ một dịch vụ hay ứng dụng của nó đều mất phí và cũng vì thế nó được xem là đảm bảo hơn, chắc chắn hơn.

Hôm nay mình muốn chia sẻ với các bạn cách sử dụng cơ bản Visual Studio để tạo website ASP.Net.

Visual Studio là một công cụ cực kỳ mạnh của hãm phần mềm nổi tiếng Microsoft hiện nay có nhiều phiên bản sử dụng: vs2005, vs2008, vs2010…., với công cụ này bạn có thể phát triển được các ứng dụng phần mềm, web với nhiều ngôn ngữ lập trình khác nhau đặt biệt với các ứng dụng winform. webform C# hay visual basic được hỗ trợ rất tốt.

Bây giờ chúng ta sẽ tạo dự án webform băng Visual Studio 2008. Bạn khởi động Visual Studio lên click vào menu file new một website mới.

Tạo mới website asp.net bằng visual studio

Tạo mới website asp.net bằng visual studio

Lúc này một cửa sổ mới hiện ra bạn chọn vào ASP.Net Web Site phía dưới chọn vào ngôn ngữ C# và nơi chứa ứng dụng website của bạn.

New Website Asp.net bằng Visual Studio

New Website Asp.net bằng Visual Studio

OK, vậy là tạo được một website ASP.net bằng Visual Studio bây giờ chúng ta sẽ tìm hiểu các công cụ và làm quên với giao diện của phần mềm này.

Công cụ trong Visual Studio

Lúc đầu về cơ bản mình sẽ giới thiệu đơn giản với các bạn những thanh công cụ mà ta hay dùng là: Toolbox, Solution Explorer, Properties, công cụ Error list.

Toolbox: Chứa những công cụ cho ta sử dụng trong quá trình làm việc ví dụ như: kéo textbox, button….
Solution Explorer: Phần quản lý các file khi ta sử dụng.
Properties: Thanh thuộc tính của một đối tượng, có thể đổi tên đối tượng, gán các hành động cho nó…
Error list: Là phần hiển thị danh sách lỗi khi chúng ta build các code của mình.

Nếu mất các thành phần trên bạn có thể vào menu view của Visual Studio để mở nó lên và sử dụng.

View trong visual studio

View trong visual studio

Ngoài ra còn rất nhiều các công cụ khác nữa các bạn tự tìm hỉu nha!

Ký thuật debug bắt lỗi trong Visual Studio

Đây là một kỹ thuật bắt lỗi logic rất hay mà hn mình muốn nói đến các bạn. Khi code là phải chấp nhận là có lỗi và mình sẽ có những phương pháp để xử lý nó.

Lỗi câu lệnh thì bạn chỉ cần Ctrl + Shift + B là có thể thấy nó hiện lên Error list rồi còn các lỗi logic bạn sẽ nắm bắt được nó sẽ diễn biến thế nào để sửa cho hợp lý.

Ví dụ bạn tạo một textbox và button như hình dưới đây. Bạn kéo từ toolbox qua bên giao diện bên phải ở trang default.aspx.

Giao diện trong visual studio

Giao diện trong visual studio

Ở đây cũng nói thêm với các bạn, visual cho phép bạn thiết kế ở các chế độ, design tức là giao diện, source là code và split vừa design vừa code.

Code và design trong visual studio

Code và design trong visual studio

Lúc này bạn click vào button vừa tạo ra, sẽ cho bạn đế file .cs ví dụ mình khai báo biến string là a gán giá trị của texbox.

      string a = txt1.Text;

Bạn click vào đầu dong theo hình dưới đây.

Chặn debug trong visual studio

Chặn debug trong visual studio

Người ta gọi thao tác này là chặn debug khi mình debug thì sẽ chạy từ dụng mình đánh dấu, sau đó bạn vào menu chọn debug / start debugging.

Chọn start debug

Chọn start debug

Típ đến bạn nhận giá trị nào đó trong text box và bấm nút button bạn sẽ được dẫn đến ngay dòng mình đánh dấu lúc nảy, bạn dùng phím f10, f11 để di chuyển và cho chuột đế giá trị của biến để xem giá trị hiện tại của nó.

Kết quả debug trong sivual studio

Kết quả debug trong sivual studio

Đó là cách mà chúng ta sẽ lần ra lối từ các giá trị mà nó có qua mỗi lúc, mỗi giai đoạn.

Kết luận: Bài này chỉ mang tính chất giới thiệu đến các bạn cách sử dụng Visual Studio tạo một website ASP.Net và cách debug lỗi, bài sau ta sẽ đi sâu hơn, 😀 các bạn theo dõi nha!

VN:F [1.9.22_1171]
Rating: 8.1/10 (19 votes cast)
Cách sử dụng Visual Studio tạo website ASP.Net, 8.1 out of 10 based on 19 ratings
Share This