ХТМЛ табела додаје редове, контроле и динамичке податке помоћу Јкуери, пхп и Мискл

Направићемо списак особља. Прво ћемо створити базу података наводне технолошке компаније која се зове инфотец, а затим личну табелу у мискл -у, можемо користити скл код из пхпмиадмина или било ког другог мискл менаџера.

 НАПРАВИ ТАБЕЛУ АКО НЕ ПОСТОЈИ `персонал` (` ид` инт (11) НОТ НУЛЛ АУТО_ИНЦРЕМЕНТ, `наме` варцхар (100) НОТ НУЛЛ,` ареа` варцхар (100) НОТ НУЛЛ, `сет` варцхар (100) НОТ НУЛЛ, `емаил` варцхар (100) НИЈЕ НУЛЛ, ПРИМАРНИ КЉУЧ (` ид`)) МОТОР = ИнноДБ ЗАДОВОЉНА ЦХАРСЕТ = латин1 АУТО_ИНЦРЕМЕНТ = 1; - - Убацујемо неке податке - ИНСЕРТ ИНТО `персонал` (` ид`, `наме`,` ареа`, `поситион`,` емаил`) ВРЕДНОСТИ (1, 'Царлос Алонсо', 'Информатица', 'Девелопер', 'калонсо@инфо.цом'), (2, 'Јосе Гарридо', 'Администрација', 'Рачуновођа', 'јгарридо@инфо.цом'), (3, 'Ана Јунин', 'Информатица', 'Графички дизајн' , 'ајунин@инфо.цом'); 

Овде можемо видети како табела изгледа када се изврши СКЛ код.

ЕНЛАРГЕ

Затим ћемо створити једноставну класу у пхп -у за манипулацију мискл -ом, ова класа се може поново користити у другим пројектима. Креирамо датотеку цонфиг.пхп или цлассДБ., Пхп и додајемо следећи код.

веза)) {$ тхис-> цоннецтион = (мискл_цоннецт ("лоцалхост", "роот", "")) или умри (мискл_еррор ()); мискл_селецт_дб ("инфотец", $ тхис-> веза) или умрети (мискл_еррор ()); }} упит јавне функције ($ куери) {$ ресулт = мискл_куери ($ куери, $ тхис-> цоннецтион); иф (! $ ресулт) {ецхо 'МиСКЛ грешка:'. мискл_еррор (); екит; } ретурн $ ресулт; } јавна функција гет редови ($ куери) {ретурн мискл_фетцх_арраи ($ куери); } укупни редови јавне функције ($ куери) {ретурн мискл_нум_ровс ($ куери); }}?> вар13 ->

Сада ћемо креирати главну датотеку пројекта која ће бити индек.пхп, ако је могуће локални сервер попут Ксампп -а, где ћемо испитивати базу података и приказивати личну табелу у хтмл табели.

 МиСКЛ (); // Консултујемо личну табелу $ куери = $ дб-> куери ("СЕЛЕЦТ * ФРОМ персонал"); ?> вар13 ->
Људски ресурси

 гет редови ($ куери)) {?> вар13 -> 
 
 
ИД
 
Име
 
Ареа
 
Позиција
 
Е-маил
 
Радње
 
 
 
 
 
 
 
 
 

 

Резултат пхп кода који приказује табелу биће следећи:

Затим ћемо креирати датотеку са стиловима која се зове стилови ЦСС да би се табели и редовима дао неки дизајн касније када се мишем пређе преко њих.

Додаћемо датотеку на врх веб странице

Успели смо да прикажемо табелу коју смо имали у мискл -у користећи пхп и хтмл. Сада ћемо креирати скрипту која нам помоћу јкуери -ја омогућава динамичко додавање и чување података без преусмеравања веба и отварања другог екрана, али то ради у истом реду података.
У коду испод табеле додајемо дугме за позивање функције јкуери за додавање нових редова.

Нова 

Након дугмета додаћемо јкуери скрипту која ће омогућити додавање редова

У скрипти морамо користити називе хтмл елемената као матрицу у случају да морамо додати неколико редова, а затим ће се подаци сачувати као матрица, сваки на позицији од 0,1,2 која ће нас затим читати из пхп -а .
Из тог разлога, назив, на пример, означава са две заграде да је то матрица.
Креирамо датотеку која ће снимати податке у мискл базу података, узима податке из текстуалних оквира и онда када их шаљемо, читамо низове и пролазимо кроз фор петљу.

 МиСКЛ (); // читамо послане податке и складиштимо их у низовима $ наме = $ _ ПОСТ ['наме']; $ ареа = $ _ ПОСТ ['ареа']; $ пост = $ _ ПОСТ ['пост']; $ емаил = $ _ ПОСТ ['емаил']; // идемо кроз и убацујемо податке у мискл табелу за ($ и = 0; $ и упит ($ скл);} // враћамо се на заглавље почетне странице ('Локација: индек.пхп');?> вар13 ->> 

Када притиснемо дугме за чување, подаци ће бити сачувани у бази података Мискл и вратићемо се на листу. Имајте на уму да не постоје потврде и само је намера да се овде покаже како додати редове у табелу и да се лакше и удобније уређују информације на великим листама.

ЕНЛАРГЕ

Ако желимо да кажемо кориснику шта да унесе у свако поље, можемо користити својство чувара места да напишемо коментар у оквир за текст. Овај коментар ће нестати ако је нешто написано у оквир за текст и неће бити сачуван ако се ништа не напише, служи само за указивање кориснику коју врсту података треба уписати или неку другу назнаку која му помаже при уносу података.
Да бисмо то урадили, мењамо скрипту која генерише нови ред, додајемо чувар места у сваки оквир за текст и одговарајући коментар или индикацију коју желимо да прикажемо кориснику.

 вар ров = '
 '+ ''+ ''+ ''+ '

'; 

ЕНЛАРГЕ

Приликом уметања новог реда видећемо ознаке у сваком текстуалном оквиру. Поред скрипте за додавање редова, могли бисмо имплементирати скрипту за проверу података из сваког текстуалног оквира помоћу додатка јкуери.валидатор. У другом водичу касније ћемо видети како се уређују подаци и бришу подаци и одговарајући ред табеле читањем података из ид ћелије за динамичко креирање радњи уређивања и брисања у истој ХТМЛ табели.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен