编写前台逻辑