0% found this document useful (0 votes)
9 views

ASPNET Lab Manual

The document outlines a series of practical exercises for creating ASP.NET applications using C#. Each exercise includes a specific aim, design properties, and code examples for functionalities such as palindrome checking, message display with formatting options, employee list management, voting results, and calorie calculations. Additionally, it covers styling elements using CSS for various controls in web forms.

Uploaded by

ritenpanchasara
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views

ASPNET Lab Manual

The document outlines a series of practical exercises for creating ASP.NET applications using C#. Each exercise includes a specific aim, design properties, and code examples for functionalities such as palindrome checking, message display with formatting options, employee list management, voting results, and calorie calculations. Additionally, it covers styling elements using CSS for various controls in web forms.

Uploaded by

ritenpanchasara
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 64

ASP.

NET WITH C#

PRACTICAL NO. : 03(1)

AIM: Create an application that allows the user to enter a number in the textbox named
is palindrome or not. Print the
message accordingly in the label control named lbldisplay when the user clicks on the button

DESIGN:

PROPERTIES TABLE:

Control Property Value


Label1 Text Enter Number
ID lblnum1
TextBox ID getNum
Button Text Check
ID btncheck
Label2 Text Result
ID lblnum2

CODE:
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace PalindromeCheck
{
public partial class PalindromeNumberCheck : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btncheck_Click(object sender, EventArgs e)
{
int num = int.Parse(getNum.Text);
int n, rev = 0, d;
40
ASP.NET WITH C#

n = num;
while (n > 0)
{
d = n % 10;
n = n / 10;
rev = rev * 10 + d;
}
if (rev == num)

lblnum2.Text = lblnum2.Text + num + " is a Palindrome


number."; else
lblnum2.Text = lblnum2.Text + num + " is not a Palindrome number.";
}}}

BROWSER OUTPUT:

41
ASP.NET WITH C#

PRACTICAL NO. : 03(2)

AIM: Create an application which will ask the user to input his name and a message, display
the two items concatenated in a label, and change the format of the label using radio buttons
and check boxes for selection , the user can make the label text bold ,underlined or italic and
change its color . include buttons to display the message in the label, clear the text boxes and
label and exit.

DESIGN:

PROPERTIES TABLE:

Control Property Value


Label1 ID lbl1
Text Enter Name
Checkbox1 ID chkbold
Text BOLD
Checkbox2 ID chkitalic
Text ITALIC
Checkbox3 ID chkunderline
Text UNDERLINE
RadioButton1 ID rbred
Text RED
RadioButton2 ID rbgreen
Text GREEN
RadioButton3 ID rbpink
Text PINK
Label2 ID txtmessage
Text Enter Message
Button ID btndisplay
Text Display
Label3 ID lblDisplay
Text Label3

42
ASP.NET WITH C#

CODE:
using System;
namespace DisplayMessage
{
public partial class DisplayTheMessage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btndisplay_Click(object sender, EventArgs e)
{
if (chkbold.Checked == true)
lblDisplay.Font.Bold = true;
else
lblDisplay.Font.Bold = false;

if (chkitalic.Checked == true)
lblDisplay.Font.Italic = true;
else

lblDisplay.Font.Italic = false;

if (chkunderline.Checked == true)
lblDisplay.Font.Underline = true;
else
lblDisplay.Font.Underline = false;
if (rbred.Checked == true)
lblDisplay.ForeColor = System.Drawing.Color.Red;
else if(rbgreen.Checked == true)
lblDisplay.ForeColor = System.Drawing.Color.Green;
else if (rbpink.Checked == true)
lblDisplay.ForeColor = System.Drawing.Color.Pink;
lblDisplay.Text = "Name:" + txtName.Text + "<br/>" + "Message:" +
txtMessage.Text;
}}}

BROWSER OUTPUT:

43
ASP.NET WITH C#

44
ASP.NET WITH C#

PRACTICAL NO. : 03(3)

AIM: List of employees is available in listbox. Write an application to add selected or all
records from listbox (assume multi-line property of textbox is true).

DESIGN:

PROPERTIES TABLE:

CODE:
using System;
namespace list
{
public partial class listselect : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnAdd_Click(object sender, EventArgs e)
{
int i;
for (i = 0; i < lstEmployee.Items.Count; i++)
{
if (lstEmployee.Items[i].Selected == true) txtEmployee.Text
+= lstEmployee.Items[i].Text + "\n";
}
}}}

45
ASP.NET WITH C#

BROWSER OUTPUT:

46
ASP.NET WITH C#

PRACTICAL NO. : 03(4)

