Étape 1 sur 3

Commencer par une maquette visuelle

Avant de configurer les vues Odoo, dessinons l'écran : une liste de notes et une fiche simple avec son titre, sa catégorie et son contenu.

1. Une maquette pour guider la suite

Cette maquette est un exemple visuel : ne créez pas ce fichier et ne l'ouvrez pas. Elle sert uniquement à repérer les champs et le parcours que les views Odoo construiront dans l'étape suivante.

Exemple illustratif · aucune création de fichier
<!doctype html>
<html lang="fr">
<body>
  <h1>Notes de formation</h1>
  <main>
    <aside>
      <h2>Mes notes</h2>
      <ul>
        <li><a href="#note-1">Bienvenue · Réunion</a></li>
        <li><a href="#note-2">Observer avant de modifier · Idée</a></li>
      </ul>
    </aside>
    <section id="note-1">
      <h2>Modifier une note</h2>
      <form>
        <label>Titre <input value="Bienvenue"></label>
        <label>Catégorie
          <select>
            <option>Réunion</option>
            <option>Idée</option>
          </select>
        </label>
        <label>Contenu <textarea>Une note est un enregistrement stocké par Odoo.</textarea></label>
        <button type="button">Enregistrer</button>
      </form>
    </section>
  </main>
</body>
</html>

2. Lisez la maquette comme un futur écran Odoo

La liste donne une vue d'ensemble. La fiche contient trois valeurs faciles à relier au modèle : title, category_id et body. Le menu déroulant représente le lien vers les catégories créées à la section 2.

Le bouton ne sauvegarde rien

Cette page est une image de travail. Les champs sont modifiables dans le navigateur, mais le bouton n'envoie aucune donnée à Odoo. Un rechargement efface les changements.

3. Gardez ce parcours très simple

Dans l'étape suivante, Odoo construira la liste, la fiche et les menus à partir des deux modèles Python. Nous utiliserons l'interface interne d'Odoo : aucun contrôleur, aucune route web et aucune écriture SQL ne sont nécessaires.