ASPNET Lab Manual
ASPNET Lab Manual
NET WITH C#
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:
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)
BROWSER OUTPUT:
41
ASP.NET WITH C#
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:
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#
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#
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:
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#
}}}
BROWSER OUTPUT:
49
ASP.NET WITH C#
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#
AIM: Set the label border color of rollno to red using css.
DESIGN:
PROPERTY TABLE :
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" />
<asp:Button ID="Button2" runat="server" Text="Clear" />
</div>
</form>
</body>
</html>
BROWSER OUTPUT:
53
ASP.NET WITH C#
AIM: Set the font-Arial , font style-bond , font size-18px of different controls(ie. Label,
textbox, button) using css.
DESIGN:
PROPERTY TABLE :
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
BROWSER OUTPUT:
56
ASP.NET WITH C#
AIM: Design the same webpages for BMS, BAF, BscIT students and apply same
background color for all the pages using css.
PROPERTY TABLE :
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
BAF.aspx
</body>
58
ASP.NET WITH C#
</html>
BMS.aspx
<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:
<br />
59
ASP.NET WITH C#
OUTPUT:
60
ASP.NET WITH C#
61
ASP.NET WITH C#
62
ASP.NET WITH C#
AIM: Change the font family and color of all heading of above webpage using css.
DESIGN:
CODE:
myformating.aspx
<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 />
BROWSER OUTPUT:
64
ASP.NET WITH C#
65
ASP.NET WITH C#
AIM: Use pseudo classes and display link, visited link and active link of contact
us differently.
DESIGN:
CODE:
myformatting.aspx
<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#
BROWSER OUTPUT:
67
ASP.NET WITH C#
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#
DESIGN:
CODE:
Web.sitemap
72
ASP.NET WITH C#
OUTPUT: (sitemap)
73
ASP.NET WITH C#
74
ASP.NET WITH C#
Steps:
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#
Steps2:
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#
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
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;
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#
For the given table design a web page to display the employee information from table to grid
control. Use LINQ TO ADO.NET.
STEPS:
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#
For the given table design a web page to display the employee information from table to grid
control. Use LINQ TO XML.
STEPS:
CODE:
student.xml
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#
For the given table design a web page to display the employee information from table to grid
control. Use LINQ TO Objects.
STEPS:
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
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>
89
ASP.NET WITH C#
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();
OUTPUT:
91
ASP.NET WITH C#
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();
92
ASP.NET WITH C#
Source Code:
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="ajaxform.aspx.cs"Inherits="aj
axform"%>
<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#
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#
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"%>
<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#
DESIGN:
Source Code:
<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#
AIM: Create a web page to display hide, show, slidedown, slideup and Toggle effects for
paragraph tags, using JQuery.
DESIGN:
Source Code:
Default.aspx
</div>
</form>
</body>
</html>
OUTPUT:
103