our notes for our youngers

January 1, 2010

developing a site ( part 4 )

Filed under: ASP.NET, developing website — Tags: , , , — sevenlamp @ 2:45 PM

Latest Source Code (1/1/2010 အထိ) http://www.sendspace.com/file/uxkj6h

ကြၽန္ေတာ္ အလြယ္ဆံုးလို႔ ထင္တဲ႔ project ထဲကို About Page ထည့္တဲ႔ အပိုင္းေလးကို အရင္ဆံုး စလုပ္လိုက္ပါတယ္။ project ထဲကို AboutMe.aspx page ေလး ထည့္လိုက္ျပီး။ About မွာ ျပမယ့္ message ေတြအတြက္ entry အပိုင္း က မလုပ္ရေသးေတာ့။ စာသားေတြကို ဒီတိုင္းပဲ Page ထဲကို ထည့္ျပလိုက္ပါတယ္။ comment ေပးတဲ႔ အပိုင္းေလးေရးဖို႔အတြက္၊ Database ထဲမွာ Comments Table သြားေဆာက္လုိက္ပါတယ္။

Column Name Data Type Allow Nulls
CommentID int Unchecked
PostID int Checked
MemberID int Checked
CommentTitle nvarchar(500) Checked
CommentText nvarchar(MAX) Checked
CommentTime datetime Checked
CommentAuthorName nvarchar(50) Checked
CommentAuthorLocation nvarchar(50) Checked

ကြၽန္ေတာ္က DataBase နဲ႔ ခ်ိတ္တဲ႔ ေနရာမွာ objectdatasource ကိုပဲ သံုးမွာ မို႔လို႔ DataSet လည္းေဆာက္ေပးဖို႔လိုပါေသးတယ္။ ျပီးရင္ comment entry အတြက္ textbox ေလးေတြထည့္တယ္။ Validation အတြက္ requirefield validator နဲ႔ email format အတြက္ Regularexpression validator controls ေတြကို ထည့္ထားပါတယ္။ send button ႏွိပ္ရင္ server သြားတဲ႔ အလုပ္ကို updatepanel ထဲမွာ ပဲ ထည့္ေပးလိုက္ပါတယ္။
Comment list ျပန္ျပဖို႔အတြက္ေတာ့ gridview control ကိုပဲ သံုးျပီး object datasource နဲ႔ ခ်ိတ္ျပလိုက္ပါတယ္။ ဒီ page ေလးက ရွင္းပါတယ္။ ကုဒ္လည္း သိပ္မရႈပ္ဘူး။

public partial class AboutMe : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        this.Title = "About Page : sevenlamp.co.cc";
        ShowCommentCount();
    }

    private void ShowCommentCount()
    {
        DataSet_CommentTableAdapters.CommentsTableAdapter adp = new DataSet_CommentTableAdapters.CommentsTableAdapter();
        int commentCount = (int)adp.GetCommentCountByPostID(0);
        if (commentCount == 0)
            lblTotalComment.Text = "No Comment";
        else if (commentCount == 1)
            lblTotalComment.Text = commentCount.ToString() + " Comment";
        else
            lblTotalComment.Text = commentCount.ToString() + " Comments";
    }
    protected void SendButton_Click(object sender, EventArgs e)
    {
        ObjectDataSource2.Insert();
    }
    protected void ObjectDataSource1_Inserting(object sender, ObjectDataSourceMethodEventArgs e)
    {
        e.InputParameters["CommentTime"] = DateTime.Now;
    }
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            ((Label)e.Row.FindControl("lblCommentNo")).Text = "#" + (e.Row.RowIndex+1).ToString();
        }
    }
    protected void ObjectDataSource2_Inserted(object sender, ObjectDataSourceStatusEventArgs e)
    {
        ShowCommentCount();
        GridView1.DataBind();
    }
}

December 30, 2009

developing a site ( part 3 )

Filed under: developing website — Tags: , , — sevenlamp @ 11:59 AM

HISTORY

