| Next Tip?
Home » Asp.net

How to create ASPX Page Dynamically – A Step Ahead Series?

21 February 2009 681 views 2 Comments
1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 4.67 out of 5)
Loading ... Loading ...

Introduction

In a simple creating an aspx page dynamically is a very tedious job. Whenever we think for dynamically creation scenarios stuck in mind about the overload to server etc. But with the help of this article one can attain the same as easily as creating another simple aspx page.

Need and Requirement

Now next words came to mind that what is the need to create an aspx page dynamically? Let me explain it:

  1. You need to create a page, based on selected requirement at the moment.
  2. Need to create a page from static html contents.
  3. Having huge data, need to represent in an individual page and its tough to store in database.

Article Scenario

As stated above, I choose a scenario where you are running a technical community and need to the template where member of your site will able to write some static html contents.

Explanation

For the same we need following pages:
1. PageHeader.ascx
This contains the header information of your page like LOGO etc.

<%@ Control Language=”C#” AutoEventWireup=”true” CodeFile=”PageHeader.ascx.cs” Inherits=”myTemplates_PageHeader” %>
<link href=”../style.css” rel=”stylesheet” type=”text/css” />
<div>
<asp:PlaceHolder ID =”plhImage” runat=”server” />
<ul class=”menu”>
<li><a href=”./default.aspx”>HOME</a></li>
<li><a href=”./default.aspx”>About US</a></li>
<li><a href=”./default.aspx”>Recent Posts</a></li>
<li><a href=”./default.aspx”>Site Map</a></li>
<li><a href=”./default.aspx”>Contact US</a></li>
<li><a href=”./default.aspx”>Tags</a></li>
<li><a href=”./default.aspx”>Meta</a></li>
<li><a href=”./default.aspx”>Most Emailed</a></li>
</ul>
</div>

Project Tree

2. PageFooter.ascx
Obvious it contains the Footer information.

<%@ Control Language=”C#” AutoEventWireup=”true” CodeFile=”PageFooter.ascx.cs” Inherits=”myTemplates_PageFooter” %>
<link href=”../style.css” rel=”stylesheet” type=”text/css” />
<div id=”footer”>
<div>
<a href=”http://www.webdesign.org”>Web Design</a> by <a href=”http://www.freetemplatesonline.com”>Free Templates</a> Online<br />
<a href=”#”>Terms of Use</a> / <a href=”#”>Privacy Policy</a>
</div>
<div class=”centeral-block”>
<strong>New-York, USA</strong>
11 Some Street Second Floor<br /> New York WA 02020
</div>
<div>
Tel/Fax : 1(800)123-4567<br />
1(800)123-1234<br />
E-mail : <a href=”#” id=”mail”>info@yourcompany.com</a>
</div>
</div>

Click to Preview Snapshot

3. createPage.ascx
Definitely this is the main page, it just create a skeleton as per the above requirement and then segregate the contents and make the title.

<%@ Control Language=”C#” AutoEventWireup=”true” CodeFile=”createPage.ascx.cs” Inherits=”myTemplates_createPage” %>
<div>
<table>
<tr>
<td style=”width: 100px”>
Page Title
</td>
<td style=”width: 100px”>
<asp:TextBox ID=”txtTitle” runat=”server”></asp:TextBox>
</td>
</tr>
<tr>
<td style=”width: 100px”>
Tags
</td>
<td style=”width: 100px”>
<asp:TextBox ID=”txtTags” runat=”server”></asp:TextBox>
</td>
</tr>
<tr>
<td style=”width: 100px”>
Description
</td>
<td style=”width: 100px”>
<asp:TextBox ID=”txtContent” runat=”server” Height=”292px” TextMode=”MultiLine” Width=”510px”></asp:TextBox>
</td>
</tr>
<tr>
<td style=”width: 100px”>
</td>
<td style=”width: 100%”>
<ul>
<li><font color=”red”>You may use basic html tags like <H1> <H2> <B>
<I> <FONT> etc. </font></li>
<li><font color=”red”>Tags like <BODY> <HEAD> <TABLE> are NOT allowed.</font></li>
<li><font color=”red”>Please check spelling before posting articles.</font></li>
</ul>
</td>
</tr>
<tr>
<td style=”width: 100px”>
</td>
<td style=”width: 100px”>
<asp:Label ID=”lblMessage” runat=”server”></asp:Label>
</td>
</tr>
<tr>
<td style=”width: 100px”>
</td>
<td style=”width: 100%”>
<asp:LinkButton ID=”lnkNewPage” OnClick=”lnkNewPage_Click” runat=”server”></asp:LinkButton>
</td>
</tr>
<tr>
<td style=”width: 100px”>
</td>
<td style=”width: 100px”>
<asp:Button ID=”btnGenerate” runat=”server” OnClick=”btnGenerate_Click” Text=”Generate” />
</td>
</tr>
</table>
</div>

Click to Preview Snapshot

4. Default.aspx
This is the page or container which contains above all 3-controls.

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” ValidateRequest=”false” %>

