前台页面现实修改，完成大概的显示