Atsauksmes forma Modx revo ģenerators. MODX - Atsauksmes veidlapa (formit)

Modx ir interesanta iespēja - varat mainīt izskats Resursu rediģēšanas veidlapas praktiski, kā jūs vēlaties. Turklāt jūs varat veikt dažādas veidlapas dažādām lietotāju grupām un pat dažādiem resursiem. Jūs varat izvēlēties dažādus veidlapas profilus no šī resursa Atkarībā no tās veidnes, vecākiem vai citām īpašībām.

Un par to mums nav jāreģistrē viena koda rindiņa!

Redzēsim, ko, piemēram, varat darīt ar veidlapām:

Pirmkārt, noņemiet nevajadzīgu top izvēlni vienam vispārējam vienumam - "Izstrādātājs". Lai to izdarītu, dodieties uz sadaļu "Sistēma" -\u003e "Darbības" sadaļā, izveidojiet jaunu izvēlnes vienumu saknes un velciet visus nevajadzīgos punktus:

Tālāk iet sadaļā "Drošība" -\u003e "Iestatījumu veidlapas" un izveidojiet jaunu profilu, piemēram, "Content Manager". Pēc tam nospiediet to ar peles labo pogu un izvēlieties "Rediģēt", dodieties uz cilni "Lietotāju grupas" un pievienojiet grupu, kurai tiks izmantoti jauni noteikumi.

Pēc tam mēs izveidojam jaunu noteikumu kopumu. Viņu divu veidu ir viens resursu izveides veidlapai, otrajam - rediģēšanai un atjaunināšanas veidlapai (attiecīgi izveidot un atjaunināt). Šie noteikumi var būt nedaudz - vismaz ar noteikumu par katru resursu.

Pēc noteikuma izveidošanas jūs redzēsiet iestatījumu lapu - ir trīs cilnes: informācija par noteikumu kopumu, reģioniem, papildu jomām.

Pirmā cilne uzskaita standarta resursu laukus. Tos var izslēgt vai pārdēvēt. Reģioni ir cilnes resursā. Jūs varat izveidot jaunu reģionu un tur ievietot dažus TV parametrus, tad tie būs resurss "Papildu lauki" cilnē, un par jauno ieguldījumu jūs norādīsiet. Šeit jūs varat atspējot standarta cilnes, piemēram, "resursu grupas".

Trešajā cilnē jūs norādāt televizora parametra atrašanās vietu.

Es izveidoju nelielu bērnu gultiņu standarta reģionos:



Tātad, nekavējoties noņemsiet visas lietotāja cilnes, izņemot vispirms. Mēs noņemam ērces no reģioniem: MODX-Page-Settings, MODX-Panel-Resource-TV, MODX-Resursu piekļuves atļaujas. Turklāt - no standarta laukiem tikai Pagetitle un alias atstās. Pārējās izvēles rūtiņas tiek iztīrītas. Norādiet jaunu nosaukumu Pagetitle laukam: "Ziņu nosaukums" un alias: "Lapas adrese".

Pēc tam dodieties uz cilni "Papildu lauki" un norādiet, ka TV parametriem jābūt vienā vai citā formā (saskaņā ar bērnu gultiņu).

Tas joprojām ir jānorāda, kādiem resursiem šis noteikums ir spēkā - modeļa punkta punktā, mēs norādām resursus, ar kuriem veidnes piemēro noteikumu. Ja noteikums ir par visām veidnēm, es neko nenorādīju. Un ir divi priekšmeti: "Ierobežojošā lauka" un "ierobežojošā nozīme". Šeit jūs varat norādīt pārējās jomas.

Pieņemsim norādīt, ka šis noteikums attiecas uz resursiem "ziņu" - "ierobežojošā lauka" rindkopā rakstīt vecāks.un, piemēram, resursu "ziņu" ierobežošanas vērtības "ID, 22 .

Man jau ir pāris nodarbības, lai izveidotu veidlapas uz formit komplektā C - šis komplekts ir kā priekšrocības: nosūtot veidlapas bez rebooting, ir peldēšanas logs, ka ziņojums tiek nosūtīts, utt. Nu, attiecīgi, mīnusi: JS un kodu pievieno kodam. cSS fails. - Kas dod mīnus ātrumam un joslā JS nav nepieciešams veids zvanā, jo tā, brīdinājums parādās validator - tas nav nepieciešams, lai to precizētu HTML 5.

