Download to read offline
Asp.net wp tutorial
- 1.
- 2. ASP.NET WP i AbouttheTutorial This tutorialwill give you a fair idea on how to get started with ASP.NET Web pages. Microsoft ASP.NET Web Pages is a free Web development technology that is designed to deliver the world's best experience for Web developers who are building websites for the Internet. After completing this tutorial, you will have a better understanding of what is ASP.NET Web Pages, why you need it, and of course, you will also learn how to add ASP.NET Web Pages to your project. Audience This tutorial will be extremely useful for budding Programmers, Web Developers who aspire to build websites for the internet and also to learn the nuances of ASP.NET and implement it in practice. It is especially going to help professionals who are mainly responsible for taking care of the framework that can be used to build ASP.NET content quickly and easily. Prerequisites In this tutorial, we are assuming that you are interested in learning basic programming. ASP.NET Web Pages use C# and Visual Basic programming languages and in this tutorial we will use C# as a programming language. If you don't have any background in programming, don’t worry you just have to have an interest in it. If you have ever written any JavaScript in a web page before then it is more than enough to understand this tutorial. Copyright&Disclaimer Copyright 2016 by Tutorials Point (I) Pvt. Ltd. All the content and graphics published in this e-book are the property of Tutorials Point (I) Pvt. Ltd. The user of this e-book is prohibited to reuse, retain, copy, distribute or republish any contents or a part of contents of this e-book in any manner without written consent of the publisher. We strive to update the contents of our website and tutorials as timely and as precisely as possible, however, the contents may contain inaccuracies or errors. Tutorials Point (I) Pvt. Ltd. provides no guarantee regarding the accuracy, timeliness or completeness of our website or its contents including this tutorial. If you discover any errors on our website or in this tutorial, please notify us at contact@tutorialspoint.com
- 3. ASP.NET WP ii TableofContents About theTutorial....................................................................................................................................i Audience..................................................................................................................................................i Prerequisites............................................................................................................................................i Copyright & Disclaimer.............................................................................................................................i Table of Contents....................................................................................................................................ii 1. ASP.NET WP – OVERVIEW ...................................................................................................1 What is ASP.NET Web Pages?..................................................................................................................1 2. ASP.NET WP – ENVIRONMENT SETUP .................................................................................3 WebMatrix..............................................................................................................................................3 Visual Studio Installation.........................................................................................................................9 3. ASP.NET WP – GETTING STARTED .....................................................................................14 How to Create a Blank Website? ...........................................................................................................14 Create an ASP.NET Web Page................................................................................................................19 4. ASP.NET WP – VIEW ENGINES ...........................................................................................25 ASPX View Engine .................................................................................................................................25 Razor View Engine.................................................................................................................................25 Syntax Differences ................................................................................................................................26 5. ASP.NET WP – PROJECT FOLDER STRUCTURE....................................................................27 How to Create a new Project in WebMatrix? ........................................................................................27 Folders in WebMatrix............................................................................................................................30 6. ASP.NET WP – GLOBAL PAGES...........................................................................................37 _AppStart..............................................................................................................................................37
- 4. ASP.NET WP iii _PageStart.............................................................................................................................................39 Work Flow.............................................................................................................................................39 7.ASP.NET WP – PROGRAMMING CONCEPTS.......................................................................41 What is Razor........................................................................................................................................41 Variables to Store Data .........................................................................................................................43 Decisions Making ..................................................................................................................................44 8. ASP.NET WP – LAYOUTS ....................................................................................................50 Create Reusable Blocks of Content........................................................................................................50 Create a Consistent look using Layout Pages.........................................................................................56 9. ASP.NET WP – WORKING WITH FORMS.............................................................................61 How to Create an Input Form? ..............................................................................................................61 Reading User Input from the Form........................................................................................................63 10. ASP.NET WP – PAGE OBJECT MODEL.................................................................................70 Properties and Methods of Page Object Model.....................................................................................70 11. ASP.NET WP – DATABASE..................................................................................................74 Create a Database.................................................................................................................................74 Create Table..........................................................................................................................................78 Display Database Data ..........................................................................................................................80 12. ASP.NET WP – ADD DATA TO DATABASE...........................................................................83 How to add Data to the Customer Table in the Database?....................................................................83 13. ASP.NET WP – EDIT DATABASE DATA ................................................................................88 How to Edit the Existing Data of the Database? ....................................................................................88 14. ASP.NET WP – DELETE DATABASE DATA............................................................................95 How to Delete a Database Record?.......................................................................................................95 Delete a Customer from the Database ..................................................................................................97
- 5. ASP.NET WP iv 15. ASP.NETWP – WEBGRID .................................................................................................101 Display and Sort Data with WebGrid...................................................................................................101 16. ASP.NET WP – CHARTS....................................................................................................108 How to Display Data on Charts? ..........................................................................................................108 17. ASP.NET WP – WORKING WITH FILES..............................................................................117 Write Data to a File .............................................................................................................................117 Append Data to an Existing File...........................................................................................................121 Read Data from a File..........................................................................................................................125 18. ASP.NET WP – WORKING WITH IMAGES .........................................................................128 Display Image Dynamically..................................................................................................................128 Upload Image......................................................................................................................................132 19. ASP.NET WP – WORKING WITH VIDEOS ..........................................................................136 How to Embed a Video?......................................................................................................................136 Choosing a Player................................................................................................................................139 20. ASP.NET WP – ADD EMAIL...............................................................................................145 21. ASP.NET WP – ADD SEARCH ............................................................................................152 Simple Search......................................................................................................................................152 Advanced Search.................................................................................................................................152 22. ASP.NET WP – ADD SOCIAL NETWORKING TO THE WEBSITE...........................................157 Game Card ..........................................................................................................................................159 23. ASP.NET WP – CACHING..................................................................................................162 How to Cache the Data?......................................................................................................................162
- 6. ASP.NET WP v 24. ASP.NETWP – SECURITY..................................................................................................165 How to Secure a Website with Authentication?..................................................................................165 Create Page for Members Only ...........................................................................................................173 25. ASP.NET WP – PUBLISH ...................................................................................................179 Selecting a Hosting Provider................................................................................................................179
- 7. ASP.NET WP 6 This tutorialwill give you a fair idea of how to get started with ASP.NET Web Pages. Microsoft ASP.NET Web Pages is a free Web development technology that is designed to deliver the world's best experience for Web Developers who are making websites for the Internet. The main goal is that after completing this tutorial, you will have a better understanding of what ASP.NET Web Pages is, why we need them and of course how to add ASP.NET Web Pages to your project. WhatisASP.NETWebPages? ASP.NET Web Pages is a simplified framework that we can use to build ASP.NET content quickly and easily. It is one of the three programming models for creating ASP.NET web sites and web applications. The other two programming models are Web Forms and MVC. ASP.NET Web Pages is a framework that you can use to create dynamic web pages. A simple HTML web page is static and its content is determined by the fixed HTML markup that's in the page, while with dynamic pages you can create the page content on the fly by using code. It provides an easy way to combine HTML, CSS, JavaScript and server code. With dynamic pages you can do many things like – 1. ASP.NET WP – OVERVIEW
- 8. ASP.NET WP 7 Aska user for making an input by using a form and then change what the page displays or how it looks. Take the information from a user, save it in a database, and then list it later. Send an email from your site. Interact with other services on the web. The ASP.NET Web Pages support the ability to run websites side by side. This lets you to continue to run your older ASP.NET Web Pages applications, build new ASP.NET Web Pages applications, and run all of them on the same computer. What Should You Know? In this tutorial, we are assuming that you are interested in learning basic programming. The ASP.NET Web Pages use C# and Visual Basic programming languages. In this tutorial, we will use C# as a programming language. No prior experience in programming required. If you have ever written any JavaScript in a web page before then it is more than enough to understand this tutorial. What Do You Need? To start the ASP.NET Web Pages development, you will need the following: A computer/laptop that is running Windows 10, Windows 8, Windows 7, Windows Server 2008, or Windows Server 2012. A live internet connection. Administrator privileges which is required just for the installation.
- 9. ASP.NET WP 8 You canstart ASP.NET Web Pages development using any one of the following tools: WebMatrix Visual Studio WebMatrix WebMatrix is a free, lightweight, easy to install and easy to use set of web development tools that provides the easiest way to build websites. It is a tool that integrates a web page editor, a database utility, a web server for testing pages, and features for publishing your website to the Internet. It includes IIS Express which is a development web server, ASP.NET and SQL Server Compact, which is an embedded database. The web pages that you create using WebMatrix can be dynamic. To program dynamic Web pages, you can use ASP.NET with the Razor syntax and with the C# or Visual Basic programming languages. If you already have programming tools that you like, you can try the WebMatrix tools or you can use your own tools to create websites that use ASP.NET such as Visual Studio. 2. ASP.NET WP – ENVIRONMENT SETUP
- 10. ASP.NET WP 9 WebMatrix Installation Youcan install the WebMatrix from the following link – https://www.microsoft.com/web/webmatrix/ Download the WebMatrix and double click on the WebMatrixWeb.exe and it will start the Microsoft Web Platform Installer.
- 11. ASP.NET WP 10 The WebPlatform Installer appears, and now it is ready to install WebMatrix.
- 12. ASP.NET WP 11 Click Installbutton to start the WebMatrix installation.
- 13. ASP.NET WP 12 Click IAccept to continue the installation.
- 14. ASP.NET WP 13 Once theinstallation is completed, you will see the following message.
- 15. ASP.NET WP 14 VisualStudioInstallation Microsoft providesa free version of Visual Studio that also contains SQL Server and it can be downloaded from https://www.visualstudio.com/en-us/downloads/download-visual-studio- vs.aspx. 1. Once downloading is completed, run the installer. It will display the following dialog.
- 16. ASP.NET WP 15 2. ClickInstall and it will start installation process.
- 17.
- 18. ASP.NET WP 17 3. Oncethe installation process is completed successfully you will see the following dialog.
- 19. ASP.NET WP 18 4. Closethis dialog and restart your computer if required. 5. Now open Visual studio from the Start Menu, which will open a below dialog and it will take some time to open for the first time for preparation as shown in the following screenshot.
- 20. ASP.NET WP 19 6. Onceall this is done, you will see the main window of Visual studio. You can now start ASP.NET Web Pages development.
- 21. ASP.NET WP 20 In thischapter, we will look at how to start a simple example using ASP.NET Web Pages. To begin with, we will create a new website and a simple web page. HowtoCreateaBlankWebsite? To start with, launch Microsoft WebMatrix which we have installed in the previous chapter. 3. ASP.NET WP – GETTING STARTED
- 22. ASP.NET WP 21 We willcreate a blank site and then and add a page. To start with, click New and it will display the built-in templates.
- 23. ASP.NET WP 22 Templates arepre-built files and pages for different types of websites. To see all of the templates that are available by default, select the Template Gallery option.
- 24. ASP.NET WP 23 Select theEmpty Site template and enter the Site Name. In this case, we have entered FirstWebPageDemo as the Site Name and then we have to click Next.
- 25. ASP.NET WP 24 It willinstall the required packages. Once the installation is finished, WebMatrix creates and opens the site as shown in the following screenshot.
- 26.
- 27. ASP.NET WP 26 CreateanASP.NETWebPage Now tounderstand and become familiar with WebMatrix and ASP.NET Web Pages, let’s create a simple web page by clicking New in the Home tab.
- 28. ASP.NET WP 27 WebMatrix displaysa list of file types as shown in the following screenshot.
- 29. ASP.NET WP 28 Select CSHTML,and in the Name box, enter FirstPage.cshtml and click Ok. Now you can see that WebMatrix has created the page and opens it in the editor. Let us first update the FirstPage.cshtml page as shown in the following program. @{
- 30. ASP.NET WP 29 } <!DOCTYPE html> <htmllang="en"> <head> <meta charset="utf-8" /> <title>Welcome to ASP.NET Web Pages Tutorials</title> </head> <body> <h1>Hello World, ASP.NET Web Page</h1> <p>Hello World!</p> </body> </html> Now to test this web page, let’s select the arrow which is below the Run option on the Home tab and select Internet Explorer as shown in the following screenshot.
- 31. ASP.NET WP 30 Now youwill see the following empty web page.
- 32.
- 33. ASP.NET WP 32 Now let’sspecify the following url – http://localhost:46023/firstpage in the browser and you will see the following output.
- 34. ASP.NET WP 33 The ViewEngine in ASP.NET is used to translate our views to HTML and then render them to the browser. By default, ASP.Net supports ASPX and the Razor View Engine. The view engine templates have a different syntax than the implementation. In this chapter, we will discuss the two most important view engines which are – ASPX View Engine also known as Web Form View Engine and Razor View Engine There are many more third-party view engines, like Spark, Nhaml, etc. ASPXViewEngine ASPX or Web Form Engine is the default view engine for ASP.NET that is included with ASP.NET MVC from the beginning itself. The syntax used for writing a view with the ASPX View Engine is the same as the syntax used in the ASP.NET web forms. The file extensions are also the same as for ASP.NET web forms (like .aspx, .ascx, .master). ASPX uses "<%= %>" or "<%: %>" to render server-side content. The namespace for Webform Engine is System.Web.Mvc.WebFormViewEngine. ASPX View Engine does nothing to avoid Cross-Site Scripting attacks by default. ASPX View Engine is comparatively faster than Razor View Engine. RazorViewEngine Razor Engine is an advanced view engine that was introduced with MVC3. It is not a new language, but it is a new markup syntax. The Razor syntax is based on the C# programming language. The Razor syntax also supports the Visual Basic language, and everything that we will do using C#, you can do all of that in Visual Basic as well. The namespace for Razor Engine is System.Web.Razor. Razor uses the "@" character instead of "<% %>" as used by the ASPX View Engine. 4. ASP.NET WP – VIEW ENGINES
- 35. ASP.NET WP 34 End ofebook preview If you liked what you saw… Buy it from our store @ https://store.tutorialspoint.com