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

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

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.

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

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, :D các bạn theo dõi nha!

Bạn thấy bài viết này như thế nào?: 
Average: 10 (1 vote)
Ảnh của Tommy Tran

Tommy owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

  • Skype ID: tthanhthuy

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Amazon gỡ bỏ quyền root dành cho người dùng Kindle Fire

Amazon gỡ bỏ quyền root dành cho người dùng Kindle Fire

Bản cập nhật phần mềm 6.2 mới cho Kindle Fire gỡ bỏ quyền truy cập root dành cho người dùng, tuy nhiên người dùng vẫn có thể tiến hành root lại

Edit Article Google+ nối dài “cơn ác mộng” mạng xã hội của Google?

Google+ nối dài “cơn ác mộng” mạng xã hội của Google?

Nhiều nhà phân tích của giới truyền thông và công nghệ Mỹ cho rằng Google+ lại tiếp tục là một sự thất bại trên lĩnh vực mạng xã hội của Google.

[Phần 1 Drupal Web Developer Career]: Drupal Jobs Landscape

[Phần 1 Drupal Web Developer Career]: Drupal Jobs Landscape

This will be the first of three weekly blogs that encapsulate the advice, tips and must-do elements of career building in the Drupal Community, and will be listed as reference at the DrupalEasy Academy Career Center.

Tomdesgin.vn

 

Drupal Services