AIM:
i)Good ii)Satisfactory iii)Bad. Provide a VOTE button. After user votes, present the result in
percentage using labels next to the choices.

DESIGN:

PROPERTIES TABLE:

Control Property Value


Label1 ID lbltxt1
Text How is the Book ASP.NET
with c# Vipul Prakashan
RadioButton1 ID rdogood
Text Good
RadioButton2 ID rdosatisfactory
Text Satisfactory
RadioButton3 ID rdobad
Text Bad
Label2 ID lblgood
Text
Label3 ID lblsatisfactory
Text
Label4 ID lblbad
Text
Button ID btnvote
Text Vote

47
ASP.NET WITH C#

CODE:
using System;
namespace feedback
{
public partial class feedbackselect : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnvote_Click(object sender, EventArgs e)
{
if (rdogood.Checked == true)
{
int goodCount;
if (ViewState["gcount"] != null)
goodCount = Convert.ToInt32(ViewState["gcount"]) + 1;
else
goodCount = 1;
ViewState["gcount"] = goodCount;
}

if (rdosatisfactory.Checked == true)
{
int satisfactoryCount;
if (ViewState["scount"] != null)
satisfactoryCount = Convert.ToInt32(ViewState["scount"]) + 1;
else
satisfactoryCount = 1;
ViewState["scount"] = satisfactoryCount;
}
if (rdobad.Checked == true)
{
int badCount;
if (ViewState["bcount"] != null)
badCount = Convert.ToInt32(ViewState["bcount"]) +
1; else
badCount = 1;
ViewState["bcount"] = badCount;
}
int totalCount;
if (ViewState["count"] != null)
totalCount = Convert.ToInt32(ViewState["count"]) +
1; else
totalCount = 1;
ViewState["count"] = totalCount;
double gper = (Convert.ToDouble(ViewState["gcount"]) /
Convert.ToDouble(ViewState["count"])) * 100.0f;

48
ASP.NET WITH C#

lblgood.Text = gper.ToString() + "%";


double sper = (Convert.ToDouble(ViewState["scount"])
/ Convert.ToDouble(ViewState["count"])) * 100.0f;
lblsatisfactory.Text = sper.ToString() + "%";
double bper = (Convert.ToDouble(ViewState["bcount"]) /
Convert.ToDouble(ViewState["count"])) * 100.0f;
lblbad.Text = bper.ToString()+"%";

}}}

BROWSER OUTPUT:

49
ASP.NET WITH C#

PRACTICAL NO. : 03(5)

AIM: Create a project that calculates the total of fat, carbohydrate and protein. Allow the
user to enter into text boxes. The grams of fat, grams of carbohydrate and grams of protein.
Each gram of fat is 9 calories and protein or carbohydrate is 4 calories. Display the total
calories of the current food item in a label. Use to other labels to display and accumulated
some of calories and the count of items entered. The form food have 3 text boxes for the user
to enter the grams for each category include label next to each text box indicating what the
user is enter.

DESIGN:

PROPERTIES TABLE:

CODE:
using System;
namespace raw
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
int curr_cal, total_cal, total_items;
protected void Bcalories_Click(object sender, EventArgs e)
{
curr_cal = (Convert.ToInt32(txtfat.Text) * 9 + Convert.ToInt32(txtcarbo.Text) * 4 +
Convert.ToInt32(txtpro.Text) * 4);
lblcfc.Text = Convert.ToString(curr_cal);
lblnof.Text = Convert.ToString(total_cal);

50
ASP.NET WITH C#

lbltc.Text = Convert.ToString(total_items);
}
protected void Bitems_Click(object sender, EventArgs e)
{
lblnof.Text = Convert.ToString(Convert.ToInt32(lblnof.Text) + 1);
}
protected void Btotalcalo_Click(object sender, EventArgs e)
{
lbltc.Text = Convert.ToString(Convert.ToInt32(lbltc.Text) +
Convert.ToInt32(lblcfc.Text));
}
}}

BROWSER OUTPUT:

51
ASP.NET WITH C#

PRACTICAL NO. : 04(1)

AIM: Set the label border color of rollno to red using css.

DESIGN:

PROPERTY TABLE :

Control Property Value


Label1 ID lblRollNo
Label1 Text Enter Roll No.
Label1 BorderStyle Dotted
Label1 BackColor Coral
Label2 ID lblName
Label2 Text Enter Name
Label3 ID lblMarks
Label3 Text Enter Marks
TextBox1 ID txtRollNo
TextBox2 ID txtName
TextBox3 ID txtMarks
Button1 ID btnSubmit
Button1 Text Submit

CODE:
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="cssexample.aspx.cs" Inherits="practical4css.cssexample" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

