Vývojáři webových stránek mnohdy musí shromáždit velké množství dat, která musí uživatel zadat, a proto je velmi užitečné data oddělit podle sekcí nebo kategorií na různých obrazovkách nebo krocích. Způsob vytváření relací nebo obrazovek v krocích, každý formulář v každé sekci odešle data zadaná do dalšího formuláře, což musí zachovat hodnoty jedním způsobem a může je přenášet z jedné stránky na druhou.
Abychom udrželi stálost dat mezi stránkami, můžeme použít relace PHP nebo dočasnou databázovou tabulku, kam můžeme ukládat data, která předáváme ze stránky na stránku. A na konci shromážděná data uložíme a dočasná odstraníme.
V tomto tutoriálu si ukážeme jak vytvořit vícestránkový formulář pomocí skriptu PHP. Uvidíme také, jak se vyhnout chybám mezi formuláři.
K uložení hodnot polí každého formuláře použijeme relace PHP.
Dále vytvoříme databázi s názvem společnost a poté tabulku žadatelů.
VYTVOŘIT DATABÁZI `company` CREATE TABLE IF NOT EXISTS` žadatelé` (` id` int (10) NOT NULL, `name` varchar (255) NOT NULL,` email` varchar (255) NOT NULL, `address` varchar (50 ) DEFAULT NULL, `phone` varchar (50) DEFAULT NULL,` mobile` varchar (50) DEFAULT NULL, `education` int (11) DEFAULT NULL,` post` int (11) DEFAULT NULL, `experience` int (11 ) DEFAULT NULL, `description` text) ENGINE = InnoDB AUTO_INCREMENT = 1 DEFAULT CHARSET = latin1;Když máme formuláře se spoustou dat, uživatel nebude chtít vyplnit formulář s více než 10 poli, takže je vhodné formulář pokrýt na několika stránkách.
To může uživateli usnadnit sledování, například můžeme data rozdělit do samostatných sekcí na základě rozsahu nebo kategorií informací, samostatně osobních údajů, informací o zákazníkovi, vašich akademických nebo pracovních údajů, stejně jako vašeho vkusu nebo preference, také to hodně vidíme při dokončování nákupů před platebními údaji v nákupním košíku, kde jsou odděleny fakturační údaje, dodací údaje a produktové údaje.
Jednou z výzev, které vyvstávají při rozdělení formuláře na více stránek, je předávání dat z jedné stránky na druhou, protože v koncovém bodě formuláře máme připravena všechna potřebná data ke zpracování. Budeme zvažovat dvě metody, jak toho dosáhnout: proměnné relace a skrytá vstupní pole.
Relace má proto polotrvalý charakter, umožňuje nám vytvořit určitou vytrvalost a lze ji použít k předávání proměnných na různých stránkách, na které se návštěvníci během návštěvy webu dostanou.
Poté vytvoříme první formulář, který bude obsahovat některá pole:
Více formulářů PHPRovněž přidáme šablony stylů, aby náš formulář získal elegantnější design, proto vytvoříme soubor styles.css, po aplikaci to bude následující.Formulář 1
Jméno: E -mail: Adresa: Telefon: Mobilní telefon:
div.container {šířka: 960px; výška: 550px; okraj: 50px auto; } div.main {šířka: 100%; margin-top: 35px; plavat vlevo; ohraničení: 2px plné # 8fc400; polstrování: 0px 50px 20px; rodina písem: Arial, Helvetica Neue, Helvetica, bezpatkové; } form {margin-top: 20px} .estilotextarea {width: 100%; height: 100px; border: 1px solid # 999; } h2 {background-color: background: # 8fc400; pozadí: -moz-lineární-gradient (nahoře, # 8fc400 0%, # 8fc400 100%); pozadí: -webkit-lineární gradient (nahoře, # 8fc400 0%, # 8fc400 100%); pozadí: lineární gradient (dolů, # 8fc400 0%, # 8fc400 100%); filtr: progid: DXImageTransform.Microsoft.gradient (startColorstr = '# 8fc400', endColorstr = '# 8fc400', GradientType = 0); čalounění: 32px; okraj: 0 -50px; zarovnání textu: střed;} b {velikost písma: 18px; displej: blok; barva: # 555;} štítek {barva: # 464646; velikost písma: 14px; font-weight: bold;} vstup [typ = text], vstup [typ = email] {šířka: 96%; výška: 25px; polstrování: 5px; margin-top: 5px; margin-bottom: 15px; } vyberte {margin-bottom: 15px; margin-top: 5px; šířka: 100%; výška: 35px; velikost písma: 12 px;} vstup [typ = odeslat], vstup [typ = reset] {odsazení: 10 pixelů; pozadí: lineární gradient ( # 058eb5 5%, # 045066 100%); ohraničení: 1px plné # 058eb5; barva: # f7f7f7; kurzor: ukazatel; šířka: 20%; poloměr ohraničení: 2px; margin-bottom: 15px; font-weight: bold; velikost písma: 16px;} vstup [typ = odeslat]: vznášet se, vstup [typ = resetovat]: vznášet se {pozadí: lineární gradient ( # 045066 5%, # 058eb5 100%); } .message {border: 1px solid; okraj: 10px 0px; polstrování: 15px 10px 15px 10px; opakování na pozadí: neopakování; poloha pozadí: 10px střed; zarovnání textu: střed; barva: # 4F8A10; šířka: 100%; barva pozadí: # DFF2BF; }Do každého pole jsem přidal požadovanou vlastnost, tento povinný atribut je booleovský atribut, který udává, zda je pole povinné nebo nikoli, true nebo false.Pokud existuje, určuje, že toto vstupní pole nemůže být prázdné a musí být vyplněno před odesláním formuláře. Požadovaný atribut funguje s následujícími typy vstupu html5: text, e -mail, heslo, zaškrtávací políčka, rádio a soubor.
Při vyplňování údajů prvního formuláře zasíláme poštou do druhého volaného formuláře form2.php jehož kód je následující.
$ hodnota) {$ _SESSION ['sesionform1'] [$ klíč] = $ hodnota; }?> var13 -> Více formulářů PHP
Formulář 2
Úroveň vzdělání: ---- Vybrat ---- Technická univerzita Další použitelná pozice: * ---- Vybrat ---- Správce serveru Programátor Designér Pracovní zkušenosti: * ---- Vybrat ---- Žádný
Dále odešleme do formuláře, kde uložíme data, pro tento tutoriál ukážeme data relací dříve, abychom viděli, jaká data každý formulář odeslal.
$ hodnota) {$ _SESSION ['sesionform2'] [$ klíč] = $ hodnota; } vyhodil 'Data Form1'; $ sesionform1 = $ _ SESSION ['sesionform1']; vyhodil '
'; print_r ($ sesionform1); vyhodil '
'; vyhodil 'Data Form2'; $ sesionform2 = $ _ SESSION ['sesionform2']; vyhodil '
'; print_r ($ sesionform2); vyhodil '
'; výpis ($ _ SESSION ['sesionform1']); $ connection = mysql_connect ("localhost", "root", ""); $ db = mysql_select_db ("společnost", $ připojení); $ sql = "vkládat do klientů (jméno, e -mail, adresa, telefon, mobil, vzdělání, pozice, zkušenosti, popis)"; $ sql. = "hodnoty ('$ name', '$ email', '$ address', '$ phone', '$ mobile', '$ education', '$ position', '$ experience', ' $ description ') "; $ query = mysql_query ($ sql, $ připojení); ?> var13 -> PHP Multiple form<? if ($ query) {echo '
Dokončili jste proces a uložili data
'; } else {echo '
Data nebyla uložena
'; } unset ($ _ SESSION ['sesionform1']); unset ($ _ SESSION ['sesionform2']); ?> var13 ->
Můžeme tedy přidat množství formulářů, které potřebujeme, a v každém formuláři uložíme data v relaci a poté uložíme všechny relace do databáze, ale také to neumožňuje vrátit se k předchozímu formuláři, protože známe číslo kroku nebo formulář Budeme schopni zjistit, která relace obsahuje data tohoto formuláře, a data obnovit.
Tento způsob vytváření a Vícestránkový formulář nám umožňuje lépe organizovat informace, když potřebujeme shromáždit velké množství dat
Více formulářů je dnes součástí prakticky jakékoli webové aplikace. Na velkých webech s velkým objemem dat představují hlavní způsob přijímání informací od uživatelů, kteří aplikaci používají. V závislosti na posloupnosti, kterou musíme implementovat na straně klienta pro aplikační logiku, bychom nás neměli překročit o více než 10 polí, ale uživatel se unaví a opustí to, skript musí mít také začleněno veškeré potřebné zabezpečení, protože jsme pomocí relací a data mohla být zachycena.
Správná metoda, pro kterou se má použít vyhýbání se problémům se zabezpečením zapouzdřuje zpracování dat na straně serveru pomocí pHp.
Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
