Пређи на главни садржај

Adding button dynamically through code asp.net


ШИФРА ЗАДАТКА: ЕИТ-A5
НАЗИВ ЗАДАТКА: КРЕИРАЊЕ ВЕБ АПЛИКАЦИЈЕ –РЕЗЕРВАЦИЈА АУТОБУСКИХ КАРАТА
Креирати веб апликацију са називом “Резервација аутобуских карата” која се састоји од три странице: Почетна, О аутору и Упутство.
На страници Почетна поставити приказ нумерисаних седишта аутобуса почев од броја 2 па до 52, разврсатаних у четири колоне. Испод приказа седишта поставити форму за слање мејла која треба да има следећа поља: Број седишта, Име и презиме, е-mail.
На страници О аутору написати основне податке о аутору.
На страници Упутство написати кратко упутство за коришћење веб апликације.
Веб апликација треба да има следећу фукционалност: При стартовању апликације слободна седишта су обележена зеленом бојом а резервисана црвеном. Кликом миша на слободно седиште у поље форме Број седишта се уноси податак о седишту које желимо да резервишемо. Када се форма попуни осталим подацима и пошаље слободно седиште мења боју у црвену то јест постаје резервисано.
CSS код и код за функционалност издвојити у посебне екстерне датотеке а учитати их у HTML при стартовању апликације.
Готову апликацију поставити на Веб сервер инсталиран на локалном рачунару.
Прибор за рад:
Рачунар са потребним програмима и прикључком на Интернет.
Време за израду задатка:
Максимално време за израду задатка је 180 минута. По истеку максималног времена задатак се прекида и бодује се оно што је до тада урађено.
За оцењивање користити образац за оцењивање број ЕИТ-A5


Na stranici Početna u Design View:


U Web.config dodati:

<connectionStrings>
    <add name="ConnectionString" connectionString="Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=|DataDirectory|\Database1.mdf;Integrated Security=True" providerName="System.Data.SqlClient"/>
  </connectionStrings>

CS kod:

List<Button> dugmad = new List<Button>();
        List<int> zauzeto = new List<int>();
        protected void Page_Load(object sender, EventArgs e)
        {
       
                string upit = "SELECT BrojSedista FROM RezervacijeTbl";
                string connectionString = WebConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
                SqlConnection con = new SqlConnection(connectionString);
                SqlCommand cmd = new SqlCommand(upit, con);
                con.Open();
                SqlDataReader reader;
                reader = cmd.ExecuteReader();

                while (reader.Read())
                {
                    zauzeto.Add(Convert.ToInt32(reader.GetValue(0)));
                }
                List<Button> dugmad = new List<Button>();
                Button proba = new Button();
                dugmad.Add(proba);//ovo dodajem samo da mogu da krenem dole sa crtanjem od prvog a ne od nultog!!
                dugmad[0] = null;
                for (int i = 1; i <= 52; i++)
                {

                    Button btn = new Button();
                    dugmad.Add(btn);
                    dugmad[i].Text = i.ToString();
                    dugmad[i].ID = i.ToString();
                    dugmad[i].Font.Bold = true;
                    dugmad[i].ForeColor = System.Drawing.Color.Black; ;

                    dugmad[i].Font.Size = 10;
                    dugmad[i].Width = Unit.Pixel(50);
                dugmad[i].CssClass = "button";
                    PlaceHolder1.Controls.Add(dugmad[i]);
                    if (i % 13 == 0)
                        PlaceHolder1.Controls.Add(new LiteralControl("<br>"));
                    PlaceHolder1.Visible = true;
                    dugmad[i].Click += new EventHandler(btn_Click);

                }

                for (int i = 1; i <= 52; i++)
                {
                    if (zauzeto.Contains(i))
                    {
                        dugmad[i].BackColor = System.Drawing.Color.Red;
                    dugmad[i].Enabled = false;
                    }
                    else if (!zauzeto.Contains(i))
                        dugmad[i].BackColor = System.Drawing.Color.LightGreen;


                }
            }
     
        void oboji()
        {
         
        }
        void btn_Click(object sender, EventArgs e)
        {
            string broj = (sender as Button).Text;
            TextBox1.Text = broj;
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            if (TextBox1.Text != "" && TextBox2.Text != "" && TextBox3.Text != "")
            {
                string connectionString = WebConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
                SqlConnection con = new SqlConnection(connectionString);
                string upisi = "Insert Into RezervacijeTbl (BrojSedista, Ime, Prezime) Values (@BrojSedista, @Ime, @Prezime)";
                SqlCommand cmd = new SqlCommand(upisi, con);
                cmd.Parameters.AddWithValue("BrojSedista", Convert.ToInt32(TextBox1.Text));
                cmd.Parameters.AddWithValue("Ime", TextBox2.Text);
                cmd.Parameters.AddWithValue("Prezime", TextBox3.Text);
                con.Open();
                try
                {
                    if (Convert.ToInt32(cmd.ExecuteNonQuery()) == 1)
                    {
                         TextBox1.Text = "";
                        TextBox2.Text = "";
                        TextBox3.Text = "";
                        Response.Redirect(Request.RawUrl);
                    }
                }
                catch { }
                finally
                {
                    con.Close();
                }
            }
        }

        protected void Button2_Click(object sender, EventArgs e)
        {
            Response.Redirect("~/Uputstvo.aspx");
        }

        protected void Button3_Click(object sender, EventArgs e)
        {
            Response.Redirect("~/O autoru.aspx");
        }

