First frontend commit
Change-Id: Ieab79fc7bf553cdce5384dadcdc03695c357eace
diff --git a/frontend/my-app/src/pages/UserProfile.jsx b/frontend/my-app/src/pages/UserProfile.jsx
new file mode 100644
index 0000000..0465994
--- /dev/null
+++ b/frontend/my-app/src/pages/UserProfile.jsx
@@ -0,0 +1,42 @@
+// src/pages/UserProfile.js
+import React from 'react';
+
+const UserProfile = () => {
+ // 假设用户信息保存在 state 或 context 中
+ const user = {
+ avatar: 'path/to/avatar.jpg', // 用户头像
+ username: 'WaldenBlues', // 用户名
+ email: 'waldenblues@example.com', // 用户邮箱
+ bio: '这是用户的个人简介', // 个人简介
+ uploads: 12, // 上传的资源数量
+ downloads: 34, // 下载的资源数量
+ comments: 5 // 用户评论的数量
+ };
+
+ return (
+ <div className="user-profile">
+ <div className="user-info">
+ <img src={user.avatar} alt="User Avatar" className="avatar" />
+ <h2>{user.username}</h2>
+ <p>{user.bio}</p>
+ <p>Email: {user.email}</p>
+ </div>
+
+ <div className="user-stats">
+ <h3>统计信息</h3>
+ <ul>
+ <li>上传的资源: {user.uploads}</li>
+ <li>下载的资源: {user.downloads}</li>
+ <li>评论的资源: {user.comments}</li>
+ </ul>
+ </div>
+
+ <div className="user-actions">
+ <button>Edit Profile</button>
+ <button>Change Password</button>
+ </div>
+ </div>
+ );
+}
+
+export default UserProfile;