diff --git a/output/info202_labs.html b/output/info202_labs.html index 988d6e1..0303189 100644 --- a/output/info202_labs.html +++ b/output/info202_labs.html @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:4f96114a29f166b6ca571290a16071133f69bd3b2daa70816b420a5a9538d310 -size 4768049 +oid sha256:4e34afa30c852f567a0d16433ef98e76c09fad408e66e0367f357bb67099b9eb +size 4768120 diff --git a/server.sh b/server.sh index 7873db7..be87261 100755 --- a/server.sh +++ b/server.sh @@ -1,2 +1,2 @@ #!/usr/bin/env bash -tiddlywiki . --listen port=8888 +tiddlywiki . --listen port=8889 diff --git a/tiddlers/content/labs/lab09/_Labs_09_Create the Repository and Project.md b/tiddlers/content/labs/lab09/_Labs_09_Create the Repository and Project.md index 2606100..2c00eaa 100644 --- a/tiddlers/content/labs/lab09/_Labs_09_Create the Repository and Project.md +++ b/tiddlers/content/labs/lab09/_Labs_09_Create the Repository and Project.md @@ -24,4 +24,6 @@ 1. Delete the servlet classes. They have no relevance to a CSR project and will not be needed. +1. You should also delete the `JettyServer` class since we don't need it. + You can now work on the cloned milestone 2 repository since it is now attached to your repository. \ No newline at end of file diff --git a/tiddlers/content/labs/lab09/_Labs_09_Display the Majors.md b/tiddlers/content/labs/lab09/_Labs_09_Display the Majors.md index fe75af8..20b3b6c 100644 --- a/tiddlers/content/labs/lab09/_Labs_09_Display the Majors.md +++ b/tiddlers/content/labs/lab09/_Labs_09_Display the Majors.md @@ -15,7 +15,7 @@ We included the existing `students` model to show you that you need to use commas to separate the models. Don't just blindly copy and paste this code --- modify your existing code to match. -4. Add another function to `methods` block that will get the majors. Copy the existing `getProducts` function and adapt it to suit. Make sure that you add a comma to the end of the previous function since commas are used here to separate the functions. +4. Add another function to `methods` block that will get the majors. Copy the existing `getStudents` function and adapt it to suit. Make sure that you add a comma to the end of the previous function since commas are used here to separate the functions. 5. Add another call to `mounted` that calls the new function to load the majors when the page loads. @@ -27,8 +27,8 @@
``` - This is the same technique that we used for the products. We use `v-for` to repeat the tag as many times as we need and a template (the double curly braces) to display the values. + This is the same technique that we used for the students. We use `v-for` to repeat the tag as many times as we need and a template (the double curly braces) to display the values. The `div` is there to make it easier to centre the buttons --- if you set the `text-align` style to `center` for the `div` then the buttons should be centered. - 6. Reload the page in the browser. You should see the categories. \ No newline at end of file + 6. Reload the page in the browser. You should see the majors. \ No newline at end of file diff --git a/tiddlers/content/labs/lab09/_Labs_09_Filter by Major.md b/tiddlers/content/labs/lab09/_Labs_09_Filter by Major.md index a1a7b7e..bcd6a10 100644 --- a/tiddlers/content/labs/lab09/_Labs_09_Filter by Major.md +++ b/tiddlers/content/labs/lab09/_Labs_09_Filter by Major.md @@ -1 +1 @@ -Let's implement the filter by major feature in the Vue client. Currently, we don't have any web service paths that returns the majors, or filtered products, so we will first need to add those features to the web service. \ No newline at end of file +Let's implement the filter by major feature in the Vue client. Currently, we don't have any web service paths that returns the majors, or filtered students, so we will first need to add those features to the web service. \ No newline at end of file diff --git a/tiddlers/content/labs/lab09/_Labs_09_Filtering by Major.md b/tiddlers/content/labs/lab09/_Labs_09_Filtering by Major.md index 7c9b3ca..6a273ee 100644 --- a/tiddlers/content/labs/lab09/_Labs_09_Filtering by Major.md +++ b/tiddlers/content/labs/lab09/_Labs_09_Filtering by Major.md @@ -1,4 +1,4 @@ -Now we need to add click handlers to the majors so that the products can be filtered: +Now we need to add click handlers to the majors so that the students can be filtered: 1. Add a function to `methods` block that will act as the click handler for a major: @@ -53,6 +53,6 @@ 5. Save, reload, test. - You should be able to select a category and see the student list being filtered to only that major (via your DAO `filterByMajor` method). Note that there is no direct relationship between the `filterByMajor` function in the JavaScript and the `filterByMajor` method in the DAO --- we can use a different name for the JavaScript version if we want to. There is an indirect relationship however --- the JavaScript function is using Axios to send an HTTP request to the web service that will trigger the `filterByMajor` method to be called on the DAO. + You should be able to select a major and see the student list being filtered to only that major (via your DAO `filterByMajor` method). Note that there is no direct relationship between the `filterByMajor` function in the JavaScript and the `filterByMajor` method in the DAO --- we can use a different name for the JavaScript version if we want to. There is an indirect relationship however --- the JavaScript function is using Axios to send an HTTP request to the web service that will trigger the `filterByMajor` method to be called on the DAO. 6. For the "All" major, you can add another button to the `div` that calls the existing `getStudents` method. \ No newline at end of file