Różnice między wybraną wersją a wersją aktualną.
| Poprzednia rewizja po obu stronach Poprzednia wersja Nowa wersja | Poprzednia wersja | ||
|
pl:paw:lab_couchdb_zal [2021/12/03 12:08] wojnicki [Zaliczenie] |
pl:paw:lab_couchdb_zal [2025/01/24 19:06] (aktualna) wojnicki [Ćwiczenie 3 (dla zainteresowanych)] |
||
|---|---|---|---|
| Linia 1: | Linia 1: | ||
| - | ====== CouchDB 2 ====== | + | ====== |
| Baza danych dostępna jest pod adesem: http:// | Baza danych dostępna jest pod adesem: http:// | ||
| - | Warunek zaliczenia opisany jest na [[# | ||
| ===== Ćwiczenie 1 ===== | ===== Ćwiczenie 1 ===== | ||
| Linia 15: | Linia 14: | ||
| {" | {" | ||
| + | |||
| + | {" | ||
| </ | </ | ||
| - napisz widok '' | - napisz widok '' | ||
| - napisz widok '' | - napisz widok '' | ||
| - | - napisz widok '' | + | |
| ===== Ćwiczenie 2 ===== | ===== Ćwiczenie 2 ===== | ||
| - | |||
| - | Udziel odpowiedzi na poniższe pytania. | ||
| - Pod jakim adresem URI można odnaleźć informacje o towarach do kupienia w sklepie o nazwie // | - Pod jakim adresem URI można odnaleźć informacje o towarach do kupienia w sklepie o nazwie // | ||
| - Pod jakim adresem można dowiedzieć się ile towarów jest do kupienia w // | - Pod jakim adresem można dowiedzieć się ile towarów jest do kupienia w // | ||
| - | |||
| - | |||
| ===== Ćwiczenie 3 (dla zainteresowanych) ===== | ===== Ćwiczenie 3 (dla zainteresowanych) ===== | ||
| - | Prześledź działanie aplikacji implementującej prostą listę zadań. | + | - Napisz widok '' |
| - | Poniższy kod źródłowy pochodzi z: http:// | + | |
| - | <code html index.html> | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | + | ||
| - | <script src=" | + | |
| - | <script type=" | + | |
| - | // retrieve database name from url (for example " | + | |
| - | var DATABASE = "/" | + | |
| - | + | ||
| - | function getTasks() { | + | |
| - | $.ajax({ | + | |
| - | url: DATABASE + "/ | + | |
| - | success: function (data){ | + | |
| - | // var view = JSON.parse(data); | + | |
| - | var view = data; | + | |
| - | var tasks = []; | + | |
| - | $(view.rows).each( function (index, item) { | + | |
| - | tasks.push (item.value); | + | |
| - | }); | + | |
| - | displayTasks(tasks); | + | |
| - | } | + | |
| - | }); | + | |
| - | } | + | |
| - | + | ||
| - | function displayTasks(tasks) { | + | |
| - | var html = "< | + | |
| - | $(tasks).each( function (index, task) { | + | |
| - | var edit = "< | + | |
| - | " | + | |
| - | var del = "< | + | |
| - | " | + | |
| - | + | ||
| - | html += "< | + | |
| - | html += "< | + | |
| - | html += "< | + | |
| - | html += "< | + | |
| - | html += "</ | + | |
| - | }); | + | |
| - | html += "</ | + | |
| - | + | ||
| - | $('# | + | |
| - | $('# | + | |
| - | } | + | |
| - | + | ||
| - | function addTask() { | + | |
| - | var desc = prompt(" | + | |
| - | if (desc) { | + | |
| - | var task = { | + | |
| - | " | + | |
| - | }; | + | |
| - | + | ||
| - | $.ajax({ | + | |
| - | type: " | + | |
| - | url: DATABASE, | + | |
| - | contentType: | + | |
| - | data: JSON.stringify(task), | + | |
| - | success: function () { | + | |
| - | getTasks(); | + | |
| - | } | + | |
| - | }); | + | |
| - | } | + | |
| - | } | + | |
| - | + | ||
| - | function editTask(task) { | + | |
| - | var desc = prompt(" | + | |
| - | if (desc) { | + | |
| - | task.task = desc; | + | |
| - | $.ajax({ | ||
| - | type: " | ||
| - | url: DATABASE + "/" | ||
| - | contentType: | ||
| - | data: JSON.stringify(task), | ||
| - | success: function () { | ||
| - | getTasks(); | ||
| - | } | ||
| - | }); | ||
| - | } | ||
| - | } | ||
| - | | ||
| - | function deleteTask(task) { | ||
| - | var doit = confirm(" | ||
| - | task.task + "'?" | ||
| - | if (doit) { | ||
| - | $.ajax({ | ||
| - | type: " | ||
| - | url: DATABASE + "/" | ||
| - | success: function () { | ||
| - | getTasks(); | ||
| - | } | ||
| - | }); | ||
| - | } | ||
| - | } | ||
| - | | ||
| - | // create view (will fail if already existing) | ||
| - | function createView() { | ||
| - | var view = { | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | " | ||
| - | } | ||
| - | } | ||
| - | } | ||
| - | $.ajax({ | ||
| - | type: " | ||
| - | url: DATABASE + "/ | ||
| - | contentType: | ||
| - | data: JSON.stringify(view) | ||
| - | }); | ||
| - | } | ||
| - | </ | ||
| - | </ | ||
| - | <body onload=" | ||
| - | < | ||
| - | <input type=" | ||
| - | <div id=" | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | - Umieść powyższy kod w pliku o nazwie " | ||
| - | - W swojej bazie danych utwórz dokument o identyfikatorze '' | ||
| - | - Do w/w dodaj załącznik w postaci pobranego wcześniej pliku '' | ||
| - | - Skieruj przeglądarkę pod adres (uwaga zamień '' | ||
| - | - Przetestuj działanie aplikacji: | ||
| - | - dodaj 3 zadania | ||
| - | - zweryfikuj zawartość Twojej bazy danych | ||
| - | - usuń 1 zadanie | ||
| - | - zweryfikuj zawartość Twojej bazy danych | ||
| - | - zmień (edytuj) 1 zadanie | ||
| - | - zweryfikuj zawartość Twojej bazy danych, sprawdź czy zmieniła się wartość '' | ||