Modxis on huvitav võimalus - saate muuta välimus Resource redigeerimine vormid praktiliselt nagu soovite. Lisaks saate teha erinevaid kasutajarühmi erinevaid vorme ja isegi erinevate ressursside jaoks. Saate valida erinevaid vormiprofiili selle ressursi Sõltuvalt selle mallist, vanematest või muudest omadustest.

Ja selleks me ei pea kirjutama ühe rea koodi!

Vaatame, mida näiteks saate teha vormidega:

Esiteks eemaldage mittevajalikud ülemine menüüelemendid ühele üldisele elemendile - "arendaja". Selleks minge "System" sektsioonile -\u003e "Actions" jaotises, looge uus menüüelement juur ja lohistage kõik tarbetuid punkte:

Järgmine avage sektsiooni "Turvalisus" -\u003e "Seadevormide seadistamine" ja looge uus profiil, näiteks "sisuhaldur". Seejärel vajutage seda hiire parema nupuga ja valige "Edit", minge vahekaardile "Edit" ja lisage grupp, millele uued reeglid rakendatakse.

Seejärel loome uue reeglite kogumi. Nende kahte tüüpi on üks ressursi loomise vormi, teine \u200b\u200b- redigeerimis- ja ajakohastamise vorm (vastavalt loomine ja uuendamine). Need reeglid võivad olla mõnevõrra - vähemalt iga ressursi reegel.

Pärast reeglite loomist näete seadete lehekülge - on kolm vahekaarti: Teave reeglite, piirkondade, lisavaldkondade kogumi kohta.

Esimene sakk nimetab standardse ressursi väljad. Neid saab välja lülitada või ümber nimetada. Regioonid on ressursi vahekaardid. Võite luua uue piirkonna ja panna mõned teleri parameetrid seal, siis neil on ressurss "Täiendavad väljad" Tab ja uue panuse määrata. Siin saate keelata standardsed vahekaardid, näiteks "ressurssirühmad".

Kolmas vahekaardil määrate teleri parameetri asukoha.

Ma tegin standardsetes piirkondades väikest võrevoodi:

Niisiis eemaldame kohe kõik kasutajal kõik vahelehed, välja arvatud esmalt. Me eemaldame piirkondadest puugid: Modx-Page-Settings, Modx-Panel-ressursi-TV, Modx-ressursi-Access-Permissions. Lisaks - standardväljadest lahkuvad ainult pagetitle ja alias. Ülejäänud märkeruudud puhastatakse. Määrake Uus nimi Pagetitle Field: "Uudiste pealkiri" ja Alias: "Lehe Aadress".

Pärast seda minge vahekaardile "täiendavaid väljad" ja näitavad, et teleriparameetrid peavad olema ühes või muudes vormides (vastavalt võrevoodi).

Jääb täpsustada, milliseid ressursse see reegel kehtib - punktis lõikepunktis näitame ressursse, millega mallid reeglit kohaldada. Kui reegel on kõikidele mallidele, ei täpsusta ma midagi. Ja seal on kaks punkti: "Piirav väli" ja "tähenduse piiramine". Siin saate määrata ülejäänud väljad.

Juhatagem tähelepanu sellele, et see reegel viitab ressurssidele "Uudiste" - lõikes kirjutada "piirava valdkonnas" vanem.Näiteks ressursi "Uudiste" piirav väärtus " 22 .

Mul on juba paar õppetunde, et luua formit formit kimbu c - see kimp on eelised: saatmise vormid ilma taaskäivitamiseta, on ujumise aken, et sõnum saadetakse jne. Seega lisatakse koodile kaevandusi: JS ja kood. cSS-fail. - Mis annab miinus kiirusele ja JS toodangule ei ole kõne jaoks vajalik tüüp, sest valideerija ilmub hoiatus - see ei ole vaja seda määrata HTML-is 5.

Seetõttu otsustasin ma teha vorme puhtal formimisel, see oli täna ja õppetund.

HTML-vormil MarkUp on nüüd järgmine kood:

Midagi erilist, nii et rääkida standard koos paigutusega bootstrap 4. Ma uuesti, võttes arvesse süntaks ja ühes suurendame üleliigseid, venefüsimusi, lisage kaitse rämpsposti vastu:

[[! Formit? & konksud \u003d `rämpsposti, e-posti` ja e-posti aadressil \u003d `e-posti-TPL` & e-posti \u003d` [[++ e-posti aadress]] `& e-posti aadressid \u003d` kiri saidi [[++ saidi_url]] `& valideerida \u003d` workmail: tühi, nimi: nõutav, e-post: e-post: nõutav, sõnum: nõutav: stripagid, telefon: nõutav "ja edutusMessage \u003d`

Tänan teid, teie apellatsioonkaebus saadetakse.

`]] [[! + FI.SuccesSseage: vaikimisi \u003d` `]]

Sinu nimi*: [[! + fi.error.name]]

Sinu telefoninumber*: [[! + Fi.rror.phone]]

Sinu email *: [[! + fi.error.email]]

Sõnum: [[! + fi.error.Message]]

Saada

Koodianalüüs, me läheme ülevalt allosas:

& Konksud - Siin lisatakse erinevad konksud, sealhulgas iseseisvad konksud: meie puhul, 2 standard: span - lihtne kaitse rämpsposti ja e-posti eest - kohustuslik, andmete saatmiseks postkast. Ülejäänud konksude kohta ütlen video üksikasjalikult.

& EmatenTpl - Chanc koos tähekujundusega on järgmine kood:

Kellelt: [[+ nimi]]

Telefon: [[+ telefon]]

E-post: [[+ e-post]]

Sõnum: [[+ sõnum]]

& E-posti aadress e-kiri kus vormid saadetakse, sisse sel juhul täpsustatud süsteemi seadistus (võti) ++ e-postisaator

& EmailSubjeje - saadetud kirja teema

& Valideeri - kirjutame vajalikud väljad rämpsposti eest kaitsmiseks ja sagedaste väljade täitmiseks

& SuccesMessage - Sõnum pärast edukat saatmist

Ma ei lahti koodi koodi, kes on huvitatud vaadates video ja lugeda dokumentatsiooni: docs.modx.com/extras/revo/formit

Failide kinnitamine

Lisaseadmete kinnitamiseks ja saatmiseks on vaja registreerida hallituse tag

Enctype \u003d "Multipart / vorm-andmed"

ja lisage vastavalt failide lisamiseks väljad

Chekboxers ja valiku töötlemine

Mitmed vormid ühel lehel

Lihtsalt iga vormi kõnedes kirjutage

& SubTorvar \u003d `vormi nimi inglise keeles"

igal kujul on oma nimi.

Võitlus rämpspostiga

Kuidas mitte keerata, kuid kindlasti tulla rämpsposti - kõige rohkem efektiivne meetod Selle vastu võitlemiseks võite proovida.

Head päeva! Täna ma tutvustan teile luua tagasiside vormi Modx Revolution, mille juht on ebatavaline piiramine (nagu Googlovsk Qaptcha on liiga keeruline ja tülikas). Tegema tagasiside Me kasutame Formiti lisandmooduli. Saate selle installida, ilmselt ise, hästi, neile, kes ei tea, kuidas seda teha, ma ikka lõigata õppetund algusest lõpuni. Alusta!

Ma igatsen kõiki installiga seotud hetkeid Modox revolutsioon, System Setup, Põimimise saidi disain ja nii edasi. Alustame vormipaketi paigaldamisega.

1. Mine süsteemi - Paketi juhtimine

2. Klõpsake "Koorma lisad"

3. Valige Formiidi nimekirjast

Klõpsake nuppu "Laadi alla". Pärast vormi laadimist ilmute allalaaditud pakettidesse, klõpsake nuppu Install. Formit installitud!

4. Järgmine, looge uus lahk

Helistame seda "vormiks" ja sisestage järgmine kood:

[[! QAPTCHA]] [[! Formit? Ja konksud \u003d `rämpsposti, e-post, ümbersuunamine" ja e-posti aadressil \u003d `Senmailtpl` & e-postSubject \u003d` tagasihelistamise rakenduse` ja e-posti \u003d `oma e-posti aadress` & rederectionto \u003d` Lehe ID "kiri Edukalt saadetud saadetud "` & valideeri \u003d `contacto_name: nõutav, contact_phone_NA_format: nõutavad" & customvalidators \u003d `qaptcha.slider`]]

Nime firma *

Telefon *

E-kiri

[[+ QAPTCHA.SLIDER]]

Siin on väljasaatmise väljakutse, kuju ja captcha väljakutse, mida me sunnime töötama järgmistes küsimustes. Ärge unustage parameetri e-posti teel. Määrake postkast, millele kiri peab tulema ja sisse Ümbersuunamine.vajadus panna lehe ID-kiri edukalt saadetud "

5. Looge chank sentelailtpl

Ta räägib, millist teavet e-kirjale saata ja koodi sisestada:

Nimi: [[+ contact_name]]
E-post: [[+ contact_email]]
Telefon: [[+ contact_phone_Na_format]]]
Märkus: [[+ contact_message]]

6. Loo uus dokument nimega "kiri edukalt saadetud"

Sisu ressursi saab sisestada teksti tüüp: me saime oma kirja! Täname valides meie firma. Meie juht lühimal võimalik aeg võtab teiega ühendust võtmega ühendust, mida te taotlemisel lahkusite!

7. Nüüd me tegeleme Capacitiga

Me ühendame JQuery Bibilot lehekülge:

8. Loo kataloogid varad / komponendid / QUAPTCHA / ja core / Components / Qaptcha /

Kataloogis varad / komponendid / QUAPTCHA /paneme pildi ja jquery kausta sisuga ja sisse core / Components / QuAptcha / -pHP kaust QAPTCHA.JQUIQUERY faili

9. Looge snaptcha

ja pange seal järgmine kood:

regcliitcsss (modx_site_url. "Varad / komponendid / QUAPTCHA / JQARER / QAPTCHA.JQUER.CSS"); $ Modx-\u003e regclixcricriptcript (modx_site_url. "Varad / komponendid / QUAPTCHA / JQARER / JQARER-UI.JS"); $ Modx-\u003e regclixcricriptcript (modx_site_url. "Varad / komponendid / qaptha / jquery / jquery.ui.touch.js"); $ Modx-\u003e regclixcricript (modx_site_url. "Varad / komponendid / Quaptcha / jquery / Qaptcha.jquery.js"); $ MODX-\u003e Määrahoidla ("Qaptcha.slider", "

"); $ paramikaptcha \u003d massiivi () "Liigutage laaduri avamise paremale"); $ txtunlock \u003d $ modx-\u003e Lexicon ("Võite klõpsata nupule" Esita "); $ Paramqaptcha \u003d "Phpfile:" ". Modx_site_url. "Core / komponendid / QUAPTCHA / PHP / QAPTCHA.JQUERY.PHP \\" "; $ Paramqasptcha \u003d" TXTLOCK: "" ". $ TXTLOCK." "" $ Paramqaptcha \u003d Impode (",", $ Paramqaptcha); $ Modx-\u003e RegClienthtmlblock ("");

Kõik skriptid ja CSS-fail on selle kaudu kohe ühendatud ja mängija kutsutakse Qaptcha.slider.

10. Paneme matka, kuhu me tahame näha Captchi (ja tähelepanu: kus Jquerry raamatukogu on ühendatud, ei tööta see ilma raamatukoguta) ja rõõmustame :))

Kõik edukas töö ja hea nädalavahetuse meeleolu!

P.S. Mul on hea idee))) sinult))

