And ADO - NET Example PDF

ASP.
NET & ADO.NET

Examples
Getting Started with ASP.NET and Database Communication using ADO.NET
Hans-Petter Halvorsen
Web Form and ADO.NET Examples
In this Tutorial we will create the following Examples:
Web Form Example 1

Web Form Example 2
Web Form and ADO.NET Examples
In this Tutorial we will create the following Examples:
Web Form Example 3

Web Form Example 4
SQL Server Database
Create Database and Table used in
Examples
Web Form Example 1
Writing Data to Database
Web Form Example 1
We will create the following Web Form Example:
Create ASP.NET Project
Finetune GUI elements in
(WebForm1.aspx)
the Code window
Create Web Form
Drag Textboxes and a Button

from the Toolbox and update
Properties
Double-click to create Event Handler
ASPX Code (WebForm1.aspx)
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs"
Inherits="Database_Web_Example.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Car Registration Form</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1>Car Example</h1>
Registration Number:<br />

<asp:TextBox ID="txtRegistrationNumber" runat="server" Width="200px"></asp:TextBox>
<br />
Car Type:<br />

<asp:TextBox ID="txtCarType" runat="server" Width="200px"></asp:TextBox>
<br />
<br />
<asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Text="Save Data" />
</div>
</form>
</body>
</html>
Create C# Code (WebForm1.aspx.cs)
Your Database
using System;
using System.Data.SqlClient;
namespace Database_Web_Example
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
protected void btnSave_Click(object sender, EventArgs e)

{
string sqlQuery = "INSERT INTO CAR VALUES (" + "'" + txtRegistrationNumber.Text + "'" + "," + "'" + txtCarType.Text + "'" + ")";
SqlConnection conDB = new SqlConnection("Data Source=<Your Database >;Initial Catalog=TEST;Integrated Security=True");
conDB.Open();
SqlCommand sc = new SqlCommand(sqlQuery, conDB);
sc.ExecuteNonQuery();
conDB.Close();
}
}
}
Visual Studio Project
Running Web Form
Entering and Saving Data
You are finished with the Example
Web Form Example 2
Getting Data from Database
Web Form Example 2
Create a new
Web Form
(WebForm2.aspx)
<!DOCTYPE html>
<title>Car List</title>
</head>
<body>
<div>
Car Type List:<br />

<asp:DropDownList ID="listCarTypes" runat="server" Height="16px" Width="200px">
</asp:DropDownList>
<br />
</div>
</form>
</body>
</html>
Your Database
using System;
using System.Web.UI.WebControls;
{
{
{
SqlConnection conDB = new SqlConnection("Data Source=<Your Database>;Initial Catalog=TEST;Integrated Security=True");
conDB.Open();
string sqlQuery = "SELECT CarType FROM CAR ORDER BY CarType";
SqlDataReader reader;
reader = sc.ExecuteReader();
while (reader.Read())
{
ListItem newItem = new ListItem();
newItem.Text = reader["CarType"].ToString();
listCarTypes.Items.Add(newItem);
}
conDB.Close();
}
}
}
Running Web Form
Web Form Example 3
Getting spesific Data from Database

based on User Interaction
Web Form Example 3
Create a new
Web Form
(WebForm3.aspx)
<!DOCTYPE html>
<title>Select Car Registration Number</title>
</head>
<body>
<div>
Car Number List:<br />

<asp:DropDownList ID="listCarNumbers" runat="server" Height="16px" Width="200px">
</asp:DropDownList>
<br />
<br />
<asp:Button ID="btnGetCarType" runat="server" OnClick="btnGetCarType_Click" Text="Get CarType" />

