Bitiruv malakaviy ishi bitiruvchi: Satbaehamda G. Ilmiy rahbar: dots. Allamuratov Sh. Nukus 2023 mundarija

3.2. Sistemanıń interfeysin programmalastırıw tillerinde islep shıǵıw
Sistemanıń server tárepindegi programmalastırıwın PHP tilinen paydalanıp, al klient tárepin bolsa HTML, CSS hám JavaScript programmalastırıw tillerinen paydalanǵan halda jaratamız. PHP programmalastırıw tilinde jaratqan maǵlıwmatlar bazasına baylanıstı óz aldına «dbconnect.php» faylına tómendegi kod kórinisinde:

$time_zone = 'Asia/Tashkent';
$con = mysqli_connect("localhost", "root", "root", "todo_db");
if (!$con)
echo "Error connecting to MySQL
";
exit;
}
?>
jazsaq, onda programma kodınıń maǵlıwmatlar bazası menen baylanısıwı kerek jerinde,

include("dbconnect.php");
qatarların kiritip ketiwimiz jetkilikli boladı.
Brauzer arqalı usı sistemanıń adresin tergenimizde dáslep tómendegi túrdegi ulıwmalıq bolǵan esletpeler dizimin hám olardı qosıw funksiyasın atqarıwshı forma payda boladı.



Bul sistemanıń ulıwma kórinisi bolıp, bul jerde elementler ústinde hár túrli ámellerdi orınlaw, jańa element qosıw hámde xabar qaldırıw formaları keltirilip ótilgen. Eger maǵlıwmatlar bazasında elementler bolmasa interfeys tómendegi kóriniste boladı.

“Esletpeler dizimi” bóliminde todo kestesindegi barlıq elementler kórsetiledi. Bunda elementler ustinde 3 túrli ámel yaǵniy Orınlaw, Ózgertiw, Óshiriw ámelleri orınlanadı.
Ózgertiw túymesi basılǵanda maǵlıwmatlar bazasında elementtiń done maydanı 1 mánısin aladı hám bul element ushın Orınlaw hám Ózgertiw ámelleri bıykarlanadı. Orınlanǵan element programma interfeysinde tómendegi kóriniste boladı.

Ózgertiw túymesi basılǵanda tómendegi kórinistegi ayna ashıladı.

Bul aynada elementtiń maǵlıwmatlar bazasındaǵı id nomeri, esletpe teksti hám onıń orınlanıw sánesi keltirilgen. Bul formadaǵı birinshi input maydanına readonly="readonly" atributı qosılǵanlıǵı sebepli ondaǵı id nomerdi ozgertiwdiń ilajı joq.
“Esletpe qosıw” bóliminde maǵlıwmatlar bazasına jańa elementlerdi kiritiwimiz múmkin. Onıń interfeysi tómendegishe bolıp,

ondaǵı formada 2 input maydanı keltirip ótilgen. Bul maydanlardaǵı tekst kiritilip qosıw túymeshesi basılǵannan keyin maǵlıwmatlar bazasına jazıladı hám ol “Esletpeler dizimi” bóliminde payda boladı.
“Xabar” bóliminde úlken kólemdegi esletpe xabarların kiritip ótiwimiz múmkin. Onıń interfeysi sistemada tómendegi kóriniste.

Kiritilgen tekst hámme waqıt formadaǵı textarea maydanında kórinip turadı. Bul maydandaǵı tekst onıń kiritilgen sánesi menen maǵlıwmatlar bazasındaǵı scrap maydanında saqlanadı.