52
ASP.NET WITH C#

</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Enter Roll No.:"
BorderStyle="Dotted" BackColor="Coral"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<asp:Label ID="Label2" runat="server" Text="Enter
Name:"></asp:Label> <asp:TextBox ID="TextBox2"
runat="server"></asp:TextBox> <br />
<asp:Label ID="Label3" runat="server" Text="Enter
Marks:"></asp:Label> <asp:TextBox ID="TextBox3"
runat="server"></asp:TextBox> <br />
<br />
<asp:Button ID="Button1" runat="server" Text="Submit" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:Button ID="Button2" runat="server" Text="Clear" />
</div>
</form>
</body>
</html>

BROWSER OUTPUT:

53
ASP.NET WITH C#

PRACTICAL NO. : 04(2)

AIM: Set the font-Arial , font style-bond , font size-18px of different controls(ie. Label,
textbox, button) using css.

DESIGN:

PROPERTY TABLE :

Control Property Value


Label1 ID lblRollNo
Label1 Text Enter Roll No.
Label1 BorderStyle Dotted
Label1 BackColor Coral
Label2 ID lblName
Label2 Text Enter Name
Label2 CssClass Common
Label3 ID lblMarks
Label3 Text Enter Marks
Label3 CssClass Common
TextBox1 ID txtRollNo
TextBox1 CssClass Txt Style
TextBox2 ID txtName
TextBox2 CssClass Txt Style
TextBox3 ID txtMarks
TextBox3 CssClass Txt Style
Button1 ID btnSubmit
Button1 Text Submit
Button1 CssClass btnStyle
Button2 ID btnClear
Button2 Text Clear
Button2 CssClass btnStyle

CODE:
54
ASP.NET WITH C#

Myformat.css
.BtnStyle
{
font-family:Times New Roman;
font-size:large;
font-weight:bold;
}
.TxtStyle
{
font-family:Georgia;
font-size:larger;
font-weight:400;
background-color:Maroon;
border:2px solid goldenrod;
}
.Common
{
background-color:Aqua;
color:Red;
font-family:Courier New;
font-size:20px;
font-weight:bolder;
}

Myformatting.aspx

<%@ Page Language="C#" AutoEventWireup="true"


CodeBehind="cssexample.aspx.cs" Inherits="practical4css.cssexample" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Enter Roll No.:" BorderStyle="Dotted"
BackColor="Coral"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server"
CssClass="TxtStyle"></asp:TextBox> <br />
<asp:Label ID="Label2" runat="server" Text="Enter Name:"
CssClass="Common"></asp:Label>
<asp:TextBox ID="TextBox2" runat="server"
CssClass="TxtStyle"></asp:TextBox> <br />
55
ASP.NET WITH C#

<asp:Label ID="Label3" runat="server" Text="Enter Marks:"


CssClass="Common"></asp:Label>
<asp:TextBox ID="TextBox3" runat="server" CssClass="TxtStyle"></asp:TextBox>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Submit" CssClass="BtnStyle" />
<asp:Button ID="Button2" runat="server" Text="Clear" CssClass="BtnStyle" />
</div>
</form>
</body>
</html>

BROWSER OUTPUT:

56
ASP.NET WITH C#

PRACTICAL NO. : 04(3)

AIM: Design the same webpages for BMS, BAF, BscIT students and apply same
background color for all the pages using css.

PROPERTY TABLE :

Control Property Value


Label1 ID lblBScIT
Label1 Text Welcome to BScIT
Label1 CssClass bk

Control Property Value


Label1 ID lblBAF
Label1 Text Welcome to BMS
Label1 CssClass bk

Control Property Value


Label1 ID lblBMS
Label1 Text Welcome to BAF
Label1 CssClass bk

CODE:
Myformat.css
.BtnStyle
{
font-family:Times New Roman;
font-size:large;
font-weight:bold;
}
.TxtStyle
{
font-family:Georgia;
font-size:larger;
font-weight:400;
background-color:Lime;
border:2px solid goldenrod;
}
.Common
{

57
ASP.NET WITH C#

background-color:Aqua;
color:Red;
font-family:Courier New;
font-size:20px;
font-weight:bolder;
}
.bk
{
background-color:Lime;
}

BScIT.aspx

<%@ Page Language="C#" AutoEventWireup="true"


CodeBehind="BScIT.aspx.cs" Inherits="cssExample.BScIT" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="Stylesheet" type="text/css" href="MyFormat.css" />
</head>
<body text="Welcome to BScIT">
<form id="form1" runat="server">
<div class="bk">
<asp:Label ID="lblBScIT" runat="server" Text="Welcome to BscIT"></asp:Label>
</div>
</form>
</body>
</html>