Peaaegu kõigil kaubanduslikel saitidel on kontaktide leht, mille kontaktivorm asub, mille kaudu kasutajad saavad saidi administraatori kirjutada. Täna vaatame, kuidas kiiresti kontaktivormi loomine. Me rakendame tagasiside vormi paketi abil Formit. Pakendis pakendis Ajaxform, Paigaldage need, kui neid pole installitud.

Tagasiside vormi loomine MODX revo'is, millel on isikuandmete töötlemise loa vastavalt seadusele nr 152-FZ "isikuandmete kohta" 27. juuli 2006.

Esimene asi, mida me loome maandumise, kus vorm ise salvestatakse, lase tal olla kašš "Kontacti-vorm" ja pane see standardvormi koodi, ma kasutan põhimõtteliselt veebisaite bootstrapi abil, nii et ma võtan standardse Tühja konverteeritud tühi, selle staatiline kood on nii:

Nõustun isikuandmete töötlemisega

Kasutajaleping

Saada

Teie välimus on erinev, sest minu vorm on projekti raames stiliseeritud CSS-stiilid ei näe tähendust.

Siin näete muid vorme. getbootstrap.com/css/#forms.

Ja nüüd ma uuesti koodi dünaamiliseks võttes arvesse süntaks Formit. ja Ajaxform, Ma saan järgmise.

[[+ fi.error.name]]

[[+ fi.error.email]]

[[+ fi.error.pfone]]

[[+ fi.error.message]]

Nõustun isikuandmete töötlemisega
[[+ fi.error.opd]]

Märkide esitamise teel annan oma nõusoleku oma isikuandmete töötlemiseks vastavalt 27. juuli 2006. aasta seadusele nr 152-FZ "isikuandmetele" ja aktsepteerivad kasutuslepingu tingimusi

