Коришћење шаблона у Фласку

Веб апликација захтева део који корисник може да види који се зове поглед или приказ и састоји се од интерфејса написаног на ХТМЛ то нам омогућава да прикажемо статичке и динамичке податке према путањи којој корисник приступа.
Када радимо са микро оквирима попут Фласк, подразумевано није потребно приказивати приказ да бисте користили додатне елементе, већ само враћате код ХТМЛ одговарајуће можемо постићи да прикажемо доследне податке.
Проблем настаје када наша апликација почне расти и имамо неколико погледа, понављање кода испуњава нашу апликацију елементима које бисмо могли поновно користити и да нам то ручно представља већи посао. Да бисмо избегли овај проблем, имамо предложаци мотора, који нам помажу да поново користимо датотеке ХТМЛ и на тај начин смањити количину кода поред повећања читљивости нашег програма.
Јиња2 је предложак мотор написан у потпуности Питхон и моделован је по предлошку мотора Дјанго, ово нам омогућава да поставимо делове кода ХТМЛ и са властитим кодом мотора, укључите налепнице које ће касније бити замењене подацима из наше апликације.
Шта још укључује?Такође укључује и сопствене функције које нам помажу у обликовању података које примамо, поред руковања условним условима, функцијама датума и другим елементима који нам помажу да програмирамо понашање шаблона на једноставан и изражајан начин.
У најновијој верзији Фласк Овај мотор је укључен у инсталацију па је његова употреба лакша и бржа.
Расправљали смо о стварању погледа у Фласк било је једноставно као штампање кода ХТМЛ у жељеној функцији путање, међутим за оне који су тек почели да користе овај оквир ово може звучати врло збуњујуће.
У следећем примеру ћемо креирати приказ где ћемо примити параметар и одштампати га у резултату. Занимљиво је да овај параметар може унети корисник, па је приказ динамичан до одређене тачке, да видимо код, а затим ћемо прећи на објашњење:

 фром фласк импорт Фласкапп = Фласк (__ наме __) @ апп.роуте ('/') @ апп.роуте ('/ велцоме') @ апп.роуте ('/ велцоме/') деф велцоме (наме = Ноне): наме = име или 'Корисник' ретурн '' 'Добро дошли!
Ово је наш поглед направљен у Фласку!

'' '% ифнаме __наме__ ==' __маин__ ': апп.рун ()

Овде радимо нешто врло једноставно, прво увозимо библиотеке које садрже оквир, затим дефинирамо три кључне руте, све нас воде до исте функције која се зове добродошла и прима параметар који није обавезан, а ако се не прими, једноставно ће се занемарити унутар програма.
Затим у функцији креирамо наше упутство повратак и овде указујемо да је а Низ који садржи ХТМЛ за поглед. Ако тестирамо овај програм, добићемо прихватљив резултат у прегледачу, да видимо:

Многи би могли рећи да је ово врло функционално, али шта се дешава ако уместо да прикажемо ту празну страницу, желимо да интегришемо ЦСС стилове, ЈаваСцрипт ефекте или друге ствари. Тада би наш ХТМЛ узео више кода и стога би све било превише компликовано, што би нашу апликацију учинило пакленом за руковање.
Сада ћемо створити исти приказ, али користећи предложак који смо описали на почетку водича, да бисмо постигли пример, морамо обавити неке припреме, то има везе са структуром нашег пројекта, јер ако смо Да бисмо користили датотеке шаблона, најбоље их је одвојити од апликације у друге фасцикле и на тај начин одвојити наш визуелни слој од пословних правила и логичког слоја.
Знајући то, тада морамо створити фасциклу за наше предлошке, у сврху конвенције ћемо је назвати шаблони, међутим морамо имати и друге ствари, на пример морамо имати фасциклу која ће служити као модул и назваћемо је са именом погледа који ћемо створити. Осим тога што морамо имати неке датотеке, на следећој слици ћемо видети комплетну структуру, а затим ћемо отићи до релевантног кода како би све функционисало.

