Moje první aplikace v Symfony 3 + překvapení (4. sraz přátel symfony)

90% webových aplikací funguje stylem "získám uživatelská data, uložím si je do nějakého storage a pak si je prohlédnu na bezpečné stránce".
Se Symfony 3 je tohle otázka pár minut.

Transcript

1. 4. sraz přátel Symfony - Novoroční posezení Moje první aplikace v Symfony 3 Praha, 28. 1. 2016, Etnetera a.s.
2. • muž • 24 let • workoholik • 9+ let se zajímám o vývoj webových aplikací • 5+ let makám v oboru • nejsem grafik!!! Kdo jsem? Martin Zeman @zemistr
3. Dřívější a aktuální pozice • Babka: Programátor webových aplikací - puzzle červenec 2011 - červen 2012 (1 rok) • OSVČ: Web developer červenec 2012 - x • Cresco Group: Web developer červenec 2012 - srpen 2012 (2 měsíce) • Cresco Group: Web developer červen 2014 - listopad 2014 (6 měsíců) • OSVČ: Web developer Tohle je nedůležité … Prostě už mám něco za sebou. :)
4. Zajímavé
5. Znáš Symfony?
6. Jo, Symfony znám!
7. Používám ho skoro měsíc!
8. Kde Symfony 3 seženu?
9. Začal bych u zdroje.
10. Ale já jsem vývojář! Neexistuje nějaká línější metoda?
11. Jo, existuje.
12. Symfony installer x Composer
13. Composer zní sexy!
14. composer create-project symfony/framework-standard-edition my_project_name
15. Co to udělá?
17. composer create-project symfony/framework-standard-edition my_project_name Hej composer vytvoř projekt do této složky z tohoto balíčku
18. Some parameters are missing. Please provide them. database_host (127.0.0.1): database_port (null): database_name (symfony): database_user (root): database_password (null): mailer_transport (smtp): mailer_host (127.0.0.1): mailer_user (null): mailer_password (null): secret (ThisTokenIsNotSoSecretChangeIt): Při instalaci to bude chtít pár údajů.
19. No a hotovo … Vaše první aplikace je na světě. :-)
20. \^.^/ Juchůů
21. Díky za pozornost! Otázky? Ale teď vážně. Co budeme tvořit?
22. Jednoduchý “e-shop” (hodně jednoduchý …)
23. Jednoduchý “e-shop” (opravdu hodně jednoduchý …) Máme málo času.
24. • Vejce - 4 ks • Cukr - 200 g • Polohrubá mouka - 200 g • Jablka • strouhané - 200 g • Vanilkový cukr - 1 balení • Prášek do pečiva - 1 balení Co budeme potřebovat? http://www.recepty.cz/recept/jablkova-babovka-3871
25. Dělám si prdel ;)
26. 1. Katalog produktů 2. Košík / Dokončení objednávky 3. Zabezpečení 4. Přehled objednávek Co budeme potřebovat?
27. 1. Katalog produktů = “/” 2. Košík / Dokončení objednávky ◦ "/cart" ◦ "/cart/{sku}/{size}/remove" 3. Zabezpečení ◦ "/login" ◦ "/login-check" ◦ "/logout" 4. Přehled objednávek ◦ "/admin/{status}" ◦ "/admin/{status}/change/{id}/to/{new_status}" Routy
28. • 2 produkty (trička M/F) ◦ název ◦ obrázek ◦ cena ◦ velikosti ◦ množství ◦ a šup do košíku • košík v sessions Katalog produktů • náhled košíku ◦ název ◦ velikost ◦ počet kusů ◦ cena ◦ cena celkem ◦ info o přidání do košíku
30. But women are always right!
31. Formulář “male” Formulář “female” Ano, ale tady budou nalevo.
32. Obyčejný výpis Odkaz na routu do košíku Flash message
33. • výpis produktů ◦ název ◦ velikost ◦ množství ◦ cena ◦ smazání z košíku Košík / Dokončení objednávky • dokončení objednávky ◦ jméno ◦ email ◦ nějaká ta poznámka ◦ možnost objednat :) • po dokončení ◦ zapsat do db ◦ odeslat maily
35. Odkaz na routu pro vymazání položky z košíku Odkaz na routu do katalogu Formulář Text ... Obyčejný výpis
36. • bezpečnost ◦ přihlášení ◦ odhlášení Přehled objednávek • objednávky ◦ kontakt ◦ poznámka ◦ cena ◦ produkty ◦ stav + změna stavu • filtr ◦ dle stavu
38. Ručně sestavený login form Flash message
39. Admin je jen pro vyvolené! Takže může vypadat hnusně. :D
41. No fuuuuuuuuj!!!
42. Proklik na logout Odkazy na tento výpis s parametrem v adrese Výpis z DB Můžete změnit stav!!! :O
43. Wait … Ještě maily!!!
45. Pro smrtelníky
46. Pro nemrtvé
47. Nevypadá to zle. Co? :)
49. parameters: locale: cs framework: translator: { fallbacks: ["%locale%"] } twig: form-theme: "bootstrap_3_horizontal_layout.html.twig"
51. parameters: admin_password: abcd1234 Extrémní zabezpečení!
53. security: providers: in_memory: memory: users: admin: password: "%admin_password%" roles: "ROLE_ADMIN" encoders: Symfony\Component\Security\Core\User\User: plaintext Uživatelé jsou brány z configu a jsou jen jako čistý text.
54. security: access_control: - { path: ^/admin, roles: ROLE_ADMIN } Pamatují si všichni routy?
55. 1. Katalog produktů = “/” 2. Košík / Dokončení objednávky ◦ "/cart" ◦ "/cart/{sku}/{size}/remove" 3. Zabezpečení ◦ "/login" ◦ "/login-check" ◦ "/logout" 4. Přehled objednávek ◦ "/admin/{status}" ◦ "/admin/{status}/change/{id}/to/{new_status}" Routy
56. security: firewalls: main: anonymous: ~ form_login: login_path: /login check_path: /login-check logout: path: /logout target: /login
57. A teď něco, co souvisí s e-shopem.
58. Nadefinujeme si velikosti triček.
59. Už by to chtělo nějaký formulář ...
60. Ok, ale neopičte se! Udělejte si továrničku. ;)
61. \AppBundle\Factory\FormFactory
62. \AppBundle\Factory\FormFactory __construct( FormFactoryInterface $form_factory, RequestStack $request_stack ) createAndHandle($name, $type, IEntity $entity)
63. \AppBundle\Entity\IEntity
64. Továrničku máme hotovou. Dáme si jí do services, ať se nám s ní hezky pracuje. :)
65. services: app.factory.form_factory: class: AppBundle\Factory\FormFactory autowire: true
66. Jdeme tvořit formulář!!! \^.^/
67. \AppBundle\Form\ProductFormType
68. \AppBundle\Form\ProductFormType __construct(array $sizes)
69. \AppBundle\Form\ProductFormType $builder->add('size', ChoiceType::class, ...); $builder->add('quantity', NumberType::class, ...); $builder->add('submit', SubmitType::class, ...); A šup do DI
70. services: app.form.product_form_type: class: AppBundle\Form\ProductFormType arguments: [ "%sizes%" ] tags: - { name: form.type } Formulář je hotov. Protože do něj dáváme hodnoty z DI, je potřeba do DI přidat i formulář.
71. Na formulář je navázána CartItemEntity Takže si jí teď vytvoříme. :)
72. \AppBundle\Entity\CartItemEntity
73. \AppBundle\Entity\CartItemEntity Důležité proměnné, které se nemají měnit, předáme v constructoru a dovolíme k nim přístup jen přes gettery.
74. A další formulář!!! \^.^/
75. \AppBundle\Form\OrderFormType
76. \AppBundle\Form\OrderFormType $builder->add('name', TextType::class, ...); $builder->add('email', EmailType::class, ...); $builder->add('note', TextareaType::class, ...); $builder->add('submit', SubmitType::class, ...);
77. I na tento formulář je navázána entita. Tentokrát OrderEntity Takže si jí taky vytvoříme.
78. \AppBundle\Entity\OrderEntity
79. \AppBundle\Entity\OrderEntity /** * @Doctrine\ORM\Mapping\Entity * @Doctrine\ORM\Mapping\Table(name="s_order") */ Info pro Doctrine, že se jedná o její entitu, která má být v tabulce "s_order".
80. \AppBundle\Entity\OrderEntity /** * @Doctrine\ORM\Mapping\Id * @Doctrine\ORM\Mapping\Column(type="integer") * @Doctrine\ORM\Mapping\GeneratedValue(strategy="AUTO") */ Info pro Doctrine, že proměnná $id bude použita jako sloupeček s číselnou hodnotou a že se do ní bude generovat unikátní ID. Strategie generování unikátního ID se rozhodne dle typu DB.
81. \AppBundle\Entity\OrderEntity /** @Doctrine\ORM\Mapping\Column(type="string") */ /** @Doctrine\ORM\Mapping\Column(type="text", nullable=true) */ Ostatní hodnoty mají jen definovaný typ hodnoty.
82. \AppBundle\Entity\OrderEntity /** @Doctrine\ORM\Mapping\Column(type="object") */ Je tu ale jedna extra, do které se bude ukládat složitější struktura. Konkrétně obsah košíku tak, jak se používá i na webu.
83. \AppBundle\Entity\OrderEntity /** * @Doctrine\ORM\Mapping\Column(type="string") * @Symfony\Component\Validator\Constraints\Email() */ No a pak je tu ještě jedna věc a to je validační pravidlo pro email. :)
84. Protože se držíme pravidla “code first”, tak si teď necháme dle entity vygenerovat tabulku “s_order”.
85. Slouží k tomu moc fajn příkaz. :) php bin/console doctrine:schema:create
87. Už je ale na čase, začít pracovat s nějakými daty.
88. Pracovat s daty v controlleru je Prasárna
92. Proto si na to vytvoříme nějakou fajn service.
93. Co by měla umět? • pracovat s košíkem • pracovat s objednávkou
95. Začneme tvořit controllery. Třeba katalogem. :)
96. \AppBundle\Controller\CatalogController
97. Ještě nespíte?
98. Tak budeme pokračovat košíkem. ;)
99. \AppBundle\Controller\CartController
100. Poslední a závěrečný controller! Admin!
101. \AppBundle\Controller\AdminController Slouží pro předání chyby do šablony Mrtvá metoda, slouží jen jako placeholder. Mrtvá metoda, slouží jen jako placeholder.
102. \AppBundle\Controller\AdminController Jen zavolá metodu na service a výsledek předá šabloně. Jen zavolá metodu na service a udělá redirect.
103. security: firewalls: main: anonymous: ~ form_login: login_path: /login check_path: /login-check logout: path: /logout target: /login
105. Co si z toho odnést?
106. Méně je více! Nepište zbytečnosti.
107. Anotace jsou, byly, a budou. Používejte je!
108. 3. Frameworky pomáhají! Používejte je.
109. • Controllery: 3 • Entity: 2 + 1 interface • Factory: 1 • Form: 2 • View: 4 + 2 mail + 1 layout • Service: 1 Výsledek
110. Mimochodem … Kdo z vás dával pozor a všiml si několika spojitostí s dějem tady v místnosti a s tím, co jsem vám ukazoval?
111. Toto bylo zde v ukázkách.
112. Toto již nyní najdete na webu http://www.symfony.cz
115. https://thewackywordsmith.wordpress.com/ Otázky?