ШИФРА ЗАДАТКА: ЕИТ- A19
НАЗИВ ЗАДАТКА: КРЕИРАЊЕ ВЕБ АПЛИКАЦИЈЕ – ЕЛЕКТРОНСКИ РЕЧНИК
Дата је база података која има једну табелу у којој се памте речи енглеског језика и њихов превод на српски језик. Табела има следећу структуру:
[ID] [bigint] IDENTITY(1,1) NOT NULL,
[Engleski] [nvarchar](50) NOT NULL,
[Srpski] [nvarchar](50) NOT NULL,
[Opis] [nvarchar](1024) NULL
Креирати веб апликацију под називом “Eлектронски речник” која се састоји од две странице: Речник и странице за додавање нових речи у речник.
На страници „Речник“ поставити поља за избор смера превођења (Српско – Енглески, Енглеско - Српски), поље за унос речи за превођење, поља за приказ превода и описа, тастер „Преведи“ и линк за прелаз на страницу за додавање нових речи у речник. Поље за смер превођења реализовати у облику падајуће листе (DropDownList). Притиском на тастер „Преведи“ приказати одговарајући превод унете речи и опис уколико постоје у бази података.
На страници за додавање нових речи у речник поставити поља за унос енглеске речи, одговарајуће српске речи, поље за унос описа, тастер „Сними“ и линк за прелазак на страницу „Речник“. Притиском на тастер „Сними“ подаци се снимају у базу података.
CSS код издвојити у посебну екстерну датотеку и учитати је на основну страницу при стартовању апликације.
Готову апликацију поставити на веб сервер инсталиран на локалном рачунару.
Прибор за рад:
Рачунар са потребним програмима и прикључком на Интернет.
Време за израду задатка:
Максимално време за израду задатка је 180 минута. По истеку максималног времена задатак се прекида и бодује се оно што је до тада урађено.
Прилози:
- База података са предефинисаним скупом података
За оцењивање користити образац за оцењивање број ЕИТ -A19
Izgled rečnika:
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:
protected void Button1_Click(object sender, EventArgs e)
{
SqlConnection con = new SqlConnection(WebConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString);
if (DropDownList1.SelectedIndex == 0)
{
string select = "Select Srpski, Opis From RecnikTbl Where Engleski=@Engleski";
SqlCommand cmd = new SqlCommand(select, con);
cmd.Parameters.AddWithValue("Engleski", TextBox1.Text);
con.Open();
SqlDataReader reader = cmd.ExecuteReader();
while (reader.Read())
{
TextBox2.Text = reader.GetString(0);
TextBox3.Text = reader["Opis"].ToString();
}
con.Close();
}
else if (DropDownList1.SelectedIndex == 1)
{
string select = "Select Engleski, Opis From RecnikTbl Where Srpski=@Srpski";
SqlCommand cmd = new SqlCommand(select, con);
cmd.Parameters.AddWithValue("Srpski", TextBox1.Text);
con.Open();
SqlDataReader reader = cmd.ExecuteReader();
while (reader.Read())
{
TextBox2.Text = reader.GetString(0);
TextBox3.Text = reader["Opis"].ToString();
}
con.Close();
}
}
protected void TextBox1_TextChanged(object sender, EventArgs e)
{
}
protected void Button2_Click(object sender, EventArgs e)
{
Response.Redirect("~/Unos.aspx");
}
Na stranici UNOS:
CS kod:
protected void Button1_Click(object sender, EventArgs e)
{
SqlConnection con = new SqlConnection(WebConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString);
if(TextBox1.Text!="" && TextBox2.Text != "")
{
string unos = "Insert Into RecnikTbl (Engleski, Srpski, Opis) Values (@Engleski, @Srpski, @Opis)";
SqlCommand cmd = new SqlCommand(unos, con);
cmd.Parameters.AddWithValue("Engleski", TextBox2.Text);
cmd.Parameters.AddWithValue("Srpski", TextBox1.Text);
cmd.Parameters.AddWithValue("Opis", TextBox3.Text);
con.Open();
if (Convert.ToInt32(cmd.ExecuteNonQuery()) == 1)
{
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "alertMessage", "alert('Uspešno uneta nova reč!!')", true);
TextBox1.Text = "";
TextBox2.Text = "";
TextBox3.Text = "";
}
con.Close();
}
}
protected void Button2_Click(object sender, EventArgs e)
{
Response.Redirect("~/Recnik.aspx");
}
Unos CSS koda:
<link rel="stylesheet" type="text/css" href="mystyle.css" />
CSS:
body {
font-family: Arial, Helvetica, sans-serif;
}
.button {
background-color: lightpink;
border: none;
color: white;
padding: 5px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
.unos {
width: 150px;
padding: 5px;
margin: 8px 0;
box-sizing: border-box;
border: 2px solid lightpink;
border-radius: 4px;
}

Коментари
Постави коментар