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 [CouchDB 2] |
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:// | ||
Linia 14: | 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ść '' | ||