Insert css:

 <link rel="stylesheet" type="text/css" href="mystyle.css" />

CSS kod:

body {
 
  font-family: Arial, Helvetica, sans-serif;
}
.button {
    background-color: lightgreen;
    border: none;
    color: white;
    padding:5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

Коментари

Популарни постови са овог блога

Making foto slider in CSS

ШИФРА ЗАДАТКА: ЕИТ-A2 НАЗИВ ЗАДАТКА: КРЕИРАЊЕ ВЕБ АПЛИКАЦИЈЕ –ФОТО ГАЛЕРИЈА Креирати веб апликацију са називом “Фото галерија” која се састоји од три странице: Почетна, О аутору и Упутство. На страници Почетна поставити контејнер за смештај галерије величине 640x480 px. На средини контејнера поставити централну фотографију величине 320x200px, а испод ње распоредити десет малих фотографија величине 64x40 px. Фотографије се учитавају из посебног фолдера и произвољних су димензија а урађене су ЈPG формату. Фотографије имају називе slika1,jpg, slika2.jpg, ……… i slika10.jpg. На страници О аутору написати основне податке о аутору. На страници Упутство написати кратко упутство за коришћење веб апликације. Веб апликација треба да има следећу фукционалност: Левим кликом миша на доњу (малу) фотографију та фотографија се приказује на месту централне фотографије, а такође се исписује њен назив изнад централне фотографије. CSS код и код за функционалност издвојити у посебне екстерне д...

Insert java script into html page

ШИФРА ЗАДАТКА:ЕИТ-A11 НАЗИВ ЗАДАТКА:КРЕИРАЊЕ ВЕБ АПЛИКАЦИЈЕ – НУМЕРОЛОШКО СЛАГАЊЕ Креирати веб апликацију,намењену за разоноду, са називом “Нумеролошко слагање”. Посетити сајт http://www.freewebtemplates.com/jquery-templates/ и са њега скинути неки темплејт по жељи. На основу тог темплејта креирати веб апликацију која треба да има најмање три странице: Почетна, О аутору и Упутство. На страници Почетна поставити форму за унос имена и датума рођења за две особе: Име особе1: Име особе2: Датум рођења особе1: Датум рођења особе2: Испод форме поставити пригодну слику (нпр. два цвета, два лептира, два срца…) на левој страни слике треба да буде име особе1, на десној име особе 2, а у средини број који у процентима изражава колико се те две особе слажу. На страници О аутору написати основне податке о аутору. На страници Упутство написати кратко упутство за коришћење веб апликације. Веб апликација треба да има следећу фукционалност: Попуњавањем комплетне форме израчунати проценат ко...