Dec 30, 2009
- chatbox မွာ validation အပိုင္းထည့္တယ္
- postback ျပန္ေနတာကို ျပင္တယ္။
Dec 28, 2009
- project ျပီးသေလာက္ကို publish လုပ္တယ္။
Dec 27, 2009
- chatbox အပိုင္းေရးတယ္။
Dec 26, 2009
- template လက္စသတ္တယ္။
- database ေဆာက္တယ္။
Dec 23, 2009
- template ျပင္ျပီးသေလာက္ကို publish လုပ္တယ္။
Dec 14, 2009
- template sample ရွာျပီး ေဒါင္းတယ္။
- ပံုေတြျဖတ္တယ္။ templateျပင္တယ္။

****************************************

ကြၽန္ေတာ္ မေန႔ညတုန္းက ChatBox ေလးမွာ က်န္ေနတဲ႔ အပိုင္းေလးေတြ ဆက္ျပင္ပါတယ္။ Send button ေလး click ရင္ server side ကို postback ျပန္ေနေတာ့ နည္းနည္းၾကာေနတယ္။ အဲ့ဒါေၾကာင့္ button ေလးကို update panel ထဲကို ထည့္ေပးလိုက္ပါတယ္။ ေနာက္ျပီး textbox ေတြထဲမွာ data မထည့္ပဲ send ႏွိပ္ရင္ alert ျပဖို႔အတြက္လည္း CustomValidator Control ေလးထည္ျပီးစစ္လိုက္ပါတယ္။ CustomValidator အတြက္ client script ေလးက ဒီလိုပါ။

function CheckMessage(source, arguments)
{
      if(document.getElementById("ctl00_ContentPlaceHolder1_SenderNameTextBox").value=="")
      {
           alert("Enter Your Name First!");
           document.getElementById("ctl00_ContentPlaceHolder1_SenderNameTextBox").focus();
           arguments.IsValid = false;
      }
      else if(document.getElementById("ctl00_ContentPlaceHolder1_SenderLocationTextBox").value=="")
      {
           alert("Enter Your Location First!");
           document.getElementById("ctl00_ContentPlaceHolder1_SenderLocationTextBox").focus();
           arguments.IsValid = false;
      }
      else if(document.getElementById("ctl00_ContentPlaceHolder1_ChatLogTextBox").value=="")
      {
           alert("Enter Message First!");
           document.getElementById("ctl00_ContentPlaceHolder1_ChatLogTextBox").focus();
           arguments.IsValid = false;
      }
      else
      {
           arguments.IsValid = true;
      }
}

ဒီေန႔ ၃၀ ဒီဇင္ဘာ အထိ Latest program ကို ဒီကေန ေဒါင္းလို႔ ရပါျပီ။ http://www.sendspace.com/file/kpywr0

December 28, 2009

developing a site ( part 2 )

Filed under: ASP.NET, developing website — Tags: , , , , — sevenlamp @ 10:54 AM

http://www.sevenlamp.co.cc ကို လာၾကပါ ခင္ဗ် :)

ကြၽန္ေတာ္ Template ျပင္တာေတာ့ Home Page အတြက္ အၾကမ္းထည္ျပီးသြားပါျပီ။ Home Page မွာ ေလာေလာဆယ္ Chat Box ေလး ထည့္ထားပါတယ္။ www.cbox.ws လို site ေတြကေန chatbox ေတြ အလြယ္တကူရနိုင္ေပမယ့္ ကြၽန္ေတာ္ကေတာ့ ကိုယ္တိုင္လုပ္ဖို႔ပဲ ဆံုးျဖတ္လိုက္ပါတယ္။ ဒါနဲ႔ MS-SQLServer2008 ထဲမွာ chatbox အတြက္ Table ေလးသြားေဆာက္လိုက္ပါတယ္။ Table structure ကေတာ့ ဒီလိုပါ….

Column Name Data Type Allow Nulls
ChatLogID int Unchecked
ChatLog nvarchar(MAX) Checked
SenderName nvarchar(50) Checked
SenderLocation nvarchar(50) Checked
SendingTime datetime Checked
MemberID int Checked
Color varchar(50) Checked
Bold bit Checked
Italic bit Checked

ChatLogID column ကို primary key ေပးျပီး auto increment လည္း လုပ္လိုက္ပါတယ္။

