Spring Boot URL is being appended

Question

I'm learning java web app development.
I'm trying to update the user's data with @PutMapping request but my URL is not getting the right value. When I view the user profile my URL looks like baseURL/userProfile/username. Here username is a primary key (means id of the User class). When I click the update profile button the URL becomes /userProfile/userProfile/username. It should be the same as the previous one. Here are my both Get and Put request methods.

Get Method

@RequestMapping("/userProfile/{username}")
    public ModelAndView viewProfile(ModelAndView mv, @ModelAttribute("user") User user, 
            @PathVariable("username") String username) {

        user = userService.getUserDetailByEmailOrUsername(username, "UserProfile");

        System.out.println("Inside /profile\nUsername = " + user.getUsername());
        mv.setViewName("profile");

        mv.addObject("user", user);

        return mv;
    }

Put Method:

    @PutMapping("userProfile/{username}")
    public ModelAndView updateProfile(ModelAndView mv, User user, 
            @PathVariable("username") String username) {

        System.out.println("Inside /updateProfile\nUsername = " + user.getUsername());
        userService.updateUser(user);
        mv.setViewName("dashboard");
        mv.addObject("msg", "Profile Updated Successfully!");

        return mv;
    }

And here is the profile form in JSP

<form:form modelAttribute="user" class="signup-form bg-dark text-light d-flex flex-column align-items-center" action="userProfile/${username}" method="Post"
      oninput="result.value=!!confirm_password.value&&(uPassword.value==confirm_password.value)?'Matched!':'Both password fields must be same!'">
      <div class="text-center mb-4">
            <img class="mb-4" src="images/img_avatar2.png" alt="" width="72" height="72">
            <h2 class="form-signin-heading"></h2>
            <p>Here is your Profile Information</p>
            <hr>
            </div>
            <div class="input-group">
                 <div class="input-group-prepend">
                     <span class="input-group-text">
                         <span class="fa fa-user"></span>
                     </span>                    
                 </div>
                 <form:input type="text" class="form-control" name="username" path="username" disabled="true" placeholder="Username" autofocus=""/>
             </div>
             <br>
             <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                         <span class="fa fa-envelope"></span>
                    </span>                    
                </div>
                <form:input type="email" class="form-control" name="email" path="email" placeholder="Email Address"/>
             </div>
             <br>
             <div class="input-group">
                 <div class="input-group-prepend">
                      <span class="input-group-text">
                           <span class="fa fas fa-address-card"></span>
                      </span>                    
                  </div>
                  <form:input class="form-control" name="fullName" path="fullName" placeholder="Full Name(name & surname)"/>
              </div>
              <br>
              <br>
              <br>
              <div class="input-group">
                  <div class="input-group-prepend">
                      <span class="input-group-text">
                           <span class="fa fa-lock"></span>
                      </span>                    
                  </div>
                  <input type="password" class="form-control" name="oldPassword" placeholder="Old Password Here">
             </div>
             <br>
             <div class="input-group">
                 <div class="input-group-prepend">
                     <span class="input-group-text">
                         <span class="fa fa-lock"></span>
                     </span>                    
                 </div>
                 <input type="password" class="form-control" name="newPassword" placeholder="New Password Here">
             </div>
             <br>
             <div class="input-group">
                  <div class="input-group-prepend">
                      <span class="input-group-text">
                           <span class="fa fa-lock"></span>
                           <span class="fa fa-check"></span>
                           </span>                    
                  </div>
                  <input type="password" class="form-control" name="confirm_password" placeholder="Confirm New Password">
           </div>
           <output name="result" style="text-decoration: blink; color: red"></output>
           <br>

           <br>
           <div class="form-group">
           <button type="submit" class="btn btn-primary btn-lg">Update Profile</button>
    </div>
</form:form>

Please point out why I'm getting userProfile two times in the URL. I think the above code would be sufficient to find out what is wrong. If there is a need to expose more code/classes please let me know.

Regard Inzimam Tariq

Instead of `@PathVariable("username") String username` you can do `@PathVariable String username` since the path variable name is the same as the method parameter. Not sure if that helps. — Matthew S., Dec 18 '19 at 21:27
I think the issue is with action in jsp change it to append `/` -> `action="/userProfile/${username}"` — NullPointerException, Dec 18 '19 at 21:33
@NullPointerException, If I remove `userProfile` from form action then clicking update profile button URL becomes `baseURL/username`. — Inzimam Tariq IT, Dec 18 '19 at 21:42
you don't need to remove anything you had to append `/` to existing value which will make your action as `action="/userProfile/${username}"`. — NullPointerException, Dec 18 '19 at 21:44
@NullPointerException, yeah now URL is showing correctly But on Clicking update button does not trigger PUT method, not even `system.out` statement from that method showing anything — Inzimam Tariq IT, Dec 18 '19 at 21:52
HTML forms doesn't support PUT, so you need to change PUT to POST on server side — NullPointerException, Dec 18 '19 at 21:55
And 1 more question, why forward slash (`/`) is making any difference. I did not use it on user registration form, there it work fine without `/`. — Inzimam Tariq IT, Dec 18 '19 at 21:56
@NullPointerException, its JSP form not HTML. All my views are `.jsp` — Inzimam Tariq IT, Dec 18 '19 at 21:57
It ultimately translates into HTML when renders in browser. Read this https://stackoverflow.com/questions/21130950/why-jsp-is-not-supporting-put-method-on-form-is-there-any-way-to-use-put-meth — NullPointerException, Dec 18 '19 at 22:01

Spring Boot URL is being appended

0 Answers0