Pycharm - Guia rápido
PyCharm é o IDE mais popular usado para a linguagem de script Python. Este capítulo lhe dará uma introdução ao PyCharm e explica seus recursos.
A PyCharm oferece alguns dos melhores recursos para seus usuários e desenvolvedores nos seguintes aspectos -
- Preenchimento e inspeção de código
- Depuração avançada
- Suporte para programação da web e estruturas como Django e Flask
Características do PyCharm
Além disso, um desenvolvedor achará o PyCharm confortável para trabalhar por causa dos recursos mencionados abaixo -
Completação de Código
O PyCharm permite um preenchimento de código mais suave, seja para um pacote interno ou externo.
SQLAlchemy as Debugger
Você pode definir um ponto de interrupção, pausar no depurador e pode ver a representação SQL da expressão do usuário para o código de linguagem SQL.
Visualização Git no Editor
Ao codificar em Python, as consultas são normais para um desenvolvedor. Você pode verificar o último commit facilmente no PyCharm, pois tem as seções azuis que podem definir a diferença entre o último commit e o atual.
Cobertura de código no editor
Você pode correr .py arquivos fora do Editor PyCharm, bem como marcá-lo como detalhes de cobertura de código em outro lugar na árvore do projeto, na seção de resumo, etc.
Gestão de Pacotes
Todos os pacotes instalados são exibidos com representação visual adequada. Isso inclui uma lista de pacotes instalados e a capacidade de pesquisar e adicionar novos pacotes.
História Local
A História Local está sempre acompanhando as mudanças de uma forma que complementa como o Git. A história local no PyCharm fornece detalhes completos do que é necessário para reverter e o que deve ser adicionado.
Reestruturação
Refatoração é o processo de renomear um ou mais arquivos por vez e o PyCharm inclui vários atalhos para um processo de refatoração tranquilo.
Interface do usuário do PyCharm Editor
A interface do usuário do editor PyCharm é mostrada na imagem abaixo. Observe que o editor inclui vários recursos para criar um novo projeto ou importar de um projeto existente.
Na captura de tela mostrada acima, você pode ver a demonstração do projeto recém-criado e o site-packages pasta para gerenciamento de pacotes junto com várias outras pastas.
Você pode baixar o PyCharm Editor e ler sua documentação oficial neste link - https://www.jetbrains.com/pycharm/
Neste capítulo, você aprenderá em detalhes sobre o processo de instalação do PyCharm em seu computador local.
Etapas Envolvidas
Você terá que seguir os passos abaixo para instalar o PyCharm em seu sistema. Estas etapas mostram o procedimento de instalação desde o download do pacote PyCharm de seu site oficial até a criação de um novo projeto.
Passo 1
Baixe o pacote necessário ou executável do site oficial da PyCharm https://www.jetbrains.com/pycharm/download/#section=windowsAqui você observará duas versões do pacote para Windows, conforme mostrado na imagem fornecida abaixo -
Observe que o pacote profissional envolve todos os recursos avançados e vem com teste gratuito por alguns dias e o usuário deve comprar uma chave licenciada para ativação além do período de teste. O pacote da comunidade é gratuito e pode ser baixado e instalado como e quando necessário. Inclui todos os recursos básicos necessários para a instalação. Observe que continuaremos com o pacote da comunidade ao longo deste tutorial.
Passo 2
Baixe o pacote da comunidade (arquivo executável) em seu sistema e mencione uma pasta de destino conforme mostrado abaixo -
etapa 3
Agora, comece o procedimento de instalação semelhante a qualquer outro pacote de software.
Passo 4
Assim que a instalação for bem-sucedida, o PyCharm pede que você importe as configurações do pacote existente, se houver.
Isso ajuda na criação de um novo projeto de Python onde você pode trabalhar do zero. Observe que, ao contrário de outros IDEs, PyCharm se concentra apenas em trabalhar com projetos da linguagem de script Python.
Este capítulo discutirá os fundamentos do PyCharm e fará com que você se sinta confortável para começar a trabalhar no editor PyCharm.
Ao iniciar o PyCharm pela primeira vez, você pode ver uma tela de boas-vindas com pontos de entrada para o IDE, como -
- Criando ou abrindo o projeto
- Verificando o projeto do controle de versão
- Visualizando a documentação
- Configurando o IDE
Lembre-se de que, no último capítulo, criamos um projeto chamado demo1e estaremos nos referindo ao mesmo projeto ao longo deste tutorial. Agora vamos começar a criar novos arquivos no mesmo projeto para entender os fundamentos do PyCharm Editor.
O instantâneo acima descreve a visão geral do projeto demo1 e as opções para criar um novo arquivo. Vamos criar um novo arquivo chamadomain.py.
O código incluído em main.py é o seguinte -
y = 3
def print_stuff():
print ("Calling print_stuff")
print (y)
z = 4
print (z)
print("exiting print_stuff")
print_stuff() # we call print_stuff and the program execution goes to (***)
print(y) # works fine
print (z) # NameError!!!O código criado no arquivo main.py usando PyCharm Editor é exibido como mostrado abaixo -
Este código pode ser executado no ambiente IDE. A demonstração básica de como executar um programa é discutida abaixo -
Observe que incluímos alguns erros no código especificado, de forma que o console possa executar o código e exibir a saída da forma pretendida.
PyCharm inclui vários mapas de teclado para mostrar os comandos mais usados no editor. Este capítulo discute Keymaps em detalhes.
Você pode encontrar a lista de mapas de teclado disponíveis no menu de arquivo Help -> Keymap Reference como mostrado na imagem abaixo -
Você pode encontrar a lista de mapas de teclado e os atalhos disponíveis no formato PDF, conforme mostrado abaixo -
Observação - O mapa de teclado padrão para os sistemas operacionais Windows e Linux é o padrão, enquanto no Mac OS o mapa de teclado padrão é OSX 10.5.
Você também pode ver a lista de mapas de teclado disponíveis usando o Settings opção no sistema operacional Windows e Linux (preferências no Mac OS), conforme mostrado na imagem abaixo -
O mapa de teclado padrão inclui várias seções para ações do editor, menu principal, janelas de ferramentas, ferramentas externas, sistema de controle de versão, macros, listas rápidas, plug-ins e outras opções também.
Os atalhos são combinações de teclas usadas para realizar um conjunto de atividades. Você pode encontrar a lista de atalhos do PyCharm na referência do guia Keymaps.
Encontrando Atalho
A lista de atalhos está disponível na seguinte opção Help -> Find Action menu onde aparece uma janela de atalho.
Você pode ver a janela de atalho conforme mostrado aqui -
O atalho inclui uma lista de identificadores, atalhos com funções e barra de menu de opções. Por exemplo, Exibir barra de navegação inclui alternar entre ON e OFF que exibe a barra de navegação de acordo com o valor definido (ON e OFF).
Omni é a seção do PyCharm que trata de qualquer lugar, de qualquer lugar. Inclui várias ferramentas para o usuário se deslocar de um lugar para outro. Isso ajuda em tal cenário que você precise mover rapidamente de um diretório de projeto para outro. Este capítulo irá familiarizá-lo com as funcionalidades do Omni.
Funcionalidades
o NavigateO menu descreve as funcionalidades envolvidas no Omni. Esta seção discute isso em detalhes -
Classe
Isso ajuda a navegar de uma classe para outra em um projeto mencionado. Isso é muito útil para navegar por uma lista de classes.
De volta
Esta opção ajuda a retroceder do estado existente. A tecla de atalho éCtrl+Alt+Left.
frente
Funciona de forma semelhante ao backopção. No entanto, a funcionalidade é totalmente vice-versa.
A diferença entre uma macro e Omni é sutil no PyCharm Editor. Omni permite que você vá para a localização exata do editor ou um local específico de código sem nenhum significado particular. A macro, por outro lado, permite ao usuário navegar por funções e classes ou método de classe particular.
Navegar macro
Observe a captura de tela a seguir para uma melhor compreensão da macro de navegação -
o Navigate -> Declarationajuda a mostrar a declaração, a declaração de tipo e a definir super métodos. Vários atributos incluídos na declaração de tipo são mostrados abaixo -
No entanto, há um problema com esta macro, se um usuário tentar ir para a declaração de um objeto .so, por exemplo, navegando de datetime módulo para select módulo, então, cada vez que encontrará o stub Arquivo.
Pesquise em todos os lugares
Ajuda a pesquisar as classes e métodos associados. Inclui a opção de pesquisar com o Google também.
Cada uma dessas partes inclui uma combinação de teclas de atalho ao lado do nome da seção. Search Everywhere é uma porta de entrada para outras ações de pesquisa disponíveis no PyCharm.
Micros lidam com a obtenção de lugares dentro de um arquivo especificado. Essas ferramentas acabam usando a maior parte do procedimento de desenvolvimento. Neste capítulo, você aprenderá Micro em detalhes.
Considere o exemplo de Structure Panel que está sendo usado como representação de micros.
Role da fonte
Isso ajuda a rolar a partir da fonte mencionada, como a localização completa da pasta do arquivo especificado.
Recolher todos
Considere a captura de tela mostrada abaixo, que mostra a abertura do arquivo com o local especificado. Para recolher a estrutura da pasta, você pode usar a tecla de atalho mostrada na imagem.
Esta tecla de atalho ajuda a recolher a localização da pasta do código especificado, conforme mostrado abaixo.
Mostrar menu de opções
o Show OptionsO menu do painel de estrutura do projeto exibe a lista de opções disponíveis para o projeto criado. Observe a imagem mostrada abaixo para uma melhor compreensão -
A lista de opções é exibida abaixo -
ocultar
Esta opção ajuda a ocultar o painel de estrutura da janela do projeto. A interface do usuário do painel de estrutura após ser recolhido é mostrado abaixo -
Você pode reabrir o painel de estrutura conforme mostrado aqui -
PyCharm inclui vários padrões para escrever código com indentações adequadas válidas para Python. Isso torna interessante melhorar os padrões de código e escrever o código completo no editor PyCharm.
Melhorando a conclusão do código
O preenchimento de código no PyCharm é realmente único. Você pode aprimorá-lo ainda mais usando muitos outros recursos. Observe que o editor fornece o início e o fim do bloco de código. Considere um arquivo chamadodemo.py com o seguinte código -
message = 'GIEWIVrGMTLIVrHIQS' #encrypted message
LETTERS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
for key in range(len(LETTERS)):
translated = ''
for symbol in message:
if symbol in LETTERS:
num = LETTERS.find(symbol)
num = num - key
if num < 0:
num = num + len(LETTERS)
translated = translated + LETTERS[num]
else:
translated = translated + symbol
print('Hacking key #%s: %s' % (key, translated))O código é concluído usando a seguinte construção -
Se você pressionar Ctrl + barra de espaço enquanto este pop-up estiver na tela, poderá ver mais opções de autocompletar código -
Ações de intenção
PyCharm inclui ações específicas de intenção e a tecla de atalho para as mesmas é Alt+Enter. O exemplo mais importante de intenções em ação é o uso de injeção de linguagem em strings.
A captura de tela abaixo mostra o funcionamento das ações de intenção -
Observe que podemos inserir muitos idiomas diferentes de ações de intenção no PyCharm Editor.
PyCharm tem um console Python completo com autocompletar código que está disponível no menu de opções Tools -> Run Python Console.
Considere o código que foi mencionado no capítulo anterior, conforme mostrado abaixo -
message = 'GIEWIVrGMTLIVrHIQS' #encrypted message
LETTERS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
for key in range(len(LETTERS)):
translated = ''
for symbol in message:
if symbol in LETTERS:
num = LETTERS.find(symbol)
num = num - key
if num < 0:
num = num + len(LETTERS)
translated = translated + LETTERS[num]
else:
translated = translated + symbol
print('Hacking key #%s: %s' % (key, translated))Agora, vamos executar o código com a ajuda do console para executar o script para obter a saída desejada, conforme mostrado abaixo.
Você pode observar a saída conforme mostrado abaixo -
PyCharm inclui intérpretes para criar um novo projeto com novos recursos conforme a necessidade. Você pode criar um ambiente virtual em seu sistema conforme a necessidade. Você também pode herdar pacotes de sites globais na caixa de diálogo. Os intérpretes estão disponíveis no Python Package Index (PyPI) e podem ser facilmente instalados e acessados usandopip install.
Criação de Intérprete
Para criar um intérprete, é sempre recomendável criar um novo projeto onde as configurações desejadas são gerenciadas. Veja a imagem a seguir para uma melhor compreensão -
Esses parâmetros incluem -
Local - descreve o parâmetro onde o ambiente virtual é criado com foco no local no sistema.
- Intérprete básico - define os atributos do intérprete.
A caixa de diálogo também se refere ao parâmetro em que um interpretador virtual existente será considerado um atributo. Uma vez que o usuário adiciona um novo interpretador local, PyCharm irá pedir ao usuário o binário do interpretador. Na maioria dos casos, é sempre considerado um.exeArquivo. No caso do Jython, será sempre um.bat Arquivo.
Os detalhes do intérprete do projeto e a configuração básica do projeto existente demo1 pode ser visto como mostrado abaixo -
Lembre-se que o intérprete também inclui os pacotes básicos que são obrigatórios para o bom funcionamento do projeto.
A execução de um código Python é composta por dois modos: execução de um script e depuração do script. Este capítulo se concentra na depuração do script Python usando o PyCharm.
Etapas Envolvidas
As etapas para depurar o projeto Python são explicadas abaixo -
Passo 1
Comece depurando o projeto Python, conforme mostrado na imagem abaixo -
Passo 2
Agora, o firewall do Windows pede permissão para depurar o projeto Python, pois o procedimento envolve a compilação linha por linha.
etapa 3
O console de depuração é criado no editor PyCharm conforme mostrado abaixo, que executa a saída linha por linha.
O botão de execução se move de uma linha para outra para executar a saída da maneira que desejamos.
Compreendendo pontos de interrupção
Durante a depuração de um script específico, é intencional criar um ponto de interrupção. Os pontos de interrupção são pontos de parada intencionais ou onde o código é pausado para identificar a saída em um estágio específico.
No PyCharm, os pontos de interrupção são visíveis em uma caixa de diálogo separada no editor especificado. Inclui vários atributos para avaliar os pontos de interrupção definidos e o log de rastreamento para os mesmos, com o objetivo principal de obter uma melhor prática de programação.
PyCharm suporta vários sistemas de controle de subversão. Este recurso ajuda a melhorar a base de código, gerenciando várias versões juntas. Este capítulo fala sobre esse conceito em detalhes.
Etapas Envolvidas
Você terá que seguir as seguintes etapas para inicializar e gerenciar o sistema de controle de versão -
Inicializando um Sistema de Controle Subversion
Para iniciar o sistema de controle de versão de forma sistemática, é importante inicializá-lo. Várias opções estão disponíveis no PyCharm para diferentes sistemas de controle de versão.
Ignorando Arquivo
Em qualquer projeto do PyCharm onde configuramos o projeto padrão e o ambiente virtual nele, devemos também criar seu gerenciamento com sistema de controle de versão. Por exemplo, Git inclui arquivos .gitignore que são ignorados durante a operação de confirmação, no entanto, inclui algumas de suas configurações. Agora, vá para o menu Configurações e verifique o seguinte -
Inclui várias configurações para verificar o caminho do executável Git e verificar se algum arquivo foi ignorado.
Configuração do GitHub
PyCharm inclui configurações para incluir a configuração do repositório GitHub, onde um usuário pode incluir nome de usuário, senha e outras credenciais, se houver.
Depois de concluir as configurações mencionadas, você pode adicionar e enviar diretamente as alterações locais para o repositório Git.
HTML e CSS são bem suportados no PyCharm Editor. O PyCharm Editor inclui uma abreviação especial e fornece preenchimento de tags para HTML.
Emmet
Emmet é a abreviação usada no editor PyCharm. Inclui vários recursos, como visualização de abreviatura, reconhecimento automático de URL e pontos de edição, para arquivos HTML e CSS. A interface do usuário da seção de configurações é mostrada na captura de tela fornecida abaixo -
Criação de arquivos HTML e CSS
PyCharm inclui um recurso embutido para a criação de arquivos HTML e CSS. As etapas básicas para criar novos arquivos HTML e CSS são as seguintes -
Agora, mencione o nome do arquivo ao criar arquivos HTML no projeto, conforme mostrado abaixo -
Isso cria o sample-file.html arquivo como mostrado abaixo -
Criando arquivo CSS
As etapas para criar um arquivo CSS são mostradas aqui -
De New menu, selecione o File opção como mostrado abaixo -
Especifique o nome do CSS durante sua criação, conforme mostrado aqui -
Você pode ver a estrutura completa do projeto com vários arquivos mencionados em diferentes combinações de cores, conforme mostrado abaixo -
Neste capítulo, vamos nos concentrar nos principais recursos do uso de JavaScript no editor PyCharm. Quando um usuário implementa a biblioteca JavaScript por meio de URL, o PyCharm pretende baixar uma cópia local para que possa ser usada para conclusão e análise de código.
Considere o código de amostra do nosso arquivo HTML conforme mostrado abaixo, que criamos no capítulo anterior -
Para cada arquivo HTML ou JavaScript, você pode verificar as bibliotecas externas carregadas por meio Settingsconfiguração do PyCharm Editor. Observe a imagem mostrada abaixo para uma melhor compreensão -
Observe que você não pode ver nenhuma biblioteca a menos que faça o download e implemente-a. PyCharm também inclui suporte a JavaScript de várias bibliotecas através de uma caixa de ferramentas chamadaJS Toolbox. A imagem a seguir mostra isso.
Ele também inclui vários atributos que são necessários para a configuração do arquivo JavaScript. A lista de atributos e configurações é mostrada abaixo -
Observe que inclui vários parâmetros, como Unit test suffix, File suffix, View suffix, Search URL e o específico Root directory.
O PyCharm inclui várias dicas durante a inicialização que ajudam seu usuário a entender suas funcionalidades e operações. Também inclui alguns atalhos que são obrigatórios de entender.
Neste capítulo, você verá algumas dicas importantes do PyCharm.
Mudando o arquivo para uma lista de mudanças específica
Esta dica mostra como alterar o arquivo para uma lista de alterações específica de acordo com a escolha do usuário. Isso ajuda no gerenciamento de repositórios de acordo com as configurações do sistema de controle de versão. Observe a imagem a seguir para uma melhor compreensão -
Exibir a lista de todos os usos em uma classe
Esta função exibe a lista de todos os usos incluídos em uma classe, método ou variável específica em todo o projeto. Ele permite que o usuário salte rapidamente para uma área específica. Observe a imagem a seguir para uma melhor compreensão -
Para encontrar o comando do menu para uma ação
Esta dica ajuda a encontrar o comando do menu para uma ação específica e a tecla de atalho para a mesma é Ctrl+Shift+A. Um usuário pode selecionar a ação desejada na lista de sugestões mencionada.
Execução da inspeção por meio de um código
Essa dica ajuda a executar uma inspeção específica através do código. A combinação de teclas de atalho para o mesmo éCtrl+Alt+Shift+I.
Especifique a lista de configurações
Esta dica é usada para especificar a lista de configurações desejadas. Inclui teclas inteligentes para editor específico. As teclas inteligentes são teclas de atalho para algumas operações.
Executar / depurar os arquivos de script
Esta dica é muito útil para executar ou depurar os arquivos de script que você pode acessar através da barra de ferramentas principal. A combinação de teclas de atalho para o mesmo éAlt+Shift+F10.
PyCharm oferece suporte a interface com vários tipos de bancos de dados. Depois que um usuário concede acesso ao banco de dados criado, ele fornece o diagrama de esquema do banco de dados com ferramentas de escrita SQL que fornecem autocompletar código. Neste capítulo, vamos nos concentrar na conectividade do banco de dados MySQL, que envolverá as etapas a seguir.
Adicionar uma fonte de dados
É importante observar que o PyCharm oferece suporte a uma ampla variedade de conectividade de banco de dados.
Passo 1
Abra a janela da ferramenta de banco de dados View -> Tool Windows -> Database> e abra a caixa de diálogo chamada Data Sources and Dialog.
Agora, selecione MySQL banco de dados para adicionar uma nova fonte de dados.
Passo 2
O usuário deve baixar os arquivos de driver ausentes para obter a conectividade adequada com MySQL database.
etapa 3
Agora, especifique os parâmetros de configuração para que a conectividade seja alcançada.
Host − Se seu servidor de banco de dados estiver em um computador diferente, substitua localhost pelo endereço IP do host do servidor, por exemplo, 172.20.240.163.
Port − A porta padrão do servidor MySQL é 3306. Se o seu servidor usar uma porta diferente, especifique essa porta.
User and Password − Estas são as credenciais necessárias.
Passo 4
Sempre certifique-se de que a conectividade do banco de dados seja bem-sucedida por meio de Test Connection característica.
O teste da conexão também envolve a criação de uma tabela de teste por meio de consulta e sua execução. Assim que a execução for bem-sucedida, você pode descartar o banco de dados.
PyCharm IDE inclui vários recursos para converter o arquivo de código existente em formato HTML ou formato CSV. Neste capítulo, você aprenderá a exportar dados usando o IDE PyCharm.
As configurações de exportação do editor PyCharm são mostradas na figura abaixo -
Exportar para recurso HTML
Este recurso ajuda a exportar o arquivo específico em formato HTML. Isso é feito para melhorar os objetivos de segurança de um determinado módulo. A captura de tela a seguir oferece uma melhor compreensão -
Assim que a operação de exportação for bem-sucedida, o arquivo HTML gerado será exibido na saída do navegador conforme mostrado abaixo -
Agora, se você verificar o código HTML gerado após a operação de exportação, poderá observar que os números de linha também estão incluídos para realizar esta operação.
Este capítulo enfoca estruturas da web e sua implantação. PyCharm tem uma funcionalidade simples para implantar código e arquivos. Para implantar o código com PyCharm, precisamos adicionar um servidor web com a opção de menuSettings -> Build, Execution-> Deployment.
Agora, inclua todas as configurações com várias configurações necessárias para a implantação do projeto.
No Mappings guia, um usuário pode especificar onde está o código local e para onde ele deve ser copiado remotamente.
O código pode ser implantado usando Tools -> Deployment opção na barra de menu Ferramentas.
A implantação no PyCharm é muito granular: um usuário pode implantar um único arquivo ou todo o código-fonte.
PyCharm também inclui várias ações para comparar versões remotas e locais. O editor é mais confiável para usar implantações automáticas e um sistema de controle de versão para comparar versões locais e remotas.
Uma das características do PyCharm é que inclui suporte para Django. Com a capacidade de incluir recursos de JavaScript no PyCharm, pode ser considerado o melhor IDE para Django.
As etapas básicas para criar um projeto Django no PyCharm IDE são fornecidas abaixo -
Se o EnableDjangoadmin opção estiver habilitada, o PyCharm configurará o site de administração para você.
Depuração de modelo
A depuração funciona com modelos Django e Jinja. Podemos inspecionar variáveis, percorrer o código e fazer o que esperamos em um depurador.
Você pode criar um projeto de Pyramid Framework no editor PyCharm usando sua janela de boas-vindas.
Um usuário pode definir o intérprete do projeto e a localização do Python, escolhendo o cadafalso e uma linguagem de modelo por padrão. O andaime na estrutura Pyramid usa despacho de URL para mapear URLs e para visualizar o código e SQLAlchemy para propriedades de persistência.
O editor PyCharm pedirá ao usuário uma lista de pacotes necessários no setup.py arquivo e solicita que o usuário baixe os pacotes necessários.
Instale o projeto em modo de desenvolvimento (consulte a documentação oficial do Pyramid para mais detalhes). O usuário deve executar python setup.py por meio do menu
Tools -> Run setup.py opção.
Um usuário deve selecionar develop task ao executar um arquivo .py conforme mencionado na janela abaixo -
É importante inicializar o banco de dados usando o script de console denominado initialize <project_name> usando o seguinte comando -
initialize_pyramiddemo_db development.ini
PyCharm suporta o desenvolvimento do framework Flask. Você pode criar facilmente um novo projeto Flask criando um novo projeto por meio da tela de boas-vindas. Você pode definir a localização do projeto e o ambiente virtual e escolher um idioma de modelo e onde os modelos serão localizados.
Você pode executar um projeto usando Run -> Run ‘<project-name>’.
Você também pode adicionar uma nova fonte de dados com esta estrutura. Vamos criar um arquivo chamadosquema.sqle adicione o código SQL para criar algumas tabelas. O editor PyCharm reconhecerá os arquivos e solicitará que você configure uma fonte de dados e defina o dialeto do banco de dados.
O PyCharm permite que você escolha o dialeto desejado que deseja usar. Você pode alterar as propriedades do SQL:Settings -> Language and Frameworks -> SQL Dialects
Para o editor de frasco, a maneira mais fácil de executar a consulta SQL é clicar em algum lugar da consulta e clicar na janela de inspeção e clicar em “Executar consulta no console“.
A interface do usuário do Flask quadro é exibido como abaixo -
