Blog magazine

Cette application crée les tables suivantes dans la base de données:

• article: table des articles (ou posts) à paraître dans le blog
• author: table des auteurs d'article
• theme: table des thèmes ou rubriques d'articles
• attachment: table de pièces jointes à un article, principalement des images et du texte supplémentaire
• comment: table des commentaires laissés par les lecteurs

Cette application illustre l'utilisation de CykLang pour gérer le côté serveur alors que le côté client a été programmé avec le framework VueJS.

Installer

Assurez vous que vous êtes dans le répertoire de votre projet Cyk, puis utilisez la commande npx cyk pour télécharger et installer les 2 packages composant l'application:

cd cyk-project
npx cyk install @cyklang/demo-blog

Le package @cyklang/demo-blog:

• crée les tables dans la base de données
• installe l'application destinée aux rédacteurs du blog pour leur permettre de mettre à jour les articles

npx cyk install @cyklang/demo-blog-client

Le package @cyklang/demo-blog-client:

• installe la web application destinée aux visiteurs du blog. Elle a été développée avec le framework VueJS;

Avec un navigateur, ouvrez une page sur le serveur Cyk: http://localhost:3000

Remplacez 3000 par le port de votre serveur NodeJS si vous avez changé la valeur proposée par défaut

S'identifier

Par défaut, le blog est configuré dans un mode privé, c'est à dire que son contenu est soumis à authentification (nous verrons plus tard comment configurer cette application). Vous devriez donc voir la page de connexion suivante :

Les identifiants de l'utilisateur administrateur (par défaut login cyk et mot de passe cyk) vous permettent de vous connecter.

Au départ, les tables de la base de données sont vides. Aucun article n'est donc affiché dans l'application de visualisation.

Saisir des articles

En haut et à droite de l'écran, cliquer sur le bouton Edit pour ouvrir l'application Rédacteurs. Elle s'ouvre dans un nouvel onglet (ou fenêtre) du navigateur.

1. Entrez au moins un thème (ou rubrique)
2. Entrez au moins un auteur
3. Entrez maintenant au moins un article (thème et auteur sont obligatoires)

La saisie d'un article se fait en plusieurs étapes :

1. Les propriétés de l'article (thème, auteur, titre, résumé). Cela permet de créer l'article.
2. Le choix de l'image représentative de l'article
3. La rédaction du texte principal de l'article dans le format Markdown

Publier

Le bouton Publier de la barre d'outils de l'écran Articles déclenche la création automatique de la page d'accueil du blog suivant les règles suivantes:

• la bannière tournante est constituée des 6 derniers articles (d'après le champ Date de l'article)
• la rubrique Tendances (trendings) est constituée des 5 premiers articles ordonnées par la note et la date de l'article
• pour chaque thème et dans l'ordre indiqué par le champ Ordre, les 10 derniers articles (d'après le champ Date de l'article) sont montrés.

Le navigateur bascule ensuite vers l'onglet affichant l'application de lecture du blog. Toutefois, le contenu n'est pas actualisé automatiquement. Rafraichissez la page du navigateur pour voir les changements apportés.