arrange the front-end and created function total abandoned class