<%@ Register TagPrefix=”myPage” TagName=”aspxPage” Src=”~/myTemplates/createPage.ascx” %>
<%@ Register TagPrefix=”myPageHeader” TagName=”PgHeader” Src=”~/myTemplates/PageHeader.ascx” %>
<%@ Register TagPrefix=”myPageFooter” TagName=”PgFooter” Src=”~/myTemplates/PageFooter.ascx” %>
<!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 href=”style.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<table width=”100%”>
<tr>
<td colspan=”2″>
<myPageHeader:PgHeader ID=”PgHeader1″ runat=”server” />
</td>
</tr>
<tr>
<td>
<h2>
Create Dynamic Page(S)</h2>
</td>
</tr>
<tr>
<td colspan=”2″>
<myPage:aspxPage ID=”asxPage1″ runat=”server” />
</td>
</tr>
<tr>
<td colspan=”2″>
<myPageFooter:PgFooter ID=”PgFooter1″ runat=”server” />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

5. myPageTemplate.tmp
This is the template page for all pages

<%@ Page Language=”C#” CodeFileBaseClass=”PageBase” AutoEventWireup=”true” CodeFile =”myPageCode.cs”
Inherits= “myPageCode” PageID=”[ID]” MetaTitle=”[MetaTitle]” MetaKeywords=”[MetaKeywords]” %>
<%@ Register TagPrefix=”myPageHeader” TagName=”PgHeader” Src=”~/myTemplates/PageHeader.ascx” %>
<%@ Register TagPrefix=”myPageFooter” TagName=”PgFooter” Src=”~/myTemplates/PageFooter.ascx” %>

<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
<link href=”style.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<table width=”100%”>
<tr>
<td colspan=”2″>
<myPageHeader:PgHeader ID=”PgHeader1″ runat=”server” />
</td>
</tr>
<tr>
<td>
<h2>
<%=MetaTitle%></h2>
</td>
</tr>
<tr class=content>
<td colspan=”2″>
[PageContent]
</td>
</tr>
<tr>
<td colspan=”2″>
<myPageFooter:PgFooter ID=”PgFooter1″ runat=”server” />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

6. myPageCode.cs
A common code-behind page for all dynamic pages

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class myPageCode : PageBase
{
public String newPageID
{
get
{
if (ViewState["newPageID"] != null)
return Convert.ToString(ViewState["newPageID"]);
else
return “0″;
}
set
{
ViewState["newPageID"] = value;
}
}
protected void Page_Load(object sender, EventArgs e)
{
base.PageID = this.newPageID;
}

}

7. PageBase.cs
A pagebase which inherits System.Web.UI.Page.

using System;
using System.Collections.Generic;
using System.Web;
using System.Data;
using System.Configuration;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

///
/// Summary description for PageBase
///
public class PageBase : System.Web.UI.Page
{
public PageBase()
{
//
// TODO: Add constructor logic here
//
}
#region Properties
public String PageID
{
get
{
if (ViewState["PageID"] != null)
return Convert.ToString(ViewState["PageID"]);
else
return “0″;
}
set
{
ViewState["PageID"] = value;
}
}
public String MetaTitle
{
get
{
if (ViewState["MetaTitle"] != null)
return Convert.ToString(ViewState["MetaTitle"]);
else
return “No Title”;
}
set
{
ViewState["MetaTitle"] = value;
}
}
public String MetaKeywords
{
get
{
if (ViewState["MetaKeywords"] != null)
return Convert.ToString(ViewState["MetaKeywords"]);
else
return “No Keywords”;
}
set
{
ViewState["MetaKeywords"] = value;
}
}
#endregion

protected override void OnLoad(EventArgs e)
{
if (!String.IsNullOrEmpty(MetaTitle))
{
HtmlMeta Title = new HtmlMeta();
Title.Name = “Title”;
Title.Content = this.MetaTitle;
this.Header.Controls.Add(Title);
}

if (!String.IsNullOrEmpty(MetaKeywords))
{
HtmlMeta Keyword = new HtmlMeta();
Keyword.Name = “Keywords”;
Keyword.Content = this.MetaKeywords;
this.Header.Controls.Add(Keyword);
}

//overide base
base.OnLoad(e);
}

void Page_Error(object sender, EventArgs e)
{
//Write Some logic here
}
}

Important
  1. Please note that I don’t check for any validation</li.
  2. Instead of the use of Custom Control you can use Master Pages too.
  3. The same will create a good facility while you need to create dynamic pages.
How to run attached code:

1. Download the zip file
2. Open your Visual Studio2008
3. Open WebProject select the specific folder
4. Press F5 and enjoy

Your suggestions are invited to improve this.

Popularity: 36%

Post to Twitter Tweet This Post

Related posts:

  1. Silverlight: A Step Ahead Series Silverlight: A Step Ahead Series Introduction: Microsoft introduced Rich Internet...
  2. Showing Image Dynamically This piece of code demonstrate that when we take mouse...

Related posts brought to you by Yet Another Related Posts Plugin.

Ads by Lake Quincy Media

2 Comments »

  • MeetuChoudhary said:

    Hello Mr. Gaurav…
    Thanks for posting this
    I was hunting for this since so many days it best suits to my requirements..
    kep sharing your knowledge with us…

    waiting for your nexxt post..

    # 25 February 2009 at 6:23 am
  • Yuvraj said:

    Hi Sir,

    Thank you for posting this. I really appreciate your work, and also for sharing the knowledge. Keep posting.. thank you for sharing…

    # 4 March 2009 at 1:51 am

Leave your response!

You must be logged in to post a comment.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes