MVC
Model · View · Controller

// 1. Routeur — routes/articles.js
router.get('/', ArticleController.index);
//                 ↑ le routeur délègue au Controller

// 2. Controller — controllers/ArticleController.js
exports.index = async (req, res) => {
  const articles = await Article.findAll(); // → Model
  res.render('articles/liste', { articles });   // → View
};

// 3. Model — models/Article.js
Article.findAll = async () => {
  const [rows] = await db.query('SELECT * FROM articles');
  return rows;                // données brutes → Controller
};

// 4. View — views/articles/liste.ejs
// <ul>
// <% articles.forEach(a => { %>
//   <li><%= a.titre %></li>
// <% }) %>
// </ul>

from database import db

class Article(db.Model):
    __tablename__ = 'articles'

    id      = db.Column(db.Integer, primary_key=True)
    titre   = db.Column(db.String(200), nullable=False)
    contenu = db.Column(db.Text)
    publie  = db.Column(db.Boolean, default=False)

    # Méthode de classe = logique métier dans le Model
    @classmethod
    def tous_publies(cls):
        return cls.query.filter_by(publie=True).all()

    @classmethod
    def creer(cls, titre, contenu):
        if not titre.strip():
            raise ValueError("Le titre ne peut pas être vide")
        article = cls(titre=titre, contenu=contenu)
        db.session.add(article)
        db.session.commit()
        return article

from flask import Blueprint, render_template, request, redirect, url_for
from models.article import Article

articles_bp = Blueprint('articles', __name__)

# GET /articles
@articles_bp.route('/articles')
def index():
    articles = Article.tous_publies()     # ← demande au Model
    return render_template(               # ← choisit la View
        'articles/liste.html',
        articles=articles
    )

# POST /articles/nouveau
@articles_bp.route('/articles/nouveau', methods=['POST'])
def creer():
    titre   = request.form.get('titre')
    contenu = request.form.get('contenu')
    try:
        Article.creer(titre, contenu)     # ← délègue au Model
        return redirect(url_for('articles.index'))
    except ValueError as e:
        return render_template('articles/nouveau.html', erreur=str(e))

{# La View ne fait qu'afficher — pas de SQL ici ! #}
{% extends "base.html" %}

{% block content %}
<h1>Articles publiés</h1>

{% if articles %}
  <ul>
  {% for article in articles %}
    <li>
      <a href="/articles/{{ article.id }}">
        {{ article.titre }}
      </a>
    </li>
  {% endfor %}
  </ul>
{% else %}
  <p>Aucun article pour l'instant.</p>
{% endif %}
{% endblock %}

from flask import Flask
from database import db
from controllers.articles_ctrl import articles_bp

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///app.db'

db.init_app(app)
app.register_blueprint(articles_bp)

if __name__ == '__main__':
    app.run(debug=True)

const db = require('../config/db');

const Article = {
  async findAllPublies() {
    const [rows] = await db.query(
      'SELECT * FROM articles WHERE publie = 1'
    );
    return rows;
  },

  async findById(id) {
    const [rows] = await db.query(
      'SELECT * FROM articles WHERE id = ?', [id]
    );
    return rows[0] || null;
  },

  async creer({ titre, contenu }) {
    if (!titre?.trim())
      throw new Error('Titre requis');       // validation dans le Model
    const [r] = await db.query(
      'INSERT INTO articles (titre, contenu) VALUES (?, ?)',
      [titre, contenu]
    );
    return { id: r.insertId, titre, contenu };
  },
};

module.exports = Article;

const Article = require('../models/Article');

exports.index = async (req, res, next) => {
  try {
    const articles = await Article.findAllPublies(); // Model
    res.render('articles/liste', { articles });         // View
  } catch (err) { next(err); }
};

exports.creer = async (req, res, next) => {
  try {
    const article = await Article.creer(req.body);
    res.redirect('/articles');
  } catch (err) {
    res.render('articles/nouveau', { erreur: err.message });
  }
};

<!-- Vue EJS — affichage uniquement -->
<h1>Articles</h1>
<% if (articles.length) { %>
  <ul>
    <% articles.forEach(a => { %>
      <li><a href="/articles/<%= a.id %>"><%= a.titre %></a></li>
    <% }) %>
  </ul>
<% } else { %>
  <p>Aucun article.</p>
<% } %>

// routes/articles.js
const router = require('express').Router();
const ctrl = require('../controllers/articleCtrl');
router.get('/',      ctrl.index);
router.post(/nouveau', ctrl.creer);
module.exports = router;

// index.js — brancher le moteur de templates
app.set('view engine', 'ejs');
app.set('views', './views');
app.use('/articles', require('./routes/articles'));