- Будаўніцтва - новая структура каталога
- Blank and LUMA: новыя тэмы Magento 2
- Успадкоўванне тэм у Magento 2 Frontend
- Макет у Magento 2
- Модульнасць і паўторнае выкарыстанне
- Фронтэнд Magento 2 павышае прадукцыйнасць
- Перавага: Magento 2 прасоўвае і патрабуе прафесіяналізму
На мінулым тыдні мой калега Маціяс падзяліўся сваімі ўражаннямі Magento 2 модуля паведамілі ў якасці распрацоўніка бэкэнд. Новая сістэма магазінаў таксама ўносіць некаторыя змены ў распрацоўнікаў. Праца з тэмамі Magento 2 выклікае новыя патрабаванні. Паколькі можна прадбачыць, што для версіі 2.1 усё яшчэ будуць нязначныя змены, каб згладзіць некалькі працэсаў, гэтыя змены не павінны быць канчатковымі. Бягучы стан:
Будаўніцтва - новая структура каталога
Што адразу ж кідаецца ў вочы, калі вы з Magento 2 пачынаецца, адрозненні ў структуры каталога. Калі файлы шаблонаў і макетаў раней былі запушчаныя пад прыкладаннем / дызайнам, а табліцы стыляў пад скурай , то ўсе файлы зараз ляжаць у тэчцы Magento 2 Themes і падпадзяляюцца ў адпаведнасці з модулямі . Гэта займае крыху прывыканне, але гэта палягчэнне мець усё ў адным месцы - асабліва ў складаных крамах, у якіх уваходзіць вялікая колькасць розных элементаў макета. Акрамя таго, гэта выгадна і зразумела для спецыяльна распрацаваных модуляў.
Blank and LUMA: новыя тэмы Magento 2
Magento 2 пастаўляецца з двума тэмамі. Пустая тэма, якая ўжо гатовая і вызначана падыходзіць у якасці асновы для далейшай наладкі. І тэма LUMA - выдатны прыклад звычайнай тэмы, заснаванай на бланку. Асноўная ідэя заключаецца ў тым, каб эфектыўна выкарыстоўваць уласцівасці пустой тэмы ў якасці бацькоўскага. Пры распрацоўцы ўласных тэм Magento 2 варта звярнуць увагу на структуру LUMA. Magento таксама дае некаторыя дэма-дадзеныя разам з LUMA. Напрыклад, тизеры для стартавай старонкі або асобнікі віджэтаў і іншых элементаў зместу, якія даюць добрае ўяўленне пра магчымасці карыстацкай тэмы.
Успадкоўванне тэм у Magento 2 Frontend
Прынцып адкату рэалізаваны некалькі інакш, чым у Magento 1, але падобны на гэта ў асноўнай ідэі. Асновай з'яўляюцца шаблоны стандартных модуляў Magento. Пустая тэма Magento 2 з'яўляецца асновай стандартнага крамы з усімі асноўнымі стылямі. Зыходзячы з гэтага, вы можаце стварыць любую колькасць адказных тэм Magento 2. Залежнасці паміж бацькоўскім і дзіцячым тэмамі можна лёгка вызначыць з дапамогай файла канфігурацыі.
Макет у Magento 2
Magento 2 таксама рэструктурызуе макет. З гэтага моманту існуе два тыпу элементаў макета: вядомыя блокі і новыя кантэйнеры. Кантэйнеры з'яўляюцца запаўняльнікамі для змесціва. Яны служаць толькі для арганізацыі блокаў і саміх логікі не ўтрымліваюць. На практыцы гэта, напрыклад, азначае, што вы больш не вызначаеце навігацыю як такую ў пэўнай вобласці старонак, а замест гэтага прызначыце навігацыю кантэйнеру, які змяшчае пазіцыянаванне і стылі.
Крыніца: Magento
Макет усё яшчэ можна наладзіць з дапамогай прамых умяшанняў у шаблоны. Тым не менш, мае больш сэнс наладзіць з дапамогай файлаў Layout XML. Magento 2 прапануе нават больш магчымасцяў, чым папярэднік, які рэдка пакідае прычыны перазапісу шаблонаў. З аднаго боку, гэта зніжае рызыку ўзнікнення канфліктаў і стабільнасці, а з іншага боку, платформа электроннай камерцыі Magento па-ранейшаму абнаўляецца, нягледзячы на вялікія карэкціроўкі.
Модульнасць і паўторнае выкарыстанне
Magento відавочна набывае модульнасць з увядзеннем інтэрфейсу бібліятэкі Magento . У бібліятэцы карыстацкага інтэрфейсу Magento шырокі спектр элементаў і функцый інтэрфейсу (напрыклад, шрыфты, табліцы, кнопкі, рэйтынгі, навігацыя і г.д.) устаноўлены і стылі. Стыль элементаў затым не ў карыстацкай тэме, але вялікую частку дызайну можна лёгка наладзіць, выкарыстоўваючы зменныя ў бібліятэцы карыстацкага інтэрфейсу Magento. Гэта таксама дапамагае зрабіць перазапіс асноўнага кода Magento састарэлым і забяспечыць мадэрнізацыю сістэмы. Акрамя таго, паўторнае выкарыстанне стыляў паляпшаецца, калі вы выкарыстоўваеце бібліятэку па прызначэнні і далейшай распрацоўцы з уласнымі элементамі зместу.
Прыклад для розных параметраў налады кнопкі праз бібліятэку карыстацкага інтэрфейсу Magento; Крыніца: Nexcess
Акрамя таго, Magento 2 Frontend зараз выкарыстоўвае JavaScript разам з RequireJS . RequireJS апрацоўвае загрузку асобных модуляў прыкладанняў JavaScript. Асаблівасць: RequireJS загружае пры адкрыцці старонкі толькі "абавязковыя" сцэнарыі - а не проста што-небудзь - што значна скарачае макет старонкі.
Такім чынам, замест таго, каб усталёўваць патрэбны сцэнар індывідуальна і размяркоўваць неабходныя бібліятэкі альбо інтэграваць усё ўсюды, неабходныя модулі спасылаюцца ў код з дапамогай RequireJS, што спрашчае працу і спрашчае код.
Фронтэнд Magento 2 павышае прадукцыйнасць
Дзякуючы модульнай структуры Magento 2 істотна меншая колькасць перазапісаў і дэкларацый CSS, і вы можаце прасцей, чым раней, толькі канкрэтныя блокі, неабходныя для запісу файлаў CSS. Гэта трымае яго тонкім і загружаецца хутчэй.
Паслядоўнае ўкараненне прынцыпу Mobile First у Magento прыносіць карысць прадукцыйнасці на мабільных прыладах:
Структура прадугледжвае, што стылі-m.css, гэта значыць табліца стыляў для мабільнага макета загружаецца спачатку. Толькі калі гэта не мабільнае прылада, дадатковыя стылі загружаюцца з стыляў-l.css (l = large).
Каб выкарыстоўваць гэтыя патэнцыялы прадукцыйнасці, гэта павінна быць Каманда распрацоўнікаў, але інтэнсіўна з больш складанай архітэктурнай інтэрфейсам справа.
Mobile First і спагадны таксама рады Google.
Перавага: Magento 2 прасоўвае і патрабуе прафесіяналізму
Непажадана, тут палка будзе адлучацца ад пшаніцы: Фронтэнд Magento 2 больш складаны па сваёй структуры і магчымасцях, чым у Magento 1. Калі трэба адхіляцца ад стандартных тэм, цудоўныя вынікі не могуць быць дасягнуты пры невялікай тонкасці і добрай волі ,
- Magento 2 патрабуе, каб самыя апошнія распрацоўшчыкі былі настроены вельмі структураваным спосабам працы і шырокімі ноу-хау, каб захаваць намаганні для паслядоўна арыентаванага на карыстальніка дызайну ў прывабнай абстаноўцы. Гэта можа дабіцца поспеху толькі пры выразным падзеле паміж распрацоўкай бэкэнд і інтэрфейсам. З дапамогай такіх інструментаў, як Task Runner Grunt, гэтая праца таксама палягчаецца.
- Для гэтага вы атрымліваеце сістэму, з якой карэкціроўкі інтэрфейсу могуць быць рэалізаваны вельмі дакладна, без канфліктаў і, такім чынам, хутка, што абяцае кароткі час загрузкі і можа быць лёгка абноўлены.