DataBase ျပီးသြားေတာ့ Program ကေန ျပန္ေခၚနိုင္ဖို႔အတြက္။ DataSet ေဆာက္ပါတယ္။ ျပီးေတာ့ Home Page ထဲမွာ လိုအပ္တဲ႔ design ေတြ ျပင္ပါတယ္။ ကြၽန္ေတာ္ ဒီ program ေလး မွာ ASP.NET MasterPage ကိုလည္း သံုးထားပါတယ္။ Program Code အေသးစိတ္ကို ကြၽန္ေတာ္ ရွင္း ျပေပးခ်င္ေပမယ့္။ ကြၽန္ေတာ္မွာ အခ်ိန္မလံုေလာက္တဲ႔ ျပႆနာျဖစ္ေနလို႔။ Source Code ကိုပဲ တင္ေပးလိုက္ပါတယ္။ ညီတို႔ Run ၾကည့္ျပီး သိခ်င္တဲ႔ အပိုင္းေလးေတြကို ျပန္ေမးေစခ်င္ပါတယ္။ညီတို႔ ဆီမွာ database ျပန္ေဆာက္ရပါမယ္။ ကြၽန္ေတာ္ေပၚမွာ ေျပာတဲ႔ table structure အတိုင္းေပါ့။ ျပီးရင္ program ရဲ႕ connection string မွာ ျပင္ရပါဦးမယ္။ web.config file ထဲမွာ connectionstring ဆိုတဲ႔ ေနရာေလးမွာ ျပင္ရမွာပါ။

source code link -> http://www.sendspace.com/file/7rhq0x

ေနာက္တစ္ခုက ကြၽန္ေတာ္ အခု လုပ္ျပီးသမွ်ကို http://www.sevenlamp.co.cc မွာ တင္ထားပါတယ္။ အဲ့ဒီကိုလည္း ၀င္ျပီးအားေပးၾကပါဦး။ ျပီးရင္ လိုအပ္တာေလးေတြ လည္း ေျပာၾကေစခ်င္ပါတယ္။ ေနာက္ျပီး ညီတို႔ အေနနဲ႔ ထပ္ျပီး ထည့္ခ်င္တာေလးေတြ ရွိရင္လည္း ေျပာၾကပါ။ အတူတူၾကိဳးစားၾကတာေပါ့။ ေၾသာ္ ဒါနဲ႔ sevenlamp.co.cc ကိုေရာက္ရင္ chat box ေလးမွာလည္း တခုခု ေျပာထားခဲ႔ပါဦးေနာ္။

December 23, 2009

developing a site ( part 1 )

Filed under: ASP.NET, DataBase, developing website — Tags: , , , , — sevenlamp @ 4:47 PM

သူငယ္ခ်င္းတို႔ေရ… မေတြ႔တာလဲၾကာျပီ :)   မဂၤလာရွိေသာ… သာယာေအးခ်မ္းေသာ… ေပ်ာ္ရႊင္စရာ Christmas ခ်ိန္ခါေလး ျဖစ္ၾကပါေစေနာ္။

ဒီ တစ္ေလာ ကြၽန္ေတာ္လည္း အလုပ္ပိေနတာနဲ႔ ဘေလာ့ေလးကို ပစ္ထားသလိုေတာင္ ျဖစ္သြားတယ္။ လာလည္ၾကတဲ႔ သူငယ္ခ်င္းေတြကိုလည္း ေတာင္းပန္ပါတယ္။ ကြၽန္ေတာ္ ပိုဒ့္ေတြ ျပန္တင္နိုင္ေအာင္ ၾကိဳးစားပါ့မယ္။ ရန္ကုန္မွာက သိတဲ႔ အတိုင္းပဲ ဒီ အခ်ိန္ေရာက္ရင္ မီးက ေဖာက္လာျပီေလ။ အဲဒီေတာ့ အိမ္မွာလည္း မီးလာတဲ႔ အခ်ိန္ေလးမွာပဲ computer သံုးျဖစ္တာဆိုေတာ့၊ နည္းနည္းေတာ့ သည္းခံျပီး ေစာင့္ေပးၾကပါလို႔ အရင္ဆံုး ေတာင္းဆိုပါရေစ။

