Try to add new feature to a Java Spring boot project

After working on some bugs on Java Spring boot project E-commerce-project-springBoot, I wanna try to add a new feature for this open source project.

Now, most of the code are only work for admin, and when user login as customer, it doesn't work. So I tried to add the customer home page.

First, I learned some basic knowledge on tutorialspoint, I tried the quick start on it and learned the consuming RESTful Web services.

I also learned from the adminHome.jsp where I know the basic format of the jsp file, it is a text document that contains two types of text: static data, which can be expressed in any text-based format (such as HTML, SVG, WML, and XML), and JSP elements, which construct dynamic content. And in this project, the user uses html before, so I also used html and add the dynamic content. Because I want to show the customer name and all the products on the customer home. I learned the code from /admin/product where can show all the product.

Later I found a good way to show all the product. I can use the forEach in my jsp file after I passed all the products in the function in UserController.

<!-- Container for Cards --> <div class="container-fluid"> <div class="row"> <c:forEach var="product" items="${products}"> <div class="col-sm-3 pt-4"> <div class="card" style="background-color: white;"> <div class="card-body text-center"> <h4 class="card-title">${product.name}</h4> <img src="${product.image}" alt="${product.name}" height="150px" width="150px"> <p class="card-text">Description: ${product.description}</p> <p class="card-text">Price: $${product.price}</p> <p class="card-text">Quantity: ${product.quantity}</p> <p class="card-text">Weight: ${product.weight} lbs</p> <a href="/admin/products/${product.id}/edit" class="card-link btn btn-primary"> + Add </a> </div> </div> </div> </c:forEach> </div> </div> 

After checking the username, I rendered the new ModelAndView("userHome"), I got all the products by using productService.getProducts function. So I can pass the user and products list into my view and run it.

Additional, I change the route to loginValidate since it's more reasonable.

 @RequestMapping(value = "loginvalidate", method = RequestMethod.POST) public ModelAndView userlogin( @RequestParam("username") String username, @RequestParam("password") String pass) { User user = this.userService.checkLogin(username, pass); System.out.println(user.getUsername()); if(user.getUsername().equals(username)) { ModelAndView mView = new ModelAndView("userHome"); mView.addObject("user", user); List<Product> products = this.productService.getProducts(); if (products.isEmpty()) { mView.addObject("msg", "No products are available"); } else { System.out.println(products.get(0).getName()); mView.addObject("products", products); } return mView; }else { ModelAndView mView = new ModelAndView("userLogin"); mView.addObject("msg", "Please enter correct email and password"); return mView; } } 

After combining all of these work, I can run the userHome now!

This is my first time to add a new feather for the java spring boot project. When I figured all of this out and made the user home page, I felt a sense of accomplishment.

I create the PR, but because I changed the master code already in the UserController , I got the branch has conflicts that must be resolved, and wait the author to review it.