Post on 04-Dec-2020
Arquitetura MVCMichelet del Carpio chávez
Agenda● Revisão da arquitetura da aplicação
○ Cliente
○ Servidor
● Projeto usando Flask○ Controller
○ Model
○ View
● Mini-tutorial de Flask○ flask
○ flask-rest-api
● Demo
2
Arquitetura da Aplicação
3
Manipulador de Dados
Tela 1
Comunicaçãoaxios.get/putpost/delete
this.setState( {estado} )
render( )
Repositório ViewModel
Gestor de Telas
React.router()
Elementos da
Arquitetura do
Cliente
Mapeamento de responsabilidades do Cliente
4
Arquitetura MVC do back-end
model
entidades, lóg. de negócio, persistência
controller
API REST
view
json,schemas
Lógica de Negócio
Comunicação
DataServer
Apresentação
5
Mapeamento de responsabilidades do Servidor
Elementos da
Arquitetura do
Servidor
Projeto MVC usando Flask
model
SqlAlchemycontroller
flask-rest-api
viewmarshmallo
w
Arquitetura MVC do back-end
model
entidades, lóg. de negócio, persistência
controller
API REST
view
json,schemas Representação
6
Projeto da Arquitetura usando Flask
Mapeamento do Projeto MVC na Implementação
7
Projeto MVC usando Flask
model
SqlAlchemycontroller
flask-rest-api
viewmarshmallo
w
estrutura do código fonte
Projeto - Controller v1
8
controller
app.py
Projeto - Controller v1
9
controller
item.py
Projeto - Model v2
10
model
item.py
Projeto - View v2
11
view
itemSchema.py
Mini-tutorial de Flask - IReferência: https://code.visualstudio.com/docs/python/tutorial-flask
Instalar python3
Criar um ambiente de projeto para python
# macOS/Linux
pip3 install virtualenv
#linux
sudo apt-get install python3-venv # If needed
python3 -m venv env
# Windows
py -3 -m venv env
12
Ativar o ambiente
source env/bin/activate
env\scripts\activate (Windows)
Instalar o flask
# macOS/Linux
pip3 install flask
# Windows
pip install flask
13
Mini-tutorial de Flask - II
14
Mini-tutorial de Flask - IIIEditar o arquivo app.py com o seguinte
conteúdo
Executar o programa:
python3 -m flask run (MacOS/Linux)
python -m flask run (Windows)
No Terminal, executar:
python3 app.py (MacOS/Linux)
python app.py (Windows)
15
Tutorial Flask Rest - APIReferência https://flask-restful.readthedocs.io/en/latest/quickstart.html
ReferênciasRepositório da Lista de Compras usando flask: https://github.com/miklt/lista-de-
compras-backend
Flask: https://code.visualstudio.com/docs/python/tutorial-flask
Flask Rest API https://flask-restful.readthedocs.io/en/latest/quickstart.html
16
Demo
17