Un mini-projet pour apprendre les bases en Django.
Plugins:
Pour lancer le projet localement sur votre machine de développement:
$ pipenv shell
$ ./manage.py runserverVérifier que le projet se lance bien sur http://localhost:8000/
Pour installer pipenv, il vous suffit de suivre la documentation. Ou bien simplement de lancer la commande suivante
pip install --user pipenvIl faut ensuite se mettre dans le dossier qui contient le fichier Pipfile (dans notre cas le dossier app)
Installer l'environnement :
$ pipenv installInstaller les packages utiles au debug :
$ pipenv install --devLorsqu'on veut installer un nouveau paquet, ne pas utiliser pip install mais pipenv install, cela l'ajoutera automatiquement au fichier Pipfile.
Utiliser l'environnement :
$ pipenv shellMaintenant on peut lancer toutes les commandes migrate.py
Lors de la première utilisation, ne pas oublier de lancer la première migration.
$ ./manage.py migrateIl faudra ensuite lancer le build du thème afin de pouvoir accéder à la plateforme. En cas de problèmes, vous pouvez vous référer à la section Modification du thème/ReactJs.
$ cd app/assets
$ npm install
$ npm run buildPour créer un compte super-utilisateur:
$ ./manage.py createsuperuserPour lancer le projet localement sur votre machine de développement:
$ docker-compose up -d --buildVérifier que le projet se lance bien sur http://localhost:8000/
Pour installer docker, il vous suffit de suivre la documentation. Pour installer docker-compose, il vous suffit de suivre la documentation.
Lors de la première utilisation, ne pas oublier de lancer la première migration.
$ docker-compose exec web ./manage.py migrateIl faudra ensuite lancer le build du thème afin de pouvoir accéder à la plateforme. En cas de problèmes, vous pouvez vous référer à la section Modification du thème/ReactJs.
$ cd app/assets
$ npm run buildPour créer un compte super utilisateur:
$ docker-compose exec web ./manage.py createsuperuserIl vous suffit ensuite de vous connecter à la page d'administration Django avec les identifiants que vous avez renseigné.
Nous utilisons Webpack pour concaténer/minifier/bunble nos fichiers JS + SCSS.
Version NVM / NPM
$ nvm list
[...]
-> v15.3.0
default -> node (-> v15.3.0)
node -> stable (-> v15.3.0) (default)
stable -> 15.3 (-> v15.3.0) (default)
[...]
$ npm --version
7.0.14
Pour lancer le watcher de webpack
$ cd app/assets
$ npm install
$ npm run watchPour faire un build pour la mise en prod
$ cd app/assets
$ npm run buildPour le developpement, nous redirigons tous nos emails sur une boïte mail mailinator Pour ce faire, vous pouvez suivre l'article Medium Django et E-mail
Ce mini-projet a été mis en place pour vous permettre de découvrir/apprendre/perfectionner les bases en Django. Le design des pages se basera sur un thème Bootstrap trouver sur bootdey. On utilise aussi un bout de code fourni sur stackoverflow pour l'avatar de la page profile.
Pour aller plus vite, l'ensemble des templates sera déjà disponible dans l'app Django main.
Pour ce projet, je vais vous demander de créer un forum qui sera composé:
- D'une partie "compte utilisateur"
- L'app Django
user, le modèle et l'admin sont déja fournis. - Une page de login. Vous retrouverez le design de la page ici en vous inspirant de cet article
- Une page de création de compte. Vous retrouverez le design de la page ici en vous inspirant de cet article
- Des pages destinées au reset de mdp (avec envoi d'un mail). Vous retrouverez le design des pages en vous inspirant de cet article:
- D'un page profile pour mettre à jour les données du compte utilisateur. Vous retrouverez le design de la page ici
- L'app Django
- D'une partie "forum"
- Une page listant tous les sujets (Topics) créés. Ces derniers pourront être filtrés sur leur titre, leur statut et s'ils ont déjà eu des réponses. Vous retrouverez le design de la page ici
- Une page pour permettre la création d'un nouveau sujet. Attention, seuls les utilisateurs ayant un compte peuvent créer un nouveau sujet. Vous retrouverez le design de la page ici
- Une page pour répondre au sujet sélectionné. Attention, seuls les utilisateurs ayant un compte peuvent répondre, les autres ont un accès en lecture seul. De plus, si l'utilisateur connecté est le créateur du sujet, il doit y avoir un bouton permettre de clôturer le sujet. Vous retrouverez le design de la page ici Toutes ces pages sont disponibles sur la homepage du projet.
Ce projet est commun à tous les sujets ci-dessous.
Pour ce sujet, il suffit simplement de créer le forum sans utiliser les classBasedViews.
Pour ce sujet, il suffit simplement de recréer le forum en utilisant les classBasedViews. Vous pouvez consulter l'article suivant pour vous aider:
Pour ce sujet, il faut créer une simple page app en ReactJs ainsi que de mettre en place un API REST pour communiquer avec la BDD. Pour cela, il faut utiliser le Django REST framework. Concernant la réalisation de l'application ReactJs, cette dernière se fera dans le dossier app/assets/src/forum/. L'ensemble des outils permettant l'intégration de l'app ReactJS dans un projet Django aura déjà été configuré.
Vous retrouverez un exemple d'integration d'un composant ReactJs dans une view Django ici.
Vous pouvez consulter les articles suivants pour vous aider:
Pour ce sujet, il faut créer une application mobile en Flutter ainsi que de mettre en place un API REST pour communiquer avec la BDD. Pour cela, il faut utiliser le Django REST framework. Concernant la réalisation de l'application ReactJs, cette dernière se fera dans le dossier mobile/.
Pour lancer l'application mobile, il vous suffit de faire la commande flutter run dans le dossier mobile/ après avoir lancé un émulateur Android/Ios.