Tāpēc es nolēmu veidot formas tīrā formā, tas bija par to šodien un mācība.

HTML Form Markup tagad ir šāds kods:

Nekas īpašs, tāpēc, lai runātu standartu ar izkārtojumu bootstrap 4. Es to redo, ņemot vērā sintaksi un vienā mēs palielināsim lieku, rusificē, pievieno aizsardzību pret surogātpastu:

[! Formit? & āķi \u003d `surogātpasts, e-pasts" un e-pastsTpl \u003d `e-pasta-tpl` & e-pastu \u003d` [[++ e-pasta adrese]] `& e-pastsubject \u003d` burts no vietnes [[++ site_url]] `un apstiprināt \u003d` woremail: tukšs, vārds: nepieciešams, e-pasts: E-pasts: nepieciešams, ziņojums: nepieciešams: striptags, tālrunis: obligāti "un panākumi \u003d`

Paldies, jūsu apelācija tiek nosūtīta.

`]] [[! + Fi.successageage: noklusējuma \u003d` `` `]]
[[! + + fi.error.name]]
[! + Fi.rror.phone]]
[[! + + fi.error.email]]
[[! + fi.error.message]]

Kodu analīze, mēs ejam no augšas apakšā:

& Āķi - šeit tiek pievienoti dažādi āķi, tostarp pašnodarbinātie: mūsu lietā, 2 standarti: span - vienkārša aizsardzība pret surogātpastu un e-pastu - obligāti, lai nosūtītu datus pastkaste. Par pārējiem āķiem, es saku detalizēti video.

& EmailTpl - Chanc ar burtu dizainu, ir šāds kods:

No kuriem: [[+ nosaukums]]

Telefons: [[+ tālrunis]]

E-pasts: [[+ e-pasts]]

Ziņojums: [[+ Message]]

& E-pastu - adrese e-pasta adrese kur veidlapas tiek nosūtītas, In Šis gadījums noteikts sistēmas iestatījums (atslēga) ++ e-pasta adrese

& EmailSubject - nosūtītās vēstules tēma

Un apstiprināt - mēs izrakstām nepieciešamos laukus aizpildīšanai un biežiem laukiem, lai aizsargātu pret surogātpastu

Un panākumi - ziņojums pēc veiksmīga sūtījuma

Es neizjaukt kodu kodu, kurš ir ieinteresēts skatīties video un lasīt dokumentāciju: docs.modx.com/extras/revo/formit

Failu pievienošana veidošanai

Lai varētu pievienot un nosūtīt pielikumus, ir nepieciešams reģistrēties pelējuma tagā

Enctype \u003d "Multipart / Form-Data"

un attiecīgi pievienojiet laukus, lai pievienotu failu

[! + fi.error.Upload]]]

Chekboxers un opcijas apstrāde

Vairākas veidlapas vienā lapā

Tikai zvanos katras veidlapas, rakstiet

& submendvar \u003d `veidlapas nosaukums angļu valodā"

katrai formai ir savs vārds.

Cīnīties ar surogātpastu

Kā nevis vērsties, bet jūs noteikti nonāksiet surogātpastu - visvairāk efektīva metode Lai to apkarotu -, varat arī mēģināt.

Laba diena! Šodien es jūs iepazīstināšu, lai izveidotu atgriezeniskās saites veidlapu Modx revolūcijai, kuru galvenais būs neparasts ierobežojums (kā Googlovsk Qapča ir pārāk sarežģīta un apgrūtinoša). Darīt atsauksmes Mēs izmantosim formēšanas papildinājumu. Jūs varat instalēt to, iespējams, sevi, labi, tiem, kas nezina, kā to izdarīt, es joprojām izgriezu stundu no sākuma līdz beigām. Sākt!

Es garām visus mirkļus, kas saistīti ar uzstādīšanu MODX revolūcija, Sistēmas iestatīšana, vietnes dizaina iegulšana un tā tālāk. Sāksim ar formit paketes uzstādīšanu.

1. Dodieties uz sistēmu - paketes pārvaldība

2. Noklikšķiniet uz "Slodzes papildinājumi"

3. Izvēlieties no Formit saraksta

Noklikšķiniet uz "Lejupielādēt". Pēc formēšanas ievietošanas parādās lejupielādētajos iepakojumos, noklikšķiniet uz pogas Instalēt. Formit instalēta!

4. Tālāk izveidojiet jaunu Chank

Zvanīsim to "Form" un ievietot šādu kodu:

[[! Qaptcha]] [[! Formit? & Āķi \u003d `surogātpasta, e-pasts, redirect` & extstpl \u003d` SenmailTpl` & e-pastsubject \u003d `Atzvanīšanas pieteikumu" un e-pastu \u003d `Jūsu e-pasta adrese" un redirectto \u003d `Page ID" burtu Veiksmīgi nosūtīts "` & validate \u003d `kontaktpersona": nepieciešams, kontakts_phone_na_format: obligāti "& customValidators \u003d` qaptcha.slider`]]

[[+ qaptcha.slider]]

Šeit ir izaicinājums fragmenta formit, forma un captcha, kuru mēs piespiestu darbu šādos posteņos. Neaizmirstiet parametru e-pastu. Norādiet pastkasti, kurai burtam ir jānāk, un redirectto.nepieciešams ievietot lapas ID "vēstuli veiksmīgi nosūtīts"

5. Izveidojiet Chank Sentemailtpl

Viņš runās, kādu informāciju nosūtīt uz pastu un ievietot kodu:

Nosaukums: [[+ Contact_name]]
E-pasts: [[+ Contact_email]]
Tālrunis: [[+ Contact_Phone_na_Format]]
Piezīme: [[+ Contact_Message]]

6. Izveidojiet jaunu dokumentu, ko sauc par "vēstuli veiksmīgi nosūtīts"

Resursa saturā jūs varat ievietot teksta tipu: Mēs saņēmām jūsu vēstuli! Paldies, ka izvēlējāties mūsu uzņēmumu. Mūsu vadītājs pēc iespējas īsākā laikā sazināsies ar jums kontakta tālrunī, ko esat atstājis pieteikumā!

7. Tagad mēs risināsim APACIT

Mēs savienojam Jquery Bibilot lapu:

8. Izveidojiet katalogus aktīvi / komponenti / qaptcha / un core / komponenti / qaptcha /

Katalogā aktīvi / komponenti / qaptcha /mēs ievietojam attēlu un jQuery mapi ar saturu un core / komponenti / qaptcha / -pHP mape ar qaptcha.jquery failu

9. Izveidot fragmentu qaptcha

turiet šādu kodu:

regClientCss (Modx_site_url "Aktīvi / komponenti / qaptcha / jquery / qaptcha.jquery.css"); $ MODX-\u003e RegClientript (MODX_SITE_URL "Aktīvi / komponenti / qaptcha / jQuery / jquery-ui.js"); $ MODX-\u003e RegClientscript (MODX_SITE_URL. "AKTĪVI / KOMPONENTES / QAPTHA / JQUERY / JQUERY.UI.TOUCH.JS"); $ MODX-\u003e RegClientript (MODX_SITE_URL "Aktīvi / komponenti / qaptcha / jQuery / qaptcha.jquery.js"); $ Modx-\u003e SetToStholder ("Qaptcha.Slider", "

"); $ paramqaptcha \u003d masīvs (); $ Modx-\u003e Getservice (" Lexicon "," Modlicon "); $ MODX-\u003e LEXICON-\u003e Slodze (" QAPTCHA: noklusējums "); $ txtlock \u003d $ Modx-\u003e Lexicon ( "Pārvietojiet iekrāvēju pa labi, lai atbloķētu"); $ txtunlock \u003d $ Modx-\u003e Leksikons ("Jūs varat noklikšķināt uz pogas" Iesniegt "); ja (! Tukšs ($ SubsterSubmit)) $ Paramqaptcha \u003d" SievietesSubmit: "$ SievietesSubmit $ paramqaptcha \u003d "phpfile: \\" ". Modx_site_url. "Core / komponenti / qaptcha / php / qaptcha.jquery.php" "; $ paramqaptcha \u003d" txtlock: "". $ Txtlock. "" "; $ Paramqaptcha \u003d" txtunlock: "". $ Txtunlock. " "" $ Paramqaptcha \u003d implode (",", $ Paramqaptcha); $ Modx-\u003e RegClienthtmlblock ("");

Visi skripti un CSS fails tiek nekavējoties savienots ar to, un saukšanas īpašnieks tiek saukts qaptcha.slider.

10. Mēs ievietojam Chank, kur mēs vēlamies redzēt CAPTCH (un uzmanību: kur ir savienota jQuery bibliotēka, tas nedarbosies bez bibliotēkas) un priecājas :))

Viss veiksmīgs darbs un labs nedēļas nogales noskaņojums!

P.S. Man ir lieliska ideja))) "Demo", ko es ievietoju savu pastu un visus burtus, kurus jūs sūtīsiet, lai pārbaudītu skripta darbu nāks pie manis)) kā paldies, es gaidu anekdotes un smieklīgos mazos stāstus no tevis))