BAF.aspx

<%@ Page Language="C#" AutoEventWireup="true"


CodeBehind="BAF.aspx.cs" Inherits="cssExample.BAF" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="Stylesheet" type="text/css" href="MyFormat.css" />
</head>
<body>
<form id="form1" runat="server">
<div class="bk">
<asp:Label ID="lblBAF" runat="server" Text="Welcome to BAF"></asp:Label>
</div>
</form>

</body>
58
ASP.NET WITH C#

</html>

BMS.aspx

<%@ Page Language="C#" AutoEventWireup="true"


CodeBehind="BMS.aspx.cs" Inherits="cssExample.BMS" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="Stylesheet" type="text/css" href="MyFormat.css"
/> </head>
<body>
<form id="form1" runat="server" class="bk">
<asp:Label ID="lblBMS" runat="server" Text="Welcome to BMS"></asp:Label>
</form>
</body>
</html>

CSSExample1.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CSSExample1.aspx.cs"


Inherits="cssExample.CSSExample1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="Stylesheet" type="text/css" href="MyFormat.css"
/> </head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="lblRollNo" runat="server" Text="Enter Roll No. :" BorderStyle="Dotted"
BackColor="Coral"></asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;
<asp:TextBox ID="txtRoll" runat="server" CssClass="TxtStyle"></asp:TextBox>
<br />
<br />
<asp:Label ID="lblName" runat="server" Text="Enter Name
:" CssClass="Common"></asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:TextBox ID="txtName" runat="server"
CssClass="TxtStyle"></asp:TextBox> <br />

<br />

59
ASP.NET WITH C#

<asp:Label ID="lblMarks" runat="server" Text="Enter Marks :"


CssClass="Common"></asp:Label>
&nbsp;&nbsp;&nbsp;
<asp:TextBox ID="txtMarks" runat="server" CssClass="TxtStyle"></asp:TextBox>
<br />
<br />
<asp:Button ID="btnSubmit" runat="server" onclick="btnSubmit_Click"
Text="Submit" CssClass="BtnStyle" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;
<asp:Button ID="btnClear" runat="server" Text="Clear" CssClass="BtnStyle"/>
<br>
<br>
<br>
<h1><a href="BScIT.aspx"</a>Bsc IT</h1>
<h2><a href ="BAF.aspx"</a>BAF</h2>
<h3><a href ="BMS.aspx"</a>BMS</h3> <a
href="http://www.vsit.edu.in/"> Contact
us</a>
</div>
</form>
</body>
</html>

OUTPUT:

60
ASP.NET WITH C#

61
ASP.NET WITH C#

62
ASP.NET WITH C#

PRACTICAL NO. : 04(4)

AIM: Change the font family and color of all heading of above webpage using css.

DESIGN:

CODE:
myformating.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="myformatting.aspx.cs"


Inherits="WebApplication1.myformatting" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="Stylesheet" type="text/css" href="MyFormat.css"
/> <style type="text/css">
h1,h2,h3{color:Blue; font-family:Agency FB;}
</style>
</head>
63
ASP.NET WITH C#

<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Enter Roll No.:" BorderStyle="Dotted"
BackColor="Coral"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server" CssClass="TxtStyle"></asp:TextBox>

<br />
<asp:Label ID="Label2" runat="server" Text="Enter Name:"
CssClass="Common"></asp:Label>
<asp:TextBox ID="TextBox2" runat="server"
CssClass="TxtStyle"></asp:TextBox> <br />
<asp:Label ID="Label3" runat="server" Text="Enter Marks:"
CssClass="Common"></asp:Label>
<asp:TextBox ID="TextBox3" runat="server" CssClass="TxtStyle"></asp:TextBox>
<br />
<br />

<asp:Button ID="Button1" runat="server" Text="Submit" CssClass="BtnStyle"


/> <asp:Button ID="Button2" runat="server" Text="Clear" CssClass="BtnStyle"
/> <h1><a href="bscit.aspx"</a>Bsc IT</h1> <h2><a href
="baf.aspx"</a>BAF</h2>
<h3><a href ="bms.aspx"</a>BMS</h3>
<a href="http://www.vsit.edu.in/">
Contact us</a>
<br />
<br />
<br />
<br />
</div>
</form>
</body>
</html>

BROWSER OUTPUT:

64
ASP.NET WITH C#

65
ASP.NET WITH C#

PRACTICAL NO. : 04(5)

AIM: Use pseudo classes and display link, visited link and active link of contact
us differently.

DESIGN:

CODE:
myformatting.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="myformatting.aspx.cs"


