diff --git a/book/web/templ.css b/book/web/templ.css index f363523..4326bd4 100644 --- a/book/web/templ.css +++ b/book/web/templ.css @@ -1,15 +1,12 @@ * { background: black; color: lightgreen; - font-family: monospace; font-size:4mm; -} + font-family: monospace; font-size:4mm; } html,body { - margin:0; padding:0; border:0; overflow:hidden; -} + margin:0; padding:0; border:0; overflow:hidden; } #words,#stack { - width:100%; height: 30%; overflow-y: scroll; -} + width:100%; height: 30%; overflow-y: scroll; } #words { color: steelblue; } #cli { width:100%; position:absolute; bottom:0; diff --git a/book/web/templ.png b/book/web/templ.png new file mode 100644 index 0000000..0952d93 Binary files /dev/null and b/book/web/templ.png differ diff --git a/book/web/templ.tex b/book/web/templ.tex index 084bc4b..a7d63a1 100644 --- a/book/web/templ.tex +++ b/book/web/templ.tex @@ -8,7 +8,7 @@ на сервере находится выполняемый код, осуществуляющий связку веб-представления с базами данных, и прикладным бизнеес-кодом}\ для формирования html-вывода применяются \term{шаблоны}: образцы файлов страниц, в тексте которых указаны -месту куда будет подставляться вывод генерируемый кодом на \py. +места куда будет подставляться вывод генерируемый кодом на \py. В файловой системе Flask-приложения создаются два каталога: \begin{description}[nosep] @@ -17,7 +17,14 @@ \item[templates/] для шаблонов Jinja \verb|web.render_template()| \end{description} - \lst{web/templ.py}{language=Python} + +Веб-приложение снаружи выглядит как набор множества html-страниц. Использование +шаблонов дает возможность поместить весь повторяющийся код страниц в одно место, +и подставлять изменяющуюся часть html динамически в момент отправки страницы +браузеру клиента. + +\clearpage \lst{web/templ.css}{title=static/dark.css} -\lst{web/templ.html}{title=templates/index.html} \ No newline at end of file +\lst{web/templ.html}{title=templates/index.html} +\fig{web/templ.png}{width=\textwidth} \ No newline at end of file