A Modxban van egy érdekes lehetőség - megváltoztathatja megjelenés Erőforrás szerkesztési formák gyakorlatilag a kívánt módon. Ezenkívül különböző formákat hozhat létre a különböző felhasználói csoportok számára, sőt a különböző források esetében is. Különböző formátumú profilokat választhat ebből az erőforrásból A sablontól, a szülőtől vagy más tulajdonságoktól függően.
És erre nem kell egyetlen kódot kell írnunk!
Lássuk, mit jelent például az űrlapokkal:
Először távolítsa el a felesleges felső menüpontokat egy általános tételhez - "Fejlesztő". Ehhez menjen a "Rendszer" szakasz -\u003e "Műveletek" szakasz, hozzon létre egy új menüpontot a gyökérben, és húzza az összes felesleges pontot:
Ezután lépjen be a "Biztonság" -\u003e "Beállítási űrlapok" szakaszba, és hozzon létre egy új profilt, például a "Content Manager" -t. Ezután nyomja meg a jobb egérgombbal, és válassza a "Szerkesztés" lehetőséget, menjen a "Felhasználói csoportok" fülre, és adjon hozzá egy csoportot, amelyhez új szabályokat kell alkalmazni.
Ezután új szabályokat hozunk létre. Ezek két típus egy az erőforrás létrehozása formájában, a második - a szerkesztés és frissítés formájában (létrehozása és frissítése, sorrendben). Ezek a szabályok némileg - legalábbis az egyes erőforrások szabálya szerint.
A szabály létrehozása után megjelenik a Beállítások oldala - Három lap van: Információ a szabályokból, régiókban, további mezőkről.
Az első lap felsorolja a szabványos erőforrás mezőket. Kikapcsolhatók vagy átnevezhetők. A régiók az erőforrás lapjai. Új régiót hozhat létre, és néhány TV-paramétereket helyezhet el, akkor erőforrást fog kapni a "További mezők" lapon, és az új hozzájárulás meg fogja adni. Itt letilthatja a szabványos füleket, például az "erőforráscsoportokat".
A harmadik lapon megadja a TV paraméter helyét.
Egy kis kiságyat készítettem a szabványos régiókban:
Tehát azonnal távolítsa el a felhasználó összes lapját, kivéve először. Mi eltávolítja a kullancsok a régiókban: MODx oldalas beállítások MODx-PANEL-FORRÁS-TV, MODx-erőforrás-Access-engedélyek. Továbbá - a standard mezőktől csak a pagehetitle és az alias elhagyja. A többi jelölőnégyzetet megtisztítják. Adjon meg egy új nevet a Pagetitle mezőnek: "Hírek" és alias: "Oldal cím".
Ezután menjen a "További mezők" fülre, és jelezze, hogy a TV-paramétereknek egy vagy más formában kell lenniük (a kiságy szerint).
Továbbra is meg kell adnia, hogy milyen erőforrásokkal ez a szabály érvényes - a minta bekezdéspontjában azt jelzi, hogy az erőforrások, amelyekkel a sablonok alkalmazzák a szabályt. Ha a szabály minden sablonra vonatkozik, nem adok meg semmit. És két tétel van: "korlátozó mező" és "korlátozó jelentés". Itt megadhatja a többi mezőt.
Nézzük meg, hogy ez a szabály a "Hírek" -ben szereplő erőforrásokra vonatkozik - a "Limiting Field" bekezdésben szülő., és az "Hírek" erőforrás "korlátozó értéke" azonosítója, 22 .
Már van egy pár lecke, hogy formanyomtatványokat hozzon létre egy Bundle C-ben - Ez a csomag előnyei vannak: az űrlapok küldése újraindítás nélkül, van egy úszómpart, amelyet az üzenet elküldi, stb. Nos, ennek megfelelően a MINUSES: JS és a kód hozzáadódik a kódhoz. cSS fájl. - Mi ad mínusz a sebesség és a kimenet a JS nem a szükséges típus a hívás, mert a figyelmeztetés megjelenik az érvényesítőben - nem szükséges megadni a HTML 5-ben.
Ezért úgy döntöttem, hogy formanyomtatványt készítek a tiszta formában, ez ma és egy lecke.
A HTML formanyomtatvány most a következő kód:
Semmi különös, így a standard standard a bootstrap 4. elrendezésével. Meg fogom írni, figyelembe véve a szintaxist, és egyben növelünk felesleges, Russify, hozzáadunk védelmet a spam ellen:
[[! Formit? & Hooks \u003d `spam, e-mail, e-mail, és emailtpl \u003d` email-tpl` & emailto \u003d `[[++ emailsender]]` & EmailSubject \u003d `Letter a webhelyről [[++ site_url]]` & validate \u003d `Workemail: üres, név: szükséges, E-mail: E-mail: kötelező Üzenet: kötelező: StripTags, Telefon: required` & SuccessMessage \u003d `
Köszönöm, hogy a fellebbezést elküldi.
`]] [[! + Fi.Successage: alapértelmezett \u003d` ``]]Kód-elemzés, felülről alulról megyünk:
& Horgok - Különböző horgok kerülnek hozzáadásra, beleértve az önmagát: a mi esetünkben, 2 szabvány: span - egyszerű védelem a spam és e-mail ellen - kötelező postafiók. A horgok többi részéről részletesen elmondom a videóban.
& EmailTPL - Chanc levéltervezéssel a következő kóddal rendelkezik:
Kinek: [[+ Név]]
Telefon: [[+ telefon]]
E-mail: [[+ Email]]
Üzenet: [[+ üzenet]]
És emailto - cím email ahol az űrlapok elküldésre kerülnek ez az eset meghatározott rendszerbeállítás (kulcs) ++ emailserter
& Emailsubject - az elküldött levél témája
& Validate - Meghatározzuk a szükséges mezőket a töltéshez és a gyakori mezők számára a spam elleni védelem érdekében
& Sucturmessage - Üzenet sikeres szállítás után
Nem fogom szétszerelni a kódkódot, aki érdekli a videó megtekintését, és elolvassa a dokumentációt: docs.modx.com/extras/revo/formit
Fájlok csatolása
Annak érdekében, hogy a mellékletek csatolása és küldése, a formanyomtatványon kell regisztrálni
Enctype \u003d "Multipart / Form-Data"
és adjon hozzá mezőket egy fájl csatolásához
ChekBoxerek és opció feldolgozása
Többféle űrlap egy oldalon
Csak az egyes formák hívásaiban írjuk
& Submitvar \u003d `Form név angolul
minden forma rendelkezik saját nevével.
Spam elleni küzdelem
Hogy ne csavarja meg, de biztosan jön a spam - a legtöbb hatékony módszer Megküzdeni -, megpróbálhatod.
Jó nap! Ma bemutatom Önt, hogy hozzon létre egy visszajelzési űrlapot a MODX forradalomhoz, amelynek főnöke szokatlan menedék lesz (mivel a Googlovsk Qaptcha túl bonyolult és nehézkes). Tegye visszacsatolás Formit bővítményt fogunk használni. Telepítheti, valószínűleg önmagad, nos, azoknak, akik nem tudják, hogyan kell csinálni, még mindig elvágtam egy leckét az elejétől a végéig. Kezdődik!
Hiányzik a telepítéshez kapcsolódó pillanatok Modx forradalom, a rendszerbeállítás, a helyszíni tervezés beágyazása és így tovább. Kezdjük a Formit csomag telepítésével.
1. Menjen a rendszerbe - csomagkezelés
2. Kattintson a "Betöltés kiegészítésére"
3. Válassza ki a Formit listát
Kattintson a "Letöltés" gombra. A Formit betöltése után megjelenik a letöltött csomagokban, kattintson a Telepítés gombra. Formit telepítve van!
4. Következő, hozzon létre egy új chankot
Hívjuk, hogy "űrlap", és helyezze be a következő kódot:
[[! QAPTCHA]] [[! Formit? & Hooks \u003d `SPAM, E-mail, Redirect` és emailtpl \u003d `Senmailtpl` & EmailSubject \u003d` Callback alkalmazás `és emailto \u003d` Az Ön e-mail címét Sikeresen elküldve "` és validate \u003d `contact_name: szükséges, contact_phone_na_format: szükséges` & customvalidators \u003d` qaptcha.slider`]]
Itt van a CLIPPET FORMIT, az alak és a CAPTCHA kihívása, amelyet a következő tételek során kényszerítünk. Ne felejtsük el a paramétert emailto. Adja meg azt a postafiókot, amelyhez a levélnek el kell jönnie, és a redirecto.szükség van az oldalazonosító "betű sikeresen elküldve"
5. CREASS CHANK SENTEMAILTPL
Ő fog beszélni, milyen információkat küldhet az e-mailhez, és beilleszteni a kódot:
Név: [[+ Contact_name]]
E-mail: [[+ Contact_email]]
Telefon: [[+ Contact_phone_na_format]]]
Megjegyzés: [[+ Contact_message]]
6. Hozzon létre egy új dokumentumot, az úgynevezett "A sikeresen elküldve"
Az erőforrás tartalmában szövegtípus beilleszthető: megkaptuk a levelet! Köszönjük, hogy kiválasztotta cégünket. Menedzserünk a lehető legrövidebb időn belül kapcsolatba lép a kapcsolattartó telefonon, amelyet az alkalmazásban hagyott!
7. Most foglalkozunk a kapacitással
A JQUERY Bibilot oldalt csatlakoztatjuk:
8. Katalógusok létrehozása eszközök / alkatrészek / Qaptcha / és core / Components / Qaptcha /
A katalógusban eszközök / alkatrészek / Qaptcha /a képet és a jquery mappát a tartalommal és a core / Components / Qaptcha / -pHP mappa qaptcha.jququery fájllal
9. Készítsen részleteket Qaptcha
És tegye a következő kódot:
regclientcss (modx_site_url. "Eszközök / alkatrészek / qaptcha / jquery / qaptcha.jququery.css"); $ MODX-\u003e regclientscript (MODX_SITE_URL. "Eszközök / alkatrészek / Qaptcha / JQuery / JQuery-ui.js"); $ MODX-\u003e regclientscript (MODX_SITE_URL. "Eszközök / alkatrészek / qaptha / jquery / jquery.ui.touch.js"); $ MODX-\u003e regclientscript (Modx_Site_URL. "Eszközök / alkatrészek / Qaptcha / jquery / qaptcha.jququery.js"); $ MODX-\u003e SETPLACKHARDER ("QAPTCHA.SLIDER", "
"); $ Paramqaptcha \u003d Array (); $ Modx-\u003e Getervice (" Lexicon "," Modlexicon "); $ Modx-\u003e Lexicon-\u003e terhelés (" Qaptcha: alapértelmezett "); $ txtlock \u003d $ Modx-\u003e Lexicon ( "Mozgassa a betöltőt a feloldáshoz"); $ txtunlock \u003d $ Modx-\u003e Lexicon ("Küldés" gombra kattintva gombra kattintva); ha (! ; $ paramqaptcha \u003d "phpfile: \\" ". MODX_SITE_URL. "Core / Components / Qaptcha / PHP / QAPTCHA.JQUERY.PHP \\" "; $ paramqaptcha \u003d" txtlock: \\ "$ txtlock." $ Txtlock. "" "$ Paramqaptcha \u003d" txtunlock: \\ " \\ "" $ paramqaptcha \u003d implode (",", $ paramqaptcha); $ modx-\u003e regclienthtmlblock ("");Minden parancsfájl és CSS fájl azonnal csatlakozik rajta, és a playtyholdert hívják QAPTCHA.SLIDER.
10. Chankot helyeztünk, ahol meg akarjuk látni a CAPTCH-t (és figyelmet: ahol a jquery könyvtár csatlakozik, nem fog működni a könyvtár nélkül) és örülni :))
Minden sikeres munka és jó hétvégi hangulat!
P.S. Van egy nagyszerű ötletem)) A "demo" -ban tette a levelemet és az összes levelet, amit küldeni fog, hogy ellenőrizze, hogy ellenőrizze, hogy a szkript jön hozzám) Köszönöm, várom a vicceket történetek tőled))
Szinte minden kereskedelmi webhely rendelkezik olyan névjegyekkel, amelyeken a kapcsolattartó űrlap található, amelyen keresztül a felhasználók írhatnak webhely adminisztrációját. Ma megnézzük, milyen gyorsan hozhatunk létre kapcsolatformát. A visszajelzési űrlapot csomag segítségével hajtjuk végre Formit. Csomaggal ellátott csomagban Ajaxform, Telepítse őket, ha nincs telepítve.
A MODX REVO visszajelzési űrlapjának létrehozása a 2006. július 27-i, 2006. július 27-én kelt, 152-FZ "Személyes adatok" törvényének megfelelően történő feldolgozásának engedélyével.
Az első dolog, amit egy chankot hozunk létre, amelyben maga a forma tárolódik, hagyja, hogy "Kontact-forma", és hozzon létre egy szabványos forma kódját, alapvetően a bootstrap segítségével weboldalakat végezek, így egy standardot fogok tenni Üres egy kicsit átalakított, statikus kódja így lesz:
A megjelenése más lesz, mivel az űrlapom stilizált a projekt alatt, a CSS-stílusok nem látják a jelentést.
Itt más űrlapok láthatók. getbootstrap.com/css/#forms.
És most a kódot dinamikusan fogom felvenni, figyelembe véve a szintaxist Formit. és Ajaxform, Megkapom a következőket.
Most létrehozunk egy másik chankot, amely levelet alkot, hívja TPL-Kontact-formát a következő tartalmakkal:
Név: [[+ Név]]
E-mail: [[+ Email]]
Telefon: [[+ pfone]]
Üzenet: [[+ üzenet]]
Nos, a megfelelő helyen lett következtetésre jutott:
[[! Ajaxform? & Snipp \u003d `Formit` & Form \u003d` Kontact-forma `és emailTPL \u003d` tpl-kontakt-forma `és horgok \u003d` spam, e-mail, e-mail és emailsubject \u003d `Üzenet a webhelyről [[++ site_url]]` & EmailTo \u003d ` [E-mail védett]`& Validate \u003d` Név: Szükséges, e-mail: szükséges "& validationerrormessage \u003d` Az űrlapon hibákat tartalmaz! `& SuctyMessage \u003d` Az üzenet sikeresen elküldve! `]]
Ne felejtse el megváltoztatni az értéket emailto. a levelezől.
Alkatrészek dokumentációja:
- Formit. — docs.modx.com/extras/revo/formit.
- Ajaxform — docs.modx.pro/components/ajaxform
Ez alapvetően ez!
A MODX formában a spam nélkül létrehozása további láthatatlan mezőkkel kell létrehozni:
1. Töltse le és telepítse az Ajaxform és a Formit alkatrészeket
2.
Az űrlapot nagyon egyszerűnek hívják, meg kell találnod
[[! Ajaxform? & Snippet \u003d `Formit` & Form \u003d` tpl.ajaxform..ru `& emailto \u003d` [E-mail védett]site` & Validate \u003d `Név: Szükséges, E-mail: Szükséges, Üzenet: Szükséges: Szükséges, Munka-e-mail: Blank` & ValidationerRormessage \u003d` Az űrlap hibákat tartalmaz! `& SuctedMessage \u003d` Köszönjük az alkalmazást! A közeljövőben kapcsolatba lépünk Önnel. "& Emailtpl \u003d` mafterpl`]]
Vagy a Fenom Shablanizer-en keresztül, mint ez:
($ _MODX-\u003e RunsNippet ("! Ajaxform", ["SNIPTET" \u003d\u003e "FORMIT", "FORM" \u003d\u003e "TPL.AJAXFORM.EXAMPLAME", "horgok" \u003d\u003e "e-mail, spam" "emailfrom" \u003d\u003e " [E-mail védett]"," Emailsubject "\u003d\u003e" alkalmazás a helyszínről Daruse.ru "," emailto "\u003d\u003e" [E-mail védett]"," Validate "\u003d\u003e" Név: Szükséges, e-mail: Szükséges, üzenet: Szükséges, Munka-e-mail: Blank "," Validationerrmessage "\u003d\u003e" A formában hibákat tartalmaz! "," SuctyMessage "\u003d\u003e" Alkalmazás! A közeljövőben kapcsolatba lépünk Önnel. "," Emailtpl "\u003d\u003e" mailtpl ",]))))
Paraméterek leírása:
- pixet - Pixets feldolgozásához Ajaxform, Állítsa be a formitot - csak elküldi a betűket
- forma - chanka formanyomtatvány, az, aki az alapértelmezett
- horgok - horgok a spam ellen
- emailfrom - cím, amelyből a levél jön
- emailto - a levél, amelyet a levél jön
- validate - validálás, itt is két láthatatlan terület
- validationerRormessage - olyan üzenet, amely kimenet lesz, a mezők sikeres bemenete
- sUDEDSMESSAGE - Egy üzenet, amikor sikeres levelet küld
- emailTpl - Chank, amelyben a bejövő levél sablonja tárolódik (olvassa el az alábbiakban)
3. Ezt követően eljutunk az alakrajzunkba, ebben az esetben ez a tpl.ajaxform.example és add hozzá az űrlapcímke után, a következő két mezőt.
Most az Ön űrlapja nem lehet spam, két új mező miatt.
4. A bejövő levél külső típusa
Alapértelmezés szerint a levél nem nagyon olvasható formátumú formázás nélkül jön az e-mailhez. Ezért helyezzük el egy kis levelet a példában.
A levél sablon egy egyszerű chank, amelyet megadunk a paraméterben emailTPL, Minden nagyon egyszerű, írok egy példát a regisztrációra. Ha kérdések vagy, írj a megjegyzésekben.
mailTPL:
Online [[++ site_url]] elhagyott egy alkalmazást.
[[+ Név: Notebly \u003d `Név: [[+ Név]]
`]] [[+ e-mail: notebly \u003d`Mail: [[+ Email]]
`]] [[+ Üzenet: notebly \u003d`Üzenet: [[+ üzenet]]
`]]Kérjük, vegye fel a kapcsolatot a közeljövőben.
Ne válaszoljon erre a levélre, mivel automatikus.
Olvassa el a létrehozását és a spam védelmet.