Quando você deseja fazer um site bonito, você recorre ao CSS. Não há maneira melhor do que isso. Como existem muitos meandros com CSS, os desenvolvedores criaram maneiras de embalar 'estilos'. A escolha mais comum é o bootstrap, originalmente desenvolvido por e para o Twitter. Esta não é, não, a única estrutura CSS, então você verá mais neste artigo.

Bootstrap de Django

Ao programar em Python, você normalmente usaria uma estrutura da web, um muito comum é Django. Felizmente, existe um projeto para usar o bootstrap em django. Isso está no Pypi.org assim instalar é a rotina regular. Provavelmente você está executando um ambiente virtual, ativá -lo e instalar com PIP.

$ pip install django-bootstrap3

A mesma equipe suporta Bootstrap4, esse projeto tem uma classificação de cobertura de 89%, para que seu recurso específico possa estar faltando. Você tem que tomar essa decisão você mesmo. Agora, você precisa adicionar este aplicativo às suas configurações '.arquivo py '.

Instalado_apps = [
'Django.Contrib.administrador ',
'Django.Contrib.autônomo,
'Django.Contrib.contentTypes ',
'Django.Contrib.sessões,
'Django.Contrib.mensagens ',
'Django.Contrib.staticfiles ',
'bootstrap3',
]

Agora, você pode usar o Bootstrap no código do seu site. Como você está usando o Django, você tem um diretório de modelos definido em suas configurações '.arquivo py '. No modelo principal, adicione o código abaixo.

% Carregar Bootstrap3 %

% bootstrap_form Form %
% botões %

% bootstrap_icon "star"% enviar

% endbuttons %

Os dois valores neste código interessantes são "Bootstrap*", essas são tags e filtros de modelo que você pode procurar como usar na documentação Django-Bootstrap. O código % botões % também pode incluir parâmetros que determinam o texto para enviar e redefinir o formulário. Quando você ficar mais avançado, adicione o Bootstrap3 às suas configurações.py. Existem também modelos para erros e mensagens que você pode usar para controlar como os erros são exibidos no seu site.

Bootstrap de frasco

No Flask, você também tem um módulo chamado Flask-Bootstrap, que é instalado em seu ambiente virtual usando PIP como de costume.

$ pip install flask-bootstrap

O módulo funciona de maneira muito semelhante, não surpreendentemente, pois ambos usam o motor Jinja2 Models. A importação é uma maneira mais direta de usar as funções de bootstrap, então você precisa importar o módulo no topo do seu aplicativo '.arquivo py '. Você precisa adicionar Bootstrap à sua definição de 'aplicativo' no mesmo arquivo.

do frasco de importação de frascos
De Flask_Bootstrap Importar Bootstrap
def create_app ():
App = Flask (__ nome__)
Bootstrap (App)
retornar aplicativo

Quando você tem isso importado, você só precisa adicioná -lo aos seus modelos da mesma maneira que faria em um site regular. A diferença é que você tem blocos que definem como as diferentes peças do seu site parece. Passe pelos blocos que você tem disponível no site deles. Caso contrário, você chama a estrutura da mesma maneira que faria em Django. Existem muitas macros disponíveis, eu.e. Suporte wtforms.

Outras opções

Você também tem projetos semelhantes para o CubicWeb, chamado Cubicweb-Bootstrap. A instalação é como de costume, instalação pip. Ele contém toda a biblioteca e algumas rotinas para usá -la.

Se você não encontrar uma solução que o suite, investigue o que o fanstatic pode ajudá -lo. Ele cria maneiras de importar dependências JavaScript para seu código Python. Isso também funciona com arquivos CSS. Essa estrutura é feita para aproveitar qualquer estrutura da web compatível com o WSGI, então observe isso para suas necessidades específicas.

Conclusão

Se você deseja usar o CSS para iluminar seu site, a maneira mais eficiente é usar uma estrutura existente. A interface para essas estruturas já está lá, basta colocar seu estilo em seus modelos e seu bom ir para. Python e a maioria das estruturas disponíveis têm rotinas poderosas para bancos de dados, CSS e muitas outras coisas que o manterão no controle e também permitem criar coisas incríveis rapidamente.

Lista de referência:

https: // pypi.org/project/bootstrap4/
https: // pypi.org/projeto/cubicweb-bootstrap/#histórico
https: // pypi.org/Project/Django-Bootstrap-Fields/#History
https: // github.com/gocept/js.Bootstrap4
http: // mkdocs.Github.io/mkdocs-bootstrap/
https: // cssselect.ReadThEdocs.io/en/mais recente/