Gandrīz visās tirdzniecības vietās ir kontaktu lapa, kurā atrodas kontaktforma, caur kuru lietotāji var rakstīt vietnes administrācijas. Šodien mēs apskatīsim, cik ātri izveidojot kontaktu veidlapu. Mēs īstenosim atgriezeniskās saites veidlapu, izmantojot paketi Formit. iepakojumā ar paketi Ajaxform, Instalējiet tos, ja tie nav instalēti.

Izveidojot atgriezeniskās saites veidlapu MODX REVO ar atļauju apstrādāt personas datus saskaņā ar Likumu Nr. 152-FZ "Par personas datiem" 2006. gada 27. jūlijā.

Pirmā lieta, ko mēs izveidojam Chank, kurā pati veidlapa tiks saglabāta, ļaujiet tai būt Chank "Kontact-Form" un ievietot to standarta veidlapas kodu, es galvenokārt daru tīmekļa vietnes, izmantojot bootstrap, tāpēc es ņemšu standartu tukšs mazliet konvertēts, tās statiskais kods būs tik:

Lietotāja līgums

Jūsu izskats būs atšķirīgs, jo mana forma ir stilizēta saskaņā ar projektu, CSS stili neredz nozīmi.

Šeit jūs varat redzēt citas veidlapas. getbootstrap.com/css/#forms.