<br />
The Car Type is: <asp:Label ID="lblCarNumber" runat="server" Text="Label"></asp:Label>
<br />
</div>
</form>
</body>
</html>
using System;
using System.Web.UI.WebControls;
{
{
{
if (!IsPostBack)
{
FillCarNumberList();
}
}
protected void btnGetCarType_Click(object sender, EventArgs e)

{
GetCarType();
}
}
}
void FillCarNumberList()
{
SqlConnection conDB = new SqlConnection("Data Source=<Your Database>;;Initial Catalog=TEST;Integrated Security=True");
conDB.Open();
string sqlQuery = "SELECT RegistrationNumber FROM CAR ORDER BY RegistrationNumber";
while (reader.Read())
{
ListItem newItem = new ListItem();
newItem.Text = reader["RegistrationNumber"].ToString();
listCarNumbers.Items.Add(newItem);
}
conDB.Close()
}
void GetCarType()
{
SqlConnection conDB = new SqlConnection("Data Source=<Your Database>;Initial Catalog=TEST;Integrated Security=True");
conDB.Open();
string sqlQuery = "SELECT CarType FROM CAR WHERE RegistrationNumber='" + listCarNumbers.SelectedItem.Text + "'";
if (reader.Read())
{
lblCarNumber.Text = reader["CarType"].ToString();
}
conDB.Close();
}
}
Running Web Form
Layout
Web Form Example 4
Bootstrap
Bootstrap
• Bootstrap is the most popular HTML, CSS, and JavaScript
framework for developing responsive, mobile-first web sites.
• Bootstrap is completely free to download and use!
• Bootstrap is a free front-end framework for faster and easier
web development
• Bootstrap includes HTML and CSS based design templates for
typography, forms, buttons, tables, navigation, modals, etc.
• Bootstrap also gives you the ability to easily create responsive
designs
http://getbootstrap.com
http://www.w3schools.com/bootstrap/
Create Layout with Bootstrap
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="Database_Web_Example.WebForm4" %>
<!DOCTYPE html>
<title>Car Registration Form</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="panel panel-success">
<div class="panel-heading">
</div>
<div class="panel-body">
<label for="txtRegistrationNumber">Registration Number:</label>

<asp:TextBox ID="txtRegistrationNumber" runat="server" Width="200px" class="form-control"></asp:TextBox>
<label for="txtCarType">Car Type:</label>

<asp:TextBox ID="txtCarType" runat="server" Width="200px" class="form-control"></asp:TextBox>
<br />
<asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Text="Save Data" class="btn btn-success" />
</div>
</div>
</div>
</form>
</body>
</html>
Final Results
Hans-Petter Halvorsen, M.Sc.
University College of Southeast Norway

www.usn.no
E-mail: hans.p.halvorsen@hit.no
Blog: http://home.hit.no/~hansha/

And ADO - NET Example PDF

Transféré par

Informations du document

Description originale:

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

And ADO - NET Example PDF

Transféré par

Droits d'auteur :

Formats disponibles

ASP.

NET & ADO.NET

Web Form Example 1

Web Form Example 3

Writing Data to Database

Create Web Form

Drag Textboxes and a Button

Registration Number:<br />

Car Type:<br />

<asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Text="Save Data" />

protected void btnSave_Click(object sender, EventArgs e)

SqlConnection conDB = new SqlConnection("Data Source=<Your Database >;Initial Catalog=TEST;Integrated Security=True");

SqlCommand sc = new SqlCommand(sqlQuery, conDB);

Getting Data from Database

Car Type List:<br />

SqlConnection conDB = new SqlConnection("Data Source=<Your Database>;Initial Catalog=TEST;Integrated Security=True");

string sqlQuery = "SELECT CarType FROM CAR ORDER BY CarType";

SqlCommand sc = new SqlCommand(sqlQuery, conDB);

Getting spesific Data from Database

Car Number List:<br />

<asp:Button ID="btnGetCarType" runat="server" OnClick="btnGetCarType_Click" Text="Get CarType" />

protected void btnGetCarType_Click(object sender, EventArgs e)

SqlConnection conDB = new SqlConnection("Data Source=<Your Database>;;Initial Catalog=TEST;Integrated Security=True");

string sqlQuery = "SELECT RegistrationNumber FROM CAR ORDER BY RegistrationNumber";

SqlCommand sc = new SqlCommand(sqlQuery, conDB);

SqlCommand sc = new SqlCommand(sqlQuery, conDB);

<div class="panel panel-success">

<label for="txtRegistrationNumber">Registration Number:</label>

<label for="txtCarType">Car Type:</label>

<asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Text="Save Data" class="btn btn-success" />

University College of Southeast Norway

Vous aimerez peut-être aussi