Inherits="WebApplication1.myformatting" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="Stylesheet" type="text/css" href="MyFormat.css"
/> <style type="text/css">
h1,h2,h3{color:Blue; font-family:Agency FB;}
A:link{color:Red;}
A:visited{color:Green;}
A:active{color:Orange;}
</style>
</head>

<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Enter Roll No.:" BorderStyle="Dotted"
BackColor="Coral"></asp:Label>

66
ASP.NET WITH C#

<asp:TextBox ID="TextBox1" runat="server"


CssClass="TxtStyle"></asp:TextBox> <br />
<asp:Label ID="Label2" runat="server" Text="Enter Name:"
CssClass="Common"></asp:Label>
<asp:TextBox ID="TextBox2" runat="server"
CssClass="TxtStyle"></asp:TextBox> <br />
<asp:Label ID="Label3" runat="server" Text="Enter Marks:"
CssClass="Common"></asp:Label>
<asp:TextBox ID="TextBox3" runat="server"
CssClass="TxtStyle"></asp:TextBox> <br /><br />
<asp:Button ID="Button1" runat="server" Text="Submit" CssClass="BtnStyle"
/> <asp:Button ID="Button2" runat="server" Text="Clear" CssClass="BtnStyle"
/> <h1><a href="bscit.aspx"</a>Bsc IT</h1> <h2><a href
="baf.aspx"</a>BAF</h2>
<h3><a href ="bms.aspx"</a>BMS</h3>
<a href="http://www.vsit.edu.in/">
Contact us</a>
<br /><br /><br /><br />
</div>
</form>
</body>
</html>

BROWSER OUTPUT:

67
ASP.NET WITH C#

PRACTICAL NO. : 05(1)

AIM: Programs using ASP.NET Server controls.


Create the application that accepts name, password ,age , email id, and user id. Allthe
information entry is compulsory. Password should be reconfirmed. Age should be within 21
to 30. Email id should be valid. User id should have at least a capital letter and digit as well
as length should be between 7 and 20 characters.

DESIGN:

CODE:
ValidateControlForm.aspx
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace ValidationControl
{
public partial class ValidationControlForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

68
ASP.NET WITH C#

}
protected void CustomValidator1_ServerValidate(object
source, ServerValidateEventArgs args)
{
string str = args.Value;
args.IsValid = false;
if (str.Length < 7 || str.Length > 20)
{

return;
}
bool capital = false;
foreach (char ch in str)
{
if (ch >= 'A' && ch <= 'Z')
{
capital = true;
break;
}
}
if (!capital)
return;
bool digit = false;
foreach (char ch in str)
{
if (ch >= '0' && ch <= '9')
{
digit = true;
break;
}
}
if (!digit)
return;
args.IsValid = true;
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
}
}}

69
ASP.NET WITH C#

OUTPUT:

70
ASP.NET WITH C#

71
ASP.NET WITH C#

PRACTICAL NO. : 05(2)

AIM: Programs using ASP.NET Server controls.


Create a website for a bank and include types of navigation.

DESIGN:

CODE:
Web.sitemap

<?xml version="1.0" encoding="utf-8" ?>


<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="~\" title="Local bank of india" description="Online Banking">
<siteMapNode url="default.aspx" title="Home" description="Go to the homepage"
/> <siteMapNode url="about.aspx" title="About Us" description="About us"/>
<siteMapNode url="statistics.aspx" title="Statistics" description="Statistics">
<siteMapNode url="data.aspx" title="Data Releases" description="Data Releases"/>
<siteMapNode url="database.aspx" title="Database on Indian Economy"
description="Economy of India"/>
<siteMapNode url="service.aspx" title="Service" description="Service Information"/>
</siteMapNode>
<siteMapNode url="publications.aspx" title="Publications"
description="Publications"> <siteMapNode url="annual.aspx" title="Annual"
description="Annual"/> <siteMapNode url="monthly.aspx" title="Monthly"
description="Monthly"/> <siteMapNode url="reports.aspx" title="Reports"
description="Reports"/> </siteMapNode>
</siteMapNode>
</siteMap>

72
ASP.NET WITH C#

OUTPUT: (sitemap)

73
ASP.NET WITH C#

OUTPUT: (Website form Tree view Controls)

74
ASP.NET WITH C#

PRACTICAL NO. : 06(1)

AIM: Database programs with ASP.NET and ADO.NET.


Create a Web App to display all the Empname and Deptid of the employee from the database
using SQL source control and bind it to GridView . Database fields are(DeptId, DeptName,
EmpName, Salary).

Steps:

1. File new website empty website name it ok


2. Right click on website made add new item sql server database name it add yes

