Let's create the controller and view model for the image page. The controller for the image will be a little more complex, as we'll write the logic to handle uploading and saving of the image files via the form on the homepage.
index function in the image controller will look almost identical to the
index function from the home controller. The only difference is that instead of generating an array of images, we will build a view model for a single image. However, the view model for this image will have a little more information than the one from the homepage, since we are building a page that renders a more detailed view of an image (versus the thumbnail collection on the homepage). The most noteworthy inclusion is that of a
comments array for the image.
Taking another look at the original
index function in our
controllers/image.js file, we can see the simple existing
res.render line of code:
We want to replace this line...