Skip to content

dijkr/Copia

Repository files navigation

Commodum Copia - Documentation


Development system

  • Proxmox (o.a. back-ups, snapshots)
  • Rocky Linux 9.3
  • Apache 2.4.57
  • MariaDB 10.5.22
  • PHP 8.0.30
  • PHPStorm 2022.3.2
  • Laravel 9.52.16
  • Composer 2.6.6 NPM 8.19.4 NodeJS v16.20.2
  • Vite 4.3.5
  • Statamic 4 CMS
  • Github
  • TablePlus + PHPMyAdmin for remote DB-management
  • NoMachine for remote GUI via NX
  • Putty for remote CLI via SSH

Het project is gestart door het installeren van LAMP-stack en development tools. Vervolgens is met Composer het project opgestart. Hierna zijn er models en controllers aangemaakt met Artisan.


Bestanden

Onderstaande bestanden hebben momenteel een aandeel in het project.

Models:

  • Category.php
  • Product.php
  • Subcategory.php
  • Subsubcategory.php

Controllers:

  • CategoryController.php
  • ProductController.php
  • SubcategoryController.php
  • SubsubcategoryController.php

Views:

  • footer.blade.php
  • header.blade.php
  • layout.blade.php
  • categorien.blade.php
  • home.blade.php
  • product.blade.php
  • producten.blade.php

Routes:

  • web.php

Overige:

  • .env
  • vite.config.js
  • app.css
  • app.js
  • Diverse afbeeldingen
  • Diverse migration_table.php-bestanden

Toelichting

Models aandachtspunten

  • De models en controllers zijn aangemaakt met php artisan.
  • In het product-model is gespecificeerd dat een product een relatie heeft met een category, een subcategory en een subsubcategory.
  • In het promotion-model is gespecificeerd dat een promotie een relatie heeft net een product.

Controller-functies
De controller specificeerd de view voor de functie. Wat betekend dat het resultaat van de controller beschikbaar is voor de desbetreffende view. Hierdoor zie je niet welke view wordt toegepast voor een bepaalde route.

  • [category] Get all categories
  • [category] Get information about a category
  • [product] Get products, grouped per subcategory
  • [product] Get one product
  • [promotion] Get the number of the week
  • [promotion] Get all promotions
  • [promotion] Get a random promotion

Views

  • De header, footer en layout zijn altijd included. De layout kan gezien worden als de body.
  • Vervolgens zijn er diverse views wat de daadwerkelijke inhoud van de pagina’s betreft.

Routes
De controller specificeerd de view voor de functie. Wat betekend dat het resultaat van de controller beschikbaar is voor de desbetreffende view. Hierdoor zie je niet welke view wordt toegepast voor een bepaalde route.

  • De route gebruikt controller-functies om data te verkrijgen. Het resultaat is beschikbaar voor de view. De view wordt

.env
Hierin wordt configuratie toegepast voor o.a. de appnaam en de verbinding met de database.

app.css en app.js
Deze bestanden betreffen de inhoud voor CSS en Javascript.

Vite.config.js
Vite leest continue wijzigingen aan app.css en app.js. Ook wordt bij een wijziging, dit in de development-webbrowser weergegeven. Zodoende hoeft de webbrowser niet handmatig te refreshen om de website te updaten na aanpassingen aan app.css en app.js.


CMS Voor de CMS wordt gebruik gemaakt van Statamic CMS, zie https://statamic.com/.

  • Deze is toegankelijk via een eigen URL en is geintegreerd met de website.
  • Statamic is ontworpen met de Antlers template-engine. Om deze reden zijn de views omgezet van Blade naar Antlers.

Improvement

Sugguesties en het oplossen van bekende problemen worden via Github Issues bijgehouden en ge-update.