文件列表:

.vscode (0, 2022-12-09)
.vscode\settings.json (53, 2022-12-09)
app.js (3678, 2022-12-09)
controllers (0, 2022-12-09)
controllers\admin.js (6886, 2022-12-09)
controllers\auth.js (3185, 2022-12-09)
controllers\error.js (177, 2022-12-09)
controllers\shop.js (9173, 2022-12-09)
favicon.ico (90638, 2022-12-09)
middleware (0, 2022-12-09)
middleware\fileUploaders.js (1211, 2022-12-09)
middleware\is-auth.js (257, 2022-12-09)
models (0, 2022-12-09)
models\category.js (479, 2022-12-09)
models\order.js (579, 2022-12-09)
models\product.js (570, 2022-12-09)
models\user.js (3294, 2022-12-09)
package-lock.json (270760, 2022-12-09)
package.json (867, 2022-12-09)
public (0, 2022-12-09)
public\css (0, 2022-12-09)
public\css\.DS_Store (6148, 2022-12-09)
public\css\auth.css (0, 2022-12-09)
public\css\cart.css (543, 2022-12-09)
public\css\category.css (1908, 2022-12-09)
public\css\footer.css (3799, 2022-12-09)
public\css\forms.css (7132, 2022-12-09)
public\css\landingPage.css (1080, 2022-12-09)
public\css\main.css (1222, 2022-12-09)
public\css\orders.css (391, 2022-12-09)
public\css\product.css (2772, 2022-12-09)
public\css\qrMaker.css (1618, 2022-12-09)
public\images (0, 2022-12-09)
public\images\1-hotovky.png (4109161, 2022-12-09)
public\images\1-pizza.png (1207543, 2022-12-09)
public\images\10-dezerty.png (1086818, 2022-12-09)
public\images\10-napoje.png (1007544, 2022-12-09)
... ...

QiFood - objednávkový systém pro restauraci

Tomáš Hlásenský

P4

Profilová část maturitní zkoušky

MATURITNÍ PRÁCE

BRNO 2022

Anotace

Webová aplikace QiFood je zajímavá alternativa pro menší restaurace, které mají malé množství zaměstnanců, chtějí více zautomatizovat chod restaurace, či se zaměřují na introvertní část populace, díky modernímu systému QR kódů a internetových stránek. Tato aplikace umožňuje jak objednávání jídla, tak i správu webu a jeho částečné úpravy. K vytvoření jsem požil postup a znalosti získané ze svého samostudia a internetu. Hlavní důrazy jsou scalabilita, funkčnost, UI a UX.

---

Obsah

Prohlášení o autorství práce        3

Poděkování        4

Anotace        4

Obsah        5

1 Úvod        8

1.1 Řešená problematika        8

1.2 Zvolené technologie a jejich vysvětlení        8

Hlavní technologie        9

1.2.1 Node JS        9

1.2.2 Express JS        9

1.2.3 Express-session        10

1.2.4 Mongodb        10

1.2.5 Mongoose        10

1.2.6 Connect-mongodb-session        10

1.2.7 Ejs        10

Zabezpečovací technologie        11

1.2.8 Csurf        11

1.2.9 Bcryptjs        11

1.2.10 Helmet        11

1.2.11 Connect-flash        11

1.2.12 Express-validator        11

1.2.13 Express-mongo-sanitize        12

Technologie pro zpracovávání dat        12

1.2.14 Multer        12

1.2.15 Fs        12

1.2.16 Dotenv        12

Další technologie        13

1.2.17 Coingecko-api        13

1.2.18 Pdf-lib        13

1.2.19 Qrcode        13

2 Struktura a funkce projektu        14

2.1 Rozdělení souborů v projektu        14

2.2 Jednotlivé části a jejich funkce        14

2.2.1 Root soubory        14

2.2.1.1 package.json a package-lock.json        14

2.2.1.2 .gitignor        15

2.2.1.3 app.js        15

2.2.1.4 favicon.ico        15

2.2.1.5 README.md        15

2.2.2 Složka public        16

2.2.2.1 js složka        16

2.2.3 Složka routes        16

2.2.4 Složka controllers        17

2.2.5 Složka models        20

2.2.6 Složka middlewares        23

2.2.7 Složka util        23

2.2.8 Složka views        23

3 Fungování        28

3.1 Uživatelské prostředí        28

3.2 Administrátorské prostředí        29

3.2.1 Popis administrátorského prostředí        29

4 Workflow        33

5 Poznatky        35

5.1 Negativa        35

5.2 Pozitiva        35

5.3 Zhodnocení        35

6 Zdroje        36

7 Příloha        37

---

1 Úvod

1.1 Řešená problematika

Představte si situaci, kdy máte začínající restauraci, málo pracovníků nebo si jich více nemůžete dovolit, v tomto případě je pro vás ideální systém QiFood, který vám pomůže s odlehčením zátěže na pracovníky restaurace a to za pomoci chytrého řešení s QR kódy. Tento systém jsem se rozhodl řešit za pomoci internetových stránek propojených s databází a featurami, které pomáhají s chodem restaurace. Systém obsahuje jak prostředí pro administrátory, tak i prostředí pro zákazníky restaurace. Administrátorské prostředí nabízí funkce pro přidávání produktových kategorií, přidávání produktů, jejich úpravu, odstraňování a dále zde můžeme najít tvořič plakátů s QR kódy. Tyto QR kódy se vytváří pro každý stůl zvlášť a zprostředkovávají propojení s webem. V QR kódu je zakódována url stránky společně s číslem stolu, toto dokáže web rozpoznat a upraví svoje nastavení pro tvorbu objednávek. To znamená, že pokud zadáme url stránky do vyhledávače, systém se upraví a vytvoří objednávku pro dodávku jídla na adresu, ale pokud si načtete QR kód, tak je objednávka přímo na váš stůl.

1.2 Zvolené technologie a jejich vysvětlení

Technologie jsem volil dle mých zkušeností a postupným narůstáním složitosti projektu a potřeb z toho vyplívajících. Zvolil jsem moderní, spolehlivé, updatované a bezpečné technologie, které mají dlouhodobou podporu.

Hlavní technologie

1.2.1 Node JS

Je open-source, multiplatformní, back-endové běhové prostředí JavaScriptu, které spouští kód JavaScriptu mimo webový prohlížeč. Tato JavaScriptová knihovna se využívá pro psaní programů a psaní skriptů pro vytvoření dynamických stránek na serveru před tím, než jsou poslány koncovému uživateli.

1.2.2 Express JS

Představuje minimální a flexibilní Node.js webový framework, který poskytuje featury pro stavbu webových a mobil ... ...

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：