前台页面示例