U Modx-u postoji zanimljiva prilika - možete se promijeniti izgled Obrasci za uređivanje resursa praktično kako želite. Štaviše, možete napraviti različite oblike za različite korisničke grupe, pa čak i za različite resurse. Možete odabrati različite profile obrasca za ovog resursa Ovisno o svom predlošku, roditelju ili drugim svojstvima.
A za to ne moramo napisati niti jednu liniju koda!
Da vidimo šta, na primjer, možete učiniti sa oblicima:
Prvo uklonite nepotrebne stavke gornjeg menija na jednu opću stavku - "Developer". Da biste to učinili, idite na odjeljak "Sistem" -\u003e "Akcije", kreirajte novu stavku izbornika u korijenu i povucite sve nepotrebne tačke: 
Slijedeći ulazak u odjeljak "Sigurnost" -\u003e "Podešavanje obrazaca" i stvoriti novi profil, na primjer, "Sadržaj menadžera". Zatim ga pritisnite s desnim gumbom miša i odaberite "Edit", idite na karticu "Korisničke grupe" i dodajte grupu kojoj će se primijeniti nova pravila.
Zatim stvaramo novi set pravila. Njihove dvije vrste su jedna za obrazac za stvaranje resursa, drugi - za obrazac za uređivanje i ažuriranje (kreiranje i ažuriranje). Ova pravila mogu biti donekle - barem po pravilu za svaki resurs.
Nakon što se pravilo kreira, vidjet ćete stranicu s postavkama - postoje tri kartice: informacije o skupu pravila, regija, dodatnih polja.
Prva kartica navodi standardna polja resursa. Mogu se isključiti ili preimenovati. Regije su jezičke na resursu. Možete stvoriti novu regiju i staviti neke TV parametre tamo, tada će imati resurs na kartici "Dodatna polja" i na novom doprinosu navedeni ćete. Ovdje možete onemogućiti standardne kartice, poput "grupa resursa".
Na trećoj kartici odredite lokaciju TV parametra.
Napravio sam mali krevetić u standardnim regijama: 
Dakle, odmah uklonimo sve kartice za korisnika, osim prvog. Uklanjamo krpelji iz regija: postavke modx-stranice, modx-ploče-TV, modx-pristupio dozvolu. Nadalje - od standardnih polja samo pagetitle i pseudonim će otići. Ostatak potvrdnih okvira čiste se. Navedite novo ime za polje Pagetitle: "Naziv vijesti" i alias: "Adresa stranice".
Nakon toga idite na karticu "Dodatna polja" i navedite da TV parametri moraju biti u jednoj ili drugoj površini (prema krevetu).
Ostaje da se odrekne, za ono što resursi ovo pravilo važi - u tačkom u obrascu ukazujemo na resurse s kojima su predlošci za primjenu pravila. Ako je pravilo za sve predloške, ne navodim ništa. A postoje dva predmeta: "ograničavajuće polje" i "ograničavajuće značenje". Ovdje možete odrediti ostatak polja.
Istaknimo da se ovo pravilo odnosi na resurse u "vijestima" - u stavu "ograničavajuće polje" roditelj., a u "ograničavajućoj vrijednosti" ID resursa "Vesti", na primjer, 22 .
Već imam nekoliko lekcija za stvaranje oblika na formiranju u paketu C - ovaj snop ima kao prednosti: slanje oblika bez ponovnog pokretanja, postoji prozor za plivanje, itd. Pa, u skladu s tim, minusi: JS i kôd dodaju se kod koda. cSS datoteka. - Što daje minus u brzini, a u izlazu JS-a nije potrebna vrsta poziva, zbog toga se pojavljuje upozorenje u potvrdi - nije potrebno navesti u HTML 5.
Stoga sam odlučio da se formiraju u čistom formulitu, to je bilo o tome danas i lekcija.
HTML obrazac Markup sada ima sljedeći kod:
Ništa posebno, tako da govore standardno sa izgledom Bootstrap-a 4. Redo ću ga preuzeti, uzimajući u obzir sintaksu i u jednom koji se povećavamo suvišni, ruski, dodaju zaštitu od neželjene pošte:
[[! Formit? & kuke \u003d `SPAM, Email` i emailtpl \u003d` Email-TPL` & EmailTo \u003d `[[++ e-mailSender]]] Pismo sa stranice [[++ site_url]]` i validacija \u003d `Radna poštarina: prazno, naziv: obavezno, email: email: obavezna, poruka: obavezna: striptags, telefon: obavezni` i suncemsage \u003d `
Hvala vam, šalje se vaša žalba.
`]] [[! + Fi.SuccessMessage: Default \u003d` ``]]Analiza koda, idemo odozdo na dnu:
& Kuke - Ovdje se dodaju različite kuke, uključujući samostalne ins: u našem slučaju, 2 standardna: raspon - jednostavna zaštita od neželjene pošte i e-pošte - obavezno, za slanje podataka o poštanski sandučić. O ostatku kuka, kažem u detalje u videu.
& EiL Eailtpl - Chanc sa dizajnom slova, ima sledeći kod:
Od koga: [[+ ime]]
Telefon: [[+ telefon]]
E-pošta: [[+ e-pošta]]
Poruka: [[+ poruka]]]
& Emailto - adresa e-pošta gde se obrasci šalju, u ovaj slučaj specificiran postavka sistema (ključ) ++ emailserter
& E-mailaSubject - tema poslanog pisma
I potvrditi - propisujemo potrebna polja za punjenje i česti polja za zaštitu od neželjene pošte
& Usferancija - poruka nakon uspješne pošiljke
Neću rastaviti kodni kod koji je zainteresovan za gledanje video zapisa i pročitao dokumentaciju: docs.modx.com/extras/revo/formatit
Pričvršćivanje datoteka na obrazac
Da biste mogli pričvrstiti i slati privitke, potrebno je registrirati u oznaci kalupa
Enctype \u003d "Višestruki / oblici"
i respektivno dodajte polja za prilogu datoteke
Obrada Chekboxers i opcije
Višestruki obrasci na jednoj stranici
Samo u pozivima svakog oblika, pišite
& pošaljivar \u003d `Naziv oblika na engleskom`
svaki obrazac ima svoje ime.
Borbena neželjena pošta
Kako se ne uvijati, ali definitivno ćete naići na neželjenu poštu - najviše efektivna metoda Za borbu protiv toga -, možete i pokušati.
Dobar dan! Danas ću vam predstaviti da kreirate obrazac za povratne informacije za Modx Revolution, čiji će se šef biti neobično zatvaranje (kao što je Googlovsk Qaptcha previše komplikovano i nezgrapno). Učiniti povratne informacije Koristit ćemo dodatak Formit. Možete ga instalirati, vjerovatno sami, pa, za one koji ne znaju kako to učiniti, još uvijek sam izrezao lekciju od početka do kraja. Počnite!
Nedostaju mi \u200b\u200bsvi trenuci vezani za ugradnju Modx revolucija, Sistemsko podešavanje, dizajn ugradnje i tako dalje. Započnimo s instalacijom Formit paketa.
1. Idite u sistem - upravljanje paketom
2. Kliknite "Dodaci za učitavanje"
3. Odaberite sa liste Formit
Kliknite "Preuzmi." Nakon učitavanja Formit, pojavite se u preuzetim paketima, kliknite gumb Install. Formit instaliran!
4. Sledeće, stvorite novi kanal
Nazovimo ga "obrazac" i umetnite sledeći kod:
[[! Qaptcha] [[! Formit? & `Spam, e-pošta, Redirect` & e-mailtpl \u003d` Senmailtpl` & ExilaBubject \u003d `Povratni aplikacija` & e-mailto \u003d` Vaša adresa e-pošte 'i redirectto \u003d `Id stranica" Pismo Uspješno poslan "` i validacija \u003d `Contact_name: Obavezno, Contact_Phone_na_Format: Obavezno` & CustomValidators \u003d` qaptcha.slider`]]
Evo izazov oblikovanja isjecka, oblika i CAPTCHA, koji ćemo natjerati rad u sljedećim predmetima. Ne zaboravite na parametru emailto. Navedite poštanski sandučić na koje pismo mora doći, a u preusmjeravanje.potrebno je staviti ID stranice ", pismo je uspješno poslano"
5. Kreirajte Chank Sentemailtpl
Razgovarat će, koje informacije slati na poštu i umetnuti kod tamo:
Ime: [[+ contact_name]]
E-pošta: [[+ contact_email]]
Telefon: [[+ contact_phone_na_format]]
Napomena: [[+ contact_message]]
6. Kreirajte novi dokument koji se naziva "pismo uspješno poslano"
U sadržaju resursa možete umetnuti tip teksta: dobili smo vaše pismo! Hvala na odabiru naše kompanije. Naš menadžer u najkraćem mogućem roku kontaktirat će vas na kontakt telefonu koji ste ostavili u aplikaciji!
7. Sada ćemo se baviti kapacitetom
Povezujemo stranicu JQuery Bibilot:
8. Kreirajte kataloge imovina / komponente / qaptcha / i core / komponente / qaptcha /
U katalogu imovina / komponente / qaptcha /sadržaj stavljamo sliku i jQuery sa sadržajem, i u core / komponente / QAPTCHA / -pHP mapa sa QAPTCHA.JQuery File
9. Kreirajte isječcu qaptcha
i stavite sljedeći kod:
regClientcss (Modx_Site_url. "Imovina / komponente / qaptcha / jQuery / qaptcha.jquery.css"); $ Modx-\u003e regclientscript (modx_site_url. "Imovina / komponente / qaptcha / jQuery / jquery-ui.js"); $ Modx-\u003e Regclientscript (modx_site_url. "Imovina / komponente / qaptha / jquery.ui.touch.js"); $ Modx-\u003e regclientscript (modx_site_url. "Imovina / komponente / qaptcha / jquery / qaptcha.jquery.js"); $ Modx-\u003e SetPlabceholder ("qaptcha.slider", "
"); $ Pamramqaptcha \u003d Array (); $ Modx-\u003e Cevecesce (" Leksikon "," Modexicon "); $ modx-\u003e leksikon-\u003e opterećenje ($ txtlock \u003d $ modx-\u003e leksikon ( "Pomicanje utovarivača na otključavanje"); $ txtunlock \u003d $ modx-\u003e leksikon ("Možete kliknuti gumb" Pošalji "); ako (! Empty ($ invalideSubmit)) $ paramqaptcha \u003d" invalidirati: "$ invalidesUbmit ; $ paramqaptcha \u003d "phpfile: \\" ". Modx_site_url. "Core / komponente / qaptcha / php / qaptcha.jquery.ph \\" "; $ paramqaptcha \u003d" txtlock: \\ "". $ Txtlock. "Txtunlock: \\" ". $ Txtunlock." \\ "" $ paramqaptcha \u003d implode (",", $ paramqaptcha); $ modx-\u003e regclienthtmlblock ("");Sve skripte i CSS datoteke odmah su povezani kroz njega, a naziva se igrač qaptcha.slider.
10. Stavili smo šanku tamo gdje želimo vidjeti kaptanu (i pažnju: gdje je povezana biblioteka jQuery, neće raditi bez biblioteke) i radovati se :))
Sav uspješan rad i dobro raspoloženje za vikend!
P.S. Imam sjajnu ideju))) u "demo" stavljam poštu i sva pisma koja ćete poslati na provjeru rada skripte, a mi ću vam ipak čekati anegdote i smiješne male priče od tebe))
Gotovo sva komercijalna mjesta imaju stranicu kontakata na kojima se nalazi kontakt obrazac putem kojeg korisnici mogu pisati administracije web mjesta. Danas ćemo pogledati kako brzo kreirati kontakt obrazac. Proveli ćemo obrazac za povratne informacije pomoću paketa Formit. U paketu sa paketom Ajaxform, Instalirajte ih ako nisu instalirani.
Izrada povratne informacije na Modx Revou dozvolom za obradu osobnih podataka u skladu sa Zakonom br. 152-FZ "o ličnim podacima" od 27. jula 2006. godine.
Prvo što stvorimo šank, u kojem će se sami obrazac pohraniti, neka bude šank "Kontact-Cell" i stavi u kodeks standardnog obrasca, u osnovi radim web stranice koristeći Bootstrap, pa ću uzeti standard Prazno malo pretvoreno, njegov statički kod bit će tako:
Vaš će izgled biti drugačiji, jer je moj oblik stiliran u okviru projekta, CSS stilovi ne vide značenje.
Ovdje možete vidjeti druge oblike. getbootstrap.com/css/#forms.
A sada ću prepraviti kod u dinamično uzimajući u obzir sintaksu Formit. i Ajaxform, Dobijem sledeće.
Sada stvaramo još jedan šank koji će formirati pismo, nazovimo ga TPL-Kontact-Consact-u sa sljedećim sadržajem:
Ime: [[+ naziv]]
E-pošta: [[+ e-mail]]
Telefon: [[+ pfone]]
Poruka: [[+ poruka]]]
Pa, postao je zaključeno na pravom mjestu:
[[! Ajaxform? & Snippet \u003d `Formit` & formit \u003d` Kontact-Obrazac` & e-mailtpl \u003d `TPL-Kontact-form` & kuke \u003d` SPAM, E-pošta` & ExilaSubject \u003d `Poruka sa stranice [[++ site_url]]` & e-mailto \u003d ` [Zaštićen e-poštom]`& Validate \u003d` Ime: Obavezno, email: obavezno` i validationIrmerMessage \u003d `U obrascu sadrži greške!` & Suncesmessage \u003d `poruka uspješno poslana!`]]
Ne zaboravite da promijenite vrijednost emailto. na vašoj pošti.
Dokumentacija komponenata:
- Formit. — docs.modx.com/extras/revo/formatit.
- Ajaxform — docs.modx.pro/components/ajaxform
To je u osnovi!
Da biste stvorili obrazac na modx-u bez neželjene pošte, potrebno je stvoriti ga sa dodatnim nevidljivim poljima:
1. Preuzmite i instalirajte Ajaxform i Formit komponente
2.
Obrazac se naziva vrlo jednostavno, morate shvatiti
[[! Ajaxform? & Snippet \u003d `formit` & formi \u003d` tpl.ajaxform..ru `& e-mailto \u003d` [Zaštićen e-poštom]web stranice` i validate \u003d `Ime: Obavezno, e-pošta: Potrebno, Poruka: Potrebna, poslana e-pošta: Prazna` i validacijarmerMessage \u003d` Obrazac sadrži greške! `Hvala na aplikaciji! Kontaktirat ćemo vas u bliskoj budućnosti .` & ea eamortpl \u003d `mafterpl`]]
Ili kroz fenom shablažnik, ovako:
($ _modx-\u003e Runsnippet ("! Ajaxform", ["isječ" \u003d\u003e "formit", "formit" \u003d\u003e "tpl.ajaxform.example", "Kuke" \u003d\u003e Email (e-pošta) \u003d\u003e " [Zaštićen e-poštom]"," EmailSubject "\u003d\u003e" Aplikacija sa stranice Daruse.ru "," Emailto "\u003d\u003e" [Zaštićen e-poštom]"," Validate "\u003d\u003e" Potrebno: Potrebno, Poruka: Poruka: Potrebna, poslana e-pošta: prazna "," validationserrmesage "\u003d\u003e" U obrascu sadrži greške! "" Hvala na Primjena! Kontaktirat ćemo vas u bliskoj budućnosti. "," Emailtpl "\u003d\u003e" Mailtpl ",])))))
Opis parametara:
- snippet - isječci za obradu Ajaxform, postavljeni formit - samo šalje slova
- obrazac - dizajn oblika Chanka, je onaj koji je zadani
- kuke - kuke za zaštitu od neželjene pošte
- e-pošta od - adresa iz koje dolazi slovo
- emailto - adresa koju dođe pismo
- provjerite - validacija, ovdje su također dva nevidljiva polja
- validacioNirationArrormessage - poruka koja će biti izlazna, bez uspješnog unosa polja
- uspjeh - poruka koja će se prikazati kada uspješno slanjem slova
- emailTPL - Chank, u kojem se pohranjuje predložak dolaznog pisma na pošti (pročitajte o tome u nastavku)
3. Nakon toga idemo u svoj oblik dizajna oblika, u ovom slučaju je tpl.ajaxform.example i dodajte nakon oznake oblika, sljedeća dva polja.
Sada vaš obrazac ne bi trebao biti neželjena pošta, zbog dva nova polja.
4. Vanjska vrsta dolaznog slova
Prema zadanim postavkama, pismo dolazi na poštu bez ikakvog oblikovanja u ne baš čitljivom formatu. Stoga, damo malo naše pismo na primjeru.
Predložak slova je jednostavan šanka, koji navodimo u parametru emailTPL, Sve je vrlo jednostavno, napisat ću primjer registracije. Ako ste pitanja, pišite u komentarima.
mailtl:
Na mreži [[++ site_url]] Ostavite aplikaciju.
[[+ Naziv: notuenty \u003d `Ime: [[+ naziv]]
`]] [[+ e-pošta: notuenty \u003d`Pošta: [[+ e-pošta]]
`]] [[+ Poruka: notuenty \u003d`Poruka: [[+ poruka]]]
`]]Molimo kontaktirajte ga u bliskoj budućnosti.
Ne odgovarajte na ovo pismo, jer je automatsko.
Pročitajte o kreiranju i zaštiti od neželjene pošte.