Un tagad es redo kodu dinamikā, ņemot vērā sintaksi Formit. un Ajaxform, Man ir šādi.

[[+ fi.error.name]]]
[[+ fi.error.email]]]
[[+ fi.error.pfone]]]
[[+ fi.error.message]]]

Ievietojot zīmi, es dodu savu piekrišanu manu personas datu apstrādei saskaņā ar Likumu Nr 152-FZ "Par personas datiem" 2006. gada 27. jūlija un pieņemt Lietotāja nolīguma noteikumus

[[+ Fi.success: ir \u003d `1`: tad \u003d`
[[+ fi.successMessage]]
`]] [[+ fi.validation_Error: ir \u003d` 1`: tad \u003d `
[[+ Fi.validation_error_message]]
`]]

Tagad mēs izveidojam vēl vienu Chank, kas veidos vēstuli, zvanīsim tam TPL-KONTACT veidlapai ar šādu saturu:

Nosaukums: [[+ nosaukums]]

E-pasts: [[+ e-pasts]]

Tālrunis: [[+ pfone]]

Ziņojums: [[+ Message]]

Nu, tas kļuva noslēgts īstajā vietā:

[! Ajaxform? & fragments \u003d `Formit` & Form \u003d` KONTACT-FORMING-FORMTPL \u003d `TPL-KONTACT-FORMA & HOOKS \u003d" SPAM, E-pasts "un e-pastsubject \u003d` Ziņojums no vietnes [[++ Site_URL]] `& EMSTO \u003d ` [E-pasts aizsargāts]`& Validate \u003d` Vārds: Nepieciešams, E-pasts: Obligations` & ValidationErrormessage \u003d `formā ir kļūdas!" Un panākumi \u003d "ziņojums veiksmīgi nosūtīts!"]]

Neaizmirstiet mainīt vērtību e-pastu. uz jūsu pastu.

Komponenti Dokumentācija:

  1. Formit.docs.modx.com/extras/revo/formit.
  2. Ajaxformdocs.modx.pro/components/aJaxform

Tas ir būtībā tas!

Lai izveidotu veidlapu MODX bez surogātpasta, tas ir nepieciešams, lai izveidotu to ar papildu neredzamiem laukiem:

1. Lejupielādējiet un instalējiet AJAXForm un Formit komponentus

2. Veidlapu sauc par ļoti vienkāršu, jums ir jāizskaidro

[! Ajaxform? & fragments \u003d `formit` & forma \u003d` tpl.ajaxform..ru `& e-pastu \u003d` [E-pasts aizsargāts]vietnes un validate \u003d `Vārds: nepieciešams, E-pasts: nepieciešams, ziņojums: Nepieciešams, darba-e-pasts: Blank` & ValidationErrormessage \u003d` Veidlapā ir kļūdas! "Un panākumi \u003d" paldies par pieteikumu! Mēs sazināsimies ar jums tuvākajā nākotnē. "& EmailTpl \u003d` mafterpl`]]

Vai caur Fenom Shablanizer, piemēram:

($ _modx-\u003e Runsnippet ("! Ajaxform", ["fragments" \u003d\u003e "Formit", "Form" \u003d\u003e "Tpl.ajaxform.example", "āķi" \u003d\u003e "E-pasts, surogātpasta" "e-pastsFrom" \u003d\u003e " [E-pasts aizsargāts]"," EmailSubject "\u003d\u003e" pieteikums no vietnes Daruse.ru "," Ementto "\u003d\u003e" [E-pasts aizsargāts]"," Apstiprināt "\u003d\u003e" Vārds: Nepieciešams, E-pasts: Nepieciešams, ziņojums: Nepieciešams, darba-e-pasts: tukšs "," ValidationerRmessage "\u003d\u003e" formā ir kļūdas! "," Sectensage "\u003d\u003e" Paldies par Pieteikums! Mēs sazināsimies ar jums tuvākajā nākotnē. "," EmailTpl "\u003d\u003e" MailTpl ",]))

Parametru apraksts:

  • fragments - fragmenti Ajaxform apstrādei, iestatiet formit - tas vienkārši nosūta burtus
  • form - Chanka veidlapu dizains ir tas, kurš ir noklusējums
  • Āķi - āķi, lai aizsargātu pret surogātpastu
  • e-pastsFrom - adrese, no kuras nāk vēstule
  • e-pastu - adrese, ko norāda vēstule
  • apstiprināt - apstiprināšana, šeit arī divi neredzami lauki
  • validationErrorMessage - ziņojums, kas būs izeja, ar ne veiksmīgu lauku ievadīšanu
  • secentessage - ziņojums, kas tiks parādīts, kad veiksmīgi nosūtot vēstuli
  • emailTpl - Chank, kurā tiek uzglabāta pasta vēstules veidne (par to izlasiet tālāk)

3. Pēc tam, mēs ejam uz mūsu formas dizaina gabalu, šajā gadījumā tas ir tpl.ajaxform.example un pievienot pēc veidlapas tagu, šādus divus laukus.

...

Tagad jūsu veidlapa nedrīkst būt surogātpasts, sakarā ar diviem jauniem laukiem.

4. Ienākošā vēstules ārējais veids

Pēc noklusējuma vēstule nāk uz pastu bez jebkādas formatēšanas ne ļoti lasāmā formātā. Tāpēc pieņemsim nelielu mūsu vēstuli par piemēru.

Vēstules veidne ir vienkāršs Chank, ko mēs norādījām parametru emailtpl, Viss ir ļoti vienkāršs, es uzrakstīšu reģistrācijas piemēru. Ja esat jautājumi, rakstiet komentāros.

mailTpl:

Online [[++ site_url]] atstāja pieteikumu.

[[+ Nosaukums: neprecizēts \u003d `

Nosaukums: [[+ nosaukums]]

`]] [[+ E-pasts: neprecizēts \u003d`

Mail: [[+ e-pasts]]

`]] [[+ Ziņojums: notepty \u003d`

Ziņojums: [[+ Message]]

`]]

Lūdzu, sazinieties ar viņu tuvākajā nākotnē.

Neatbildiet uz šo vēstuli, jo tas ir automātisks.

Lasiet par surogātpasta aizsardzības veidošanu un ar surogātpasta aizsardzību.