3. Right click on table In server explorer add new table add columns save the table
4. Right click on table made show table data add values
5. Right click on website add new item webform name it
6. Go to design view
7. Add a gridview below that add sqldatasource
8. Configure sqldatasource then add it to the gridview
9. Go to gridview menu enable sorting

DESIGN:

75
ASP.NET WITH C#

OUTPUT:

76
ASP.NET WITH C#

PRACTICAL NO. : 06(2)

AIM: Database programs with ASP.NET and ADO.NET


Create a Login Module which adds Username and Password in the database. Username in the
database should be a primary key.

Steps2:

1. File new website empty website name it ok


2. Right click on website made add new item sql server database name it add yes

3. Right click on table In server explorer add new table add columns save the table
4. Right click on table made show table data add values
5. Right click on website add new item webform name it
6. Go to design view add form for login
7. Add sqldatasource configure it
8. Write code

DESIGN:

CODE:
LoginModule.aspx

using System;
using System.Collections.Generic;
using System.Linq;

using System.Web;

77
ASP.NET WITH C#

using System.Web.UI;
using System.Web.UI.WebControls;
public partial class LoginModule : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnSignUp_Click(object sender, EventArgs e)
{
SqlDataSource1.InsertParameters["Username"].DefaultValue = txtUserName.Text;
SqlDataSource1.InsertParameters["Password"].DefaultValue = txtPassword.Text;
SqlDataSource1.Insert();
lblResult.Text = "User Added";
}
}

OUTPUT:

78
ASP.NET WITH C#

PRACTICAL NO. : 06(3)

AIM: Database programs with ASP.NET and ADO.NET


Create a web application to insert 3 records inside the SQL database table having following
fields( DeptId, DeptName, EmpName, Salary). Update the salary for any one employee and
increment it to 15% of the present salary. Perform delete operation on 1 row of the database
table.

Steps:
9. File new website empty website name it ok
10. Right click on website made add new item sql server database name it add yes

11. Right click on table In server explorer add new table add columns save the table
12. Right click on table made show table data add values
13. Right click on website add new item webform name it
14. Go to design view add necessary form
15. Add a grid view below the form below that add sqldatasource
16. Configure sqldatasource then add it to the gridview

17. Go to grid view menu add columns select command field check on delete and edit ok

10.Double click on button write code.


DESIGN:

CODE:

79
ASP.NET WITH C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class LoginModule : System.Web.UI.Page


{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnSignUp_Click(object sender, EventArgs e)
{

SqlDataSource1.InsertParameters["Username"].DefaultValue = txtUserName.Text;
SqlDataSource1.InsertParameters["Password"].DefaultValue = txtPassword.Text;
SqlDataSource1.Insert();

}
}

OUTPUT:

80
ASP.NET WITH C#

81
ASP.NET WITH C#

PRACTICAL NO. : 07(1)

AIM: Programs using Language Integrated query.


Create the table with the given fields.
FIELD NAME DATA TYPE EmpNo number
EmpName varchar EmpSal number EmpJob
varchar EmpDeptNo number

For the given table design a web page to display the employee information from table to grid
control. Use LINQ TO ADO.NET.

STEPS:

1. File new Website Empty Website name it Add


2. Right click on website on solution explorer Add new item Sql server
database name it add yes
3. Server Explorer table right click add new table enter the columns save the
table
4. Server explorer right click on table which is made show table data add values
5. Server explorer right click on website created add new item web form name it
6. Go to design view of aspx page add grid view from toolbox.
Double click on aspx page.

DESIGN:

82
ASP.NET WITH C#

CODE:

83
ASP.NET WITH C#

Default.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Data.Linq;
using System.Data.SqlClient;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
EmployeeDataContext dc = new EmployeeDataContext();
var query = from m in dc.EmployeeTables select m;

GridView1.DataSource = query;
GridView1.DataBind();
}
}

OUTPUT:

84
ASP.NET WITH C#

PRACTICAL NO. : 07(2)

AIM: Programs using Language Integrated query.


Create the table with the given fields.
FIELD NAME DATA TYPE SRollno int SName
string SAddress string SFees int

For the given table design a web page to display the employee information from table to grid
control. Use LINQ TO XML.

STEPS:

1. File New website Empty Website name it


2. Solution Explorer right click on website made add new item XML file name it add write code
3. Solution explorer right click on website add new item webform name it add
4. Go to design view double click page write code.
DESIGN:

CODE:
student.xml

<?xml version="1.0" encoding="utf-8" ?>


<TYStudents>
<student>
<srollno>1</srollno>
<sname>swati</sname>
<saddress>Wadala</saddress>
<sfees>1000</sfees>
</student>
<student>
<srollno>2</srollno>
<sname>natasha</sname>

