ASP.Net Demo ISYS 350

ASP.NET is a sever-side technology 1. The client requests a ASP web page. 2. The web server locates the page and execute the page. 3. The output produced by the ASP.Net page is sent to the browser in HTML code.

Benefits of Server-Side Technology Browser compatibility: Every browser reads HTML. Protection of source code. Controls are server-side objects with properties, methods and events.

Web Project demo New Project: Add a Web form: A web form contains: C#/Web/ASP.Net Web Application/Asp.Net Empty Web Application Add a Web form: Project/Add new item/Web form A web form contains: A design file: Ex. webform.aspx Design view Source (HTML) view A code file: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="testASP.WebForm1" %>

Web Form Demo: Create an ASP.Net Web Form to add two numbers Add controls: Web form flow layout: Controls are positioned from left to right and from top to bottom. Add code: Double-click the form to open the code view. Events: Page_Load event and control’s events

ASP.Net Controls: Textbox, listbox, radiobutton list, button, dropdownlist

ASP.Net Controls ASP.Net Listbox has three useful properties: SelectedItem: Displayed item SelectedIndex SelectedValue: Value of the selected item. ASP.Net has a RadioButtonList control that has similar properties as the Listbox.

Code Example double pv, rate, year, fv; pv = double.Parse(TextBox1.Text); rate =double.Parse( ListBox1.SelectedValue); year = double.Parse(RadioButtonList1.SelectedValue); fv = pv * Math.Pow(1 + rate, year); TextBox2.Text = fv.ToString("c"); To set start up page: Point to the web page in the Solution Explorer and right click to choose Set As Start Page.

Compute Payment of Loan: Add CSS and Refernce VB to use pmt function

<style> div { width: 450px; margin: 0 auto; padding: 15px; background: aqua; border: 2px solid navy; } </style>

Code to compute payment double loan, rate, term, payment; loan = double.Parse(TextBox1.Text); rate = double.Parse(ListBox1.SelectedValue); term = double.Parse(RadioButtonList1.SelectedValue); payment = Financial.Pmt(rate / 12, term * 12, -loan); TextBox2.Text = payment.ToString("c");

Use Validator Controls to do Validation Example: RequiredFieldValidator Add the validator after the Loan textbox Control to Validate: TextBox1 Add this to the web.config file: <appSettings> <add key="ValidationSettings:UnobtrusiveValidationMode" value="None" /> </appSettings>