Садржај датотекеПре него што пређемо на генерисање и употребу шаблона, морамо видети садржај датотека због којих ће наша апликација радити без проблема, накратко ћемо видети сваку датотеку како не бисмо губили много времена. Важно је напоменути да је ово ипак предложена структура Фласк омогућава сваком програмеру да направи структуру која му највише одговара према његовом циљу.
Ова датотека нам омогућава да покренемо апликацију, па отуда и њен назив, генерално се може позвати рун.пи Такође, али за потребе овог водича ставили смо име које је разумљивије заједници која говори шпански, овде морамо поставити следећи код:

 фром фласко импорт аппапп.рун (дебуг = Труе)

Ово је датотека која се налази у корену апликације, потребно је моћи утврдити да ће се извршити и њене зависности, у овој датотеци такође дефинишемо да ће се датотека користити виевс.пи директоријума добродошлице који смо већ видели, ово може имати било који назив осим виевс.пи То је конвенција која ће нам помоћи да одржимо пријатељску апликацију, овде морамо поставити следеће:

 фром фласк импорт Фласкапп = Фласк (__ наме __) импорт фласко.биенвенидо.виевс

Ова датотека мора бити празна јер нам је потребна само за постојање Фласк тумачите да је ова фасцикла модул наше апликације.
Пошто имамо основне датотеке за нашу апликацију, време је за креирање приказа и коришћење предлошка. Прво што ћемо урадити је да створимо свој приказ, ово ће бити веома слично претходном приказу, али побољшано, за ово морамо да радимо у датотеци виевс.пи и поставите следеће:

 фром фласк импорт рендер_темплате, рекуестфром фласко импорт апп@апп.роуте ('/') @ апп.роуте ('/ велцоме') деф велцоме_веб (): наме = рекуест.аргс.гет ('наме', 'Усер') ретурн рендер_темплате ('индек.хтмл', наме = име)

Прво што радимо је да из оквира увозимо библиотеку која нам омогућава да прикажемо шаблоне и библиотеку за обраду захтева претраживача.
Затим дефинишемо руте помоћу којих ће се овај приказ појавити, у овом случају то је корен /, а такође и када се реч стави Добродошли.
На крају дефинишемо нашу функцију Добродошли који имену променљиве додељује параметре добијене из захтева претраживача, а затим враћамо функцију рендер_темплате, ово је онај који ће позвати шаблон и проследити име променљиве као параметре, где такође означавамо име шаблона.
Време је за креирање шаблона, ово је у основи датотека са садржајем ХТМЛ а са неким ознакама које ће нам помоћи да му дамо динамику, датотека за измену је индек.хтмл који се налази у фасцикли шаблоне, да видимо код који ћемо користити:

 Добро дошли {{наме}}
Користимо Фласк!

Овај код је једноставан, ми га правимо ХТМЛ басиц и онда где желимо да се генерисани садржај појави у приказу, само постављамо двоструке заграде {{}} и унутра, назив параметра, то значи да када се апликација изврши, ова вредност се замењује садржајем који желимо. Ако видимо на следећој слици, схватићемо како је постављено име које као параметар преносимо кроз УРЛ:

Не само да можемо да користимо параметре, већ можемо и да стварамо речнике Питхон са подацима који долазе из упорног извора попут а База података или нешто слично и на овај начин моћи да пласира још више података.
Различити шаблониЗанимљивост ове ствари је да се можемо играти са различитим предлошцима за различите делове наше апликације, чиме се чисти слој презентације одваја од онога што заправо програмирамо уклањањем ХТМЛ од средине можемо да се одвојимо у два тима и тако исправно радимо без забуне.
Овим смо завршили овај водич, научили смо да користимо шаблоне у апликацијама направљеним са Фласк, овакав начин рада ће нам уштедети труд и понављање кода, посебно ако се ослањамо на службену документацију Јиња2 да бисте извукли максимум из предложака. Веома је важно успоставити структуру пројекта и одвојити различите врсте датотека, јер ћемо на овај начин одржати пријатељски пројекат за остатак нашег развојног тима или у случају да га желимо учитати на кодну мрежу, као што је ГитХуб да подели обављени посао са заједницом.