85
ASP.NET WITH C#

<saddress>Dadar</saddress>
<sfees>3000</sfees>
</student>
</TYStudents>

Defaultst.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Xml.Linq;
using System.Web.UI.WebControls;
public partial class Defaultst : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
XDocument xmlDoc =
XDocument.Load(HttpContext.Current.Server.MapPath("student.xml"));
var studs = from s in xmlDoc.Descendants("student")
select s;
GridView1.DataSource = studs;
GridView1.DataBind();
}
}

OUTPUT:

86
ASP.NET WITH C#

PRACTICAL NO. : 07(3)

AIM: Programs using Language Integrated query.


Create the table with the given fields .
FIELD NAME DATA TYPE PID string PName
string PPrice int PWeight int

For the given table design a web page to display the employee information from table to grid
control. Use LINQ TO Objects.

STEPS:

1. File new website name it


2. Solution explorer right click on website made class name it yes write code
3. Solution explorer right click on website add new item webform name it add
4. Go to design view add GridView Double click on page write code.
DESIGN:

CODE:
App_Code/Products.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
public class Products
{
public string PID { get; set; }
public string PName { get; set; }
public int PPrice { get; set; }
public int PWeight { get; set; }

87
ASP.NET WITH C#

public Products()
{
}}

ProductForm.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class ProductForm : System.Web.UI.Page
{
public List<Products> GetProdData()
{
return new List<Products> {
new Products { PID="P101", PName="Laptop", PPrice=25000 , PWeight=1500},
new Products { PID="P102", PName="Desktop", PPrice=22000 , PWeight=8000},
new Products { PID="P103", PName="Mouse", PPrice=500 , PWeight=250}
};
}
protected void Page_Load(object sender, EventArgs e)
{
var prod = GetProdData();
var query = from f in prod
orderby f.PName
select f;
this.GridView1.DataSource = query;
this.GridView1.DataBind();
}
}

OUTPUT:

88
ASP.NET WITH C#

PRACTICAL NO. : 08

AIM: (A) For the web page created for the display OF Employee data change the
authentication mode to Windows

CODE:
<system.web>

</authentication>
</system.web
Steps for changing the authentication mode

1. Open the website created for displaying the Employee data


2.From the solution Explorer window open the web.config file
3 .In the web.config file search the <system.web> xml tag and in <system.web> xml tag go
to authentication tag
4. Change the authentication mode to windows as given above.

AIM: (B) For the webpage created for the display of Student data change the authorization
mode so that only users who have logged in as VSIT will have the authority to aces the page

CODE:
<system.web>
<authentication>

</authentication>
</system.web>

Steps for changing the authorization

1. Open the website created for displaying the Student data


2. From the solution Explorer window open the web.config file
3. In the Web.config file search the <system.web> xml tag and in <system.web> xml tag go
to authentication tag
4. Change the coding in the tag as given above

89
ASP.NET WITH C#

PRACTICAL NO: 9(A)

AIM: Create a web page to display the news from the news table(id, news_dtl). Use
AJAX.

DESIGN :

90
ASP.NET WITH C#

CODE:

using System;
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.Web;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Data.SqlClient;

