Ce tutoriel montre comment utiliser le CMSC CMS pour créer un backend et construire un frontend personnalisé à l'aide de son API. Contrairement aux systèmes CMS traditionnels et complets, le cockpit est léger et ne fournit qu'un backend pour gérer les données; Le développement frontal est entièrement la responsabilité du développeur.

Caractéristiques de clé:

• Léger et flexible: Cockpit offre aux développeurs un contr?le complet sur la présentation et la disposition du contenu.
• Installation simple: Un seul clic après décompression vers un répertoire de serveur Web termine l'installation (base de données SQLite requise).
• Modules de base: "Les collections" (comme les tables de base de données) et "Galleries" (albums photo) sont les modules principaux. Les API sont disponibles pour l'interaction frontale.
• Utilisateur idéal: Le mieux adapté aux développeurs PHP familiarisés avec CSS et des frameworks à la recherche d'un CMS simple et non contraint. Cela augmente cependant la complexité de développement du frontage.

Installation:

Téléchargez le fichier zip CMS CMS et dézippez-le dans un répertoire accessible au Web sur votre serveur. Accédez à la page d'installation (par exemple, http://yourserver/cockpit/install) et cliquez pour installer. Assurez-vous que le répertoire /storage/data a des autorisations d'écriture.

Connexion à l'aide de admin/admin pour accéder au tableau de bord de l'administration.

Modules de cockpit:

Les modules de base sont les collections et les galeries. Les collections sont des ensembles de données structurés, similaires aux tables de base de données, avec des entrées représentant des enregistrements individuels. Les galeries fonctionnent comme des albums photo. Les modules supplémentaires incluent des formulaires, des régions réutilisables et un gestionnaire de médias.

Création d'une collection ("Trips"):

Cet exemple crée une collection "Trips" avec des champs pour le nom, la date, l'emplacement, le journal (Markdown) et un champ de texte liant à une galerie d'images.

Développement du frontend (en utilisant Silex et Twig):

Le cockpit expose les API pour l'interaction frontale. Cet exemple utilise Silex et Twig, mais d'autres cadres sont adaptables. N'oubliez pas d'inclure require_once __DIR__ . '/../cockpit/bootstrap.php'; dans votre code PHP.

Le code d'extrait de code suivant récupère les collections et les galeries à l'aide de l'API du cockpit:

$app->get('/', function () use ($app) {
    $collections = cockpit('collections:collections', []);
    $galleries = cockpit('galleries:galleries', []);

    return $app['twig']->render('index.html.twig', ['collections' => $collections, 'galleries' => $galleries]);
})->bind('home');

Code de brindilles pour afficher les collections:

$app->get('/', function () use ($app) {
    $collections = cockpit('collections:collections', []);
    $galleries = cockpit('galleries:galleries', []);

    return $app['twig']->render('index.html.twig', ['collections' => $collections, 'galleries' => $galleries]);
})->bind('home');

Rendu de démarque (nécessite michelf/php-markdown):

<h2>Collections</h2>
<p>There are total <strong>{{collections|length}}</strong> collection(s) in the CMS:</p>
<ul>
    {% for col in collections|keys %}
        <li><a href="http://ipnx.cn/link/9964364bfd2b38643a0b41b981c01f60'collection', {col: col}) }}">{{col}}</a></li>
    {% endfor %}
</ul>

L'affichage de la galerie nécessite des appels API supplémentaires pour récupérer et afficher des images, gérer la génération de vignettes et les ajustements de chemin.

Conclusion:

COCKPIT CMS est un CMS léger et adapté aux développeurs. Sa force réside dans sa flexibilité et sa facilité de configuration, mais nécessite des compétences en programmation pour le développement du frontend. Bien que son API soit précieuse, certaines améliorations (comme la liaison directe de la galerie et la gestion améliorée des images) amélioreraient la convivialité. L'absence d'API CRUD intégrée pour les entrées nécessite une gestion backend, qui peut être moins efficace. Il est mieux adapté aux développeurs à l'aise avec PHP, CSS et des cadres qui hiérarchisent le contr?le et la simplicité. Le référentiel github fourni contient le code de démonstration.

Questions fréquemment posées (FAQ):

La section FAQ fournie est déjà bien écrite et complète. Aucun changement n'est nécessaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!