Saada [[+ Fi.success: is \u003d 1`: siis \u003d `

[[+ fi.successeSage]]

`]] [[+ fi.validation_error: is \u003d` 1`: siis \u003d `

[[+ Fi.Validation_error_message]]

`]]

Nüüd loome teise maandumise, mis moodustab kirja, helistame selle TPL-Kontact-vormile järgmise sisuga:

Nimi: [[+ nimi]]

E-post: [[+ e-post]]

Telefon: [[+ PFON]]

Sõnum: [[+ sõnum]]

Noh, see sai lõpule õiges kohas:

[[! AJAXFORM? & Snippet \u003d `Formit` & Vorm \u003d` Kontacti-vorm` & e-nantpl \u003d `TPL-Kontacti-vorm` & konksud \u003d` rämpsposti, e-posti `ja e-postSubrject \u003d` sõnum saidi [[++ saidi_url]] `& e-posti teel \u003d ` [E-posti kaitstud]`& Valideeri \u003d` Nimi: nõutav, e-post: nõutav "ja valideerimiseerrorMessage \u003d` vormis sisaldab vigu! `& EducmedMessage \u003d` Sõnum edukalt saadetud! `]]

Ära unusta väärtust muuta e-posti teel. oma posti teel.

Komponentide dokumentatsioon:

1. Formit. — docs.modx.com/extras/revo/formit.
2. Ajaxform — docs.modx.pro/components/ajaxform

See on põhimõtteliselt see!

MODX-i ilma rämpsposti kujundamiseks on vaja luua see täiendavate nähtamatute väljadega:

1. Ajaxform allalaadimine ja paigaldamine ja formit komponendid

2. Vormi nimetatakse väga lihtsaks, peate aru saama

[[! AJAXFORM? & Snippet \u003d `Formit` & vorm \u003d` tpl.jaxfra..ru `& e-posti \u003d` [E-posti kaitstud]saidi "ja valideerimine \u003d` Nimi: nõutav, e-post: nõutav, sõnum: nõutav, töö-e-post: tühi "ja valideerimisrormsage \u003d` Vorm sisaldab vigu! Me võtame teiega lähitulevikus ühendust. "& E-nantpl \u003d` mafterpl`]]

Või Fenomi Shablanizeri kaudu:

($ _Modx-\u003e Runsnippet ("! Ajaxform", ["Scippet" \u003d\u003e "Formit", "vorm" \u003d\u003e "tpl.ajaxform.example", "konksud" \u003d\u003e "E-post, rämpsposti" \u003d\u003e " [E-posti kaitstud]"," EmailSubject "\u003d\u003e" Taotlus saidilt darause.ru "," e-posti "\u003d\u003e" [E-posti kaitstud]"", "Valideeri" \u003d\u003e "Nimi: nõutav, e-post: nõutav, teade: nõutav, töö-e-post: tühi", "valideerimisrJessage" \u003d\u003e "kujul sisaldab vigu!" Rakendus! Me võtame teiega lähitulevikus teiega ühendust. "," E-posti aadressil "\u003d\u003e" Mailtpl ",]))

Parameetrite kirjeldus:

• snippet - Snippets Ajaxformi töötlemiseks, Set Formit - see saadab lihtsalt tähed
• vorm - Chanka vorm disain, on see, kes on vaikimisi
• konksud - konksud, et kaitsta rämpsposti eest
• emailfrom - aadress, kust kiri tuleb
• emailto - aadress, et kiri tuleb
• validelda - valideerimine, siin ka kaks nähtamatut välja
• valideerimisrorMessage - Sõnum, mis väljund, ei ole edukas väljad
• succesMessage - sõnum, mis kuvatakse, kui edukas saatmine kirja
• emailTpl - Chank, milles salvestatud kirja mall salvestatakse (loe allpool)

3. Pärast seda läheme meie kuju disaini tükkideks, sel juhul see on tpl.jaxform.example ja lisage vormi tag, järgmised kaks väljad.

...

Nüüd ei tohiks teie vorm kahe uue välja tõttu olla rämpspost.

4. Väline tüüpi sissetuleva kirja

Vaikimisi kiri tuleb kiri ilma vorminguta ei ole väga loetavas vormis. Seetõttu aseme näitele veidi meie kirja.

Kirja mall on lihtne lahk, mida me parameetris täpsustame e-posti teel, kõik on väga lihtne, kirjutan registreerimise näite. Kui olete küsimused, kirjutage kommentaaridesse.

mailtpl:

Võrgus [[++ Site_url]] Taotlusest lahkunud.

[[+ Nimi: notempty \u003d `

Nimi: [[+ nimi]]

`]] [[+ e-post: märgatav \u003d`

Mail: [[+ e-post]]

`]] [[+ Sõnum: märgatav \u003d`

Sõnum: [[+ sõnum]]

`]]

Palun võtke temaga lähitulevikus ühendust.

Ärge vastake sellele kirjale, nagu see on automaatne.

Loe luua ja rämpsposti kaitse.