publicpartialclassajaxform : System.Web.UI.Page
{
protectedvoidPage_Load(object sender, EventArgs e)
{

}
protectedvoid Button1_Click(object sender, EventArgs e)
{
SqlConnection con = newSqlConnection(@"Data Source=.\sqlexpress;Initial
Catalog=BreakingNews;Integrated Security=True"); con.Open();

SqlCommand com = newSqlCommand("select * from news",


con); SqlDataReaderdr = com.ExecuteReader();
while (dr.Read())
{
Label1.Text +=dr[1].ToString()+"<br>";
}
con.Close();
}
}

OUTPUT:

91
ASP.NET WITH C#

PRACTICAL NO: 9(B)

AIM:

DESIGN:

CODE:

using System;
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.Web;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Data.SqlClient;

publicpartialclassajaxform : System.Web.UI.Page
{
protectedvoidPage_Load(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(5000);
}
protectedvoid Button1_Click(object sender, EventArgs e)
{
SqlConnection con = newSqlConnection(@"Data Source=.\sqlexpress;Initial
Catalog=BreakingNews;Integrated Security=True"); con.Open();

SqlCommand com = newSqlCommand("select * from news",


con); SqlDataReaderdr = com.ExecuteReader();
while (dr.Read())
{
Label1.Text +=dr[1].ToString()+"<br>";
}
con.Close();
}
}

92
ASP.NET WITH C#

Source Code:

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="ajaxform.aspx.cs"Inherits="aj
axform"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0


Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title></title>
</head>
<body>
<formid="form1"runat="server">
<div>

<asp:ScriptManagerID="ScriptManager1"runat="server">
</asp:ScriptManager>
<br/>
<asp:UpdatePanelID="UpdatePanel1"runat="server">
<ContentTemplate>
<asp:LabelID="Label1"runat="server"></asp:Label>
<br/>
<br/>
<asp:ButtonID="Button1"runat="server"Text="Breaking news"/>
<br/>
</ContentTemplate>
</asp:UpdatePanel>
<br/>
<br/>
<br/>

<asp:UpdateProgressID="UpdateProgress1"runat="server">
<ProgressTemplate>Work in progress</ProgressTemplate>
</asp:UpdateProgress>
<br/>
<br/>
</div>
</form>
</body>
</html>

93
ASP.NET WITH C#

Output:

94
ASP.NET WITH C#

PRACTICAL NO: 9(C)

AIM: Create a web page to display the cricket score from the table event(id, name, score).
Refresh the website automatically after every 30 seconds.

DESIGN:

95
ASP.NET WITH C#

CODE:

Default.aspx
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
public partial class Defaultswati1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}
protected void Timer1_Tick(object sender, EventArgs e)
{
SqlConnection conn = new SqlConnection(@"Data Source=.\sqlexpress;Initial
Catalog=BreakingNews;Integrated Security=True");
SqlDataReader dr = null;

conn.Open();
SqlCommand cmd = new SqlCommand("Select * from score", conn);
dr = cmd.ExecuteReader();

while (dr.Read())
{
Label1.Text += dr[0].ToString() + " " + dr[1].ToString() + " " + dr[2].ToString()
+ "<br>";
}
conn.Close();

}
}

96
ASP.NET WITH C#

OUTPUT:

97
ASP.NET WITH C#

PRACTICAL NO: 10(A)

AIM: Create a web page to give different color effects for paragraph tags, heading tags and
complete web page using JQuery.

DESIGN:

Source Code:

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_D
efault"%>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0


Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title></title>
</head>
<body>
<formid="form1"runat="server">
<div>
<scripttype="text/javascript">
$(document).ready(function () {
$("p").css("color", "Yellow");
$("h1,h2").css("color", "White");
$("p#intro").css("color", "Blue");
$("*").css("background-color", "Red");
});

98
ASP.NET WITH C#

</script>
<asp:ScriptManagerID="Scrpitmanager1"runat="server">
<Scripts>
<asp:ScriptReferencePath="~/scrpits/jquery-1.11.3.js"/>

</Scripts>
</asp:ScriptManager>
<h1>This is Jquery example</h1>
<h2>This is Jquery heading</h2>
<p>First paragraph is all about introduction</p>
<p>Second paragraph having details about it</p>
<pid="intro">Third paragraph is with id intro</p>
</div>
</form>
</body>
</html>

OUTPUT:

99
ASP.NET WITH C#

PRACTICAL NO: 10(B)

AIM: Create a web page to display animation using JQuery.

DESIGN:

Source Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs"


Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<script type="text/javascript"">
$(document).ready(function () {
$('p').hide(1000);
$('p').show(2000);
$('p').toggle(3000);
$('p').slideDown(4000);
$('p').slideUp(5000);

$('h1').animate({
opacity: 0.4, marginLeft: '50px', fontSize: '100px'
}, 8000);
});
100
ASP.NET WITH C#

</script>
<asp:ScriptManager ID="Scriptmanager1" runat="server">
<Scripts>
<asp:ScriptReference Path="~/Scripts/jquery-1.11.3.js" />
</Scripts>
</asp:ScriptManager>
<p>First Paragraph</p>
<h1>First Heading</h1>

</div>
</form>
</body>
</html>

OUTPUT:

101
ASP.NET WITH C#

PRACTICAL NO: 10(C)

AIM: Create a web page to display hide, show, slidedown, slideup and Toggle effects for
paragraph tags, using JQuery.

DESIGN:

Source Code:

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs"


Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<script type="text/javascript">
$(document).ready(function(){
$('h1').animate({
opacity:
0.4,marginLeft:'50px',fontSize:'100px'},8000); });
</script>
<asp:ScriptManager ID="ScriptManager1"
runat="server"> <Scripts>
<asp:ScriptReference Path="~/script/jquery-1.11.3.js" /></Scripts></asp:ScriptManager>
<p>First paragraph</p>
<h1>First heading heading</h1>
102
ASP.NET WITH C#

</div>

</form>
</body>
</html>

OUTPUT:

103

You might also like