用mui框架渲染，完成登录（添加游客登录按钮） 注册功能（本地存储、渲染） 完成修改密码页面（渲染、跳转） 修改邮箱页面 完成主页面的搭建（显示用户名，底部导航实现）

使用MUI框架进行前端开发，你可以按照以下步骤来构建上述功能：

1. **登录功能**：
- 首先，在HTML中添加一个游客登录按钮，点击事件触发`handleGuestLogin`函数，可以跳转到一个简单的登录表单或者直接保存cookie进行临时身份验证。

   <button onClick={this.handleGuestLogin}>游客登录</button>

- `handleGuestLogin`通常会发送一个GET请求到服务器，如果允许匿名登录则返回token等信息。

2. **注册功能**：
- 使用MUI的`<Form>`组件创建一个注册表单，表单数据本地存储可以使用浏览器的`localStorage`。
- 提交表单后，可以使用AJAX发送POST请求到服务器，成功后清除临时登录状态并提示用户已注册。

3. **修改密码/修改邮箱页面**：
- 创建两个新路由，分别为`/password`和`/email`，展示对应的表单页面。使用MUI的`<Input>`和`<Button>`元素处理输入和提交操作。
- 跳转时携带当前用户的标识，以便针对性地更新其信息。

4. **主页面**：
- 主页面`App.js`中，初始化时从服务器获取用户信息（包括用户名），然后渲染在`<Header>`上显示用户名。
- 底部导航栏可以使用`<AppBar>`和`<Menu>`组件，定义各个链接到其他页面的`<MenuItem>`。

<AppBar position="static">
  <Toolbar>
    <Typography variant="h6">{username}</Typography>
    {/* 底部导航栏 */}
  </Toolbar>
</AppBar>