အခုကြၽန္ေတာ္ စိတ္ထဲမွာ လုပ္ခ်င္စိတ္ျပင္းျပေနတာ တစ္ခုရွိတယ္ဗ်။ အဲ့ဒါ ဘာလဲဆိုေတာ့ ASP.NET နဲ႔ CMS ေလးတစ္ခုေလာက္ ေဆာက္ခ်င္တာပါ။ CMS ဆိုရင္ အရမ္းက်ယ္ေနမယ္ထင္တယ္။ ကြၽန္ေတာ္လည္း တစ္ခါမွ မလုပ္ဖူးဘူးဗ်။ :) ဒါေၾကာင့္ အခု စလုပ္မလားလို႔။ နည္းနည္းခ်င္းစီေပါ့ဗ်ာ။ အရင္ဆံုး ကိုယ္ပိုင္ ဘေလာ့ေလး တစ္ခုစျပီးေတာ့လုပ္ၾကည့္ပါမယ္။ ဘယ္ေတာ့ ျပီးမလဲေတာ့ မသိဘူးေပါ့။ ညီတို႔လည္း ကြၽန္ေတာ္နဲ႔ အတူတူ လုိက္ျပီး လုပ္ၾကည့္ေစခ်င္တယ္။ အနည္းဆံုးေတာ့ အေတြ႔အၾကံဳေလးေတြ ရမွာပါ။

ဒီ project ေလး လုပ္ဖို႔ ဘာေတြ လုပ္မလဲေပါ့။ အရင္ဆံုး လိုတာက စလုပ္ဖို႔လိုတာပါ။ :) ကဲ.. အခု အရင္ဆံုး ကြၽန္ေတာ္က ဘေလာ့ေလးရဲ႕ design အတြက္ google ကေန free template ေတြ လိုက္ရွာလိုက္တယ္ဗ်ာ။ အခုကြၽန္ေတာ္သေဘာက်တဲ႔ template ေလးက ဒီမွာပါ။

http://media.freewebtemplates.com/templates/zip/5650.zip

ညီတို႔ စိတ္ၾကိဳက္ template ေလးေတြ ရွာလိုက္ပါ။ http://www.freewebsitetemplates.com/ မွာလည္း template လန္းလန္းေလးေတြ ရွိတယ္။ template တစ္ခု download လုပ္လိုက္ျပီဆိုရင္ သူ႔မွာ မ်ားေသာအားျဖင့္ html file တစ္ဖိုင္ရယ္၊ CSS file တစ္ဖိုင္ရယ္၊ Image folder တစ္ခုရယ္ ပါလာေလ့ရွိပါတယ္။ အဲ့ဒါေတြကိုအေျခခံျပီး ကြၽန္ေတာ္လိုခ်င္တဲ႔ design ေလး ရလာေအာင္ ျပဳျပင္ရမွာပါ။ အခုစျပီးျပင္ပါ့မယ္။ ကြၽန္ေတာ္ VS2008 မွာ new website တစ္ခု ေဆာက္လိုက္ပါတယ္။ Template မွာ ပါလာတဲ႔ Image folder နဲ႔ Css folder ကို project ထဲ copy – paste လုပ္ျပီး ထည့္လိုက္ပါတယ္။ ျပီးရင္ index.htm file ေလးကိုပါ project ထဲကိုထည့္လိုက္ပါတယ္။ ျပီးေတာ့ အဲ့ဒီထဲမွာ ပါတဲ႔ html code ေတြကို ၾကည့္ျပီး အရင္ဆံုး Home page ကို စျပီး design ဆြဲပါတယ္။ အခုထိ ကြၽန္ေတာ္ လုပ္ျပီးသမွ်ကို  http://www.sevenlamp.co.cc/home.aspx မွာ ၀င္ေရာက္ၾကည့္ နိုင္ပါတယ္။ အားလံုး ျပီးသြားရင္ေတာ့ ဒီ wordpress.com ကေန အိမ္ေျပာင္းေတာ့မယ္။ ( ေမွ်ာ္မွန္းထားတာပါပဲ :) )

ကြၽန္ေတာ္လည္း ဆက္ျပီး design ျပင္လိုက္ဦးမယ္ဗ်ာ။ ေနာက္မွဆက္ၾကတာေပါ့။

Theme: Silver is the New Black. Blog at WordPress.com.

Follow

Get every new post delivered to your Inbox.