On February 14, 2022, learn the imitation Niuke project - develop the registration function

It opens at /register, Server return site In the catalog register.html
Change the relative path of the top and bottom


change index.html That is, the head registration button on the home page , To achieve Click index.html Registration in , You can jump to the registration page

to header Take the alias , With multiple reuse

stay register Medium multiplexing index Medium header

Because it's not turned on mysql service , therefore
Show as white page

start-up mysql After service , The home page can be displayed normally

Click Register to enter the registration page

This replace The role of is

use index home page ,th Processed relative path

replace register page , of no avail th Processed relative path , Avoid changing one by one into th Relative path of

Guide pack

Configure the domain name , Prepare for sending email

Util class , Generate random string ,MD5 encryption

Inject the bean

Handle null values

Verify whether there are duplicate accounts and mailboxes in the database

Registered account

Change the registration activation page to TH Relative path of

Implementation of activation mail , take email Put in context in , Generate url, then url Put in context in , take context Put it in the template , Dynamic generation , After use mailClient Send E-mail

After that loginController The layer handles the interaction between the front end and the back end


Handle operate-result.html

Modify the relative path

Cover header

Modify the relative path

Dynamic target

modify register.html, Specify the method and path of submission

The front end gets user Of name

springMVC, From the front end, the username Inject user bean in

Allied , Add password

Allied , mailbox

If registration fails , When returning to the page, I hope the user name and other information originally entered will remain

A similar pair of passwords

Allied , Yes, confirm the password

Allied , Right mailbox

thus , Registration failure returns register page , Display the originally filled information , Processing is complete .
Here's how to deal with it , Dynamically display error messages

Dynamic display , This account has been registered

Allied , Dynamic display password has been registered

Allied , Email registered

Dynamic processing , No error message will be displayed when the registration is successful

Dynamic splicing ,from-control There has always been , If usernameMsg Not empty , Back panel is-invalid
Then the bottom , Account already exists ！ part

Allied , Change Password

Allied , Right mailbox

To test , Use the niuke account number

Test mailbox

Test the registered account

After success, jump back to the home page

Several states of activation

userservice Inherit the interface

userservice Activation

logincontroller from service Accept the result of activation

Add access to the login page

Deal with the login page

Deal with the bottom js

Cover header

To configure index Login path of homepage

test , You can visit the login page


because qq Mailbox problem , I clicked before , So it is activated repeatedly


You can see that the registered account has been put into the database

Change the verification code image of the login page ,


The verification code can be displayed normally