diff --git a/src/api/user.js b/src/api/user.js
new file mode 100644
index 0000000000000000000000000000000000000000..5298cf52bb0e77bd18d55a06c28ceb0b36c1f536
--- /dev/null
+++ b/src/api/user.js
@@ -0,0 +1,18 @@
+import request from '@/util/request'
+
+//用户主页
+export function getInfoByName(){
+    return request({
+        url: '/user/info',
+        method: 'get',
+        
+    })
+}
+//更新
+export function update(user){
+    return request({
+        url: 'user/update',
+        method: 'post',
+        data: user
+    })
+}
\ No newline at end of file
diff --git a/src/view/user/Profile.vue b/src/view/user/Profile.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d502baf28d6c031c0b9a8ac168d026e6159a01ca
--- /dev/null
+++ b/src/view/user/Profile.vue
@@ -0,0 +1,135 @@
+<template>
+  <div class="member">
+    <div class="columns">
+      <div class="column is-one-quarter">
+        <el-card shadow="never">
+          <div slot="header" class="has-text-centered">
+            <el-avatar :size="64" :src="`https://cn.gravatar.com/avatar/${topicUser.id}?s=164&d=monsterid`" />
+            <p class="mt-3">{{ topicUser.alias || topicUser.username }}</p>
+            
+          </div>
+          <div>
+            <p class="content">积分：<code>{{ topicUser.score }}</code></p>
+            
+            <p class="content">入驻：{{ dayjs(topicUser.createTime).format("YYYY/MM/DD HH:MM:ss") }}</p>
+            
+            <p class="content">简介：{{ topicUser.bio }}</p>
+            
+          </div>
+        </el-card>
+      </div>
+
+      <div class="column">
+        <!--用户发布的话题-->
+        <el-card class="box-card content" shadow="never">
+          <div slot="header" class="has-text-weight-bold">
+            <span>话题</span>
+          </div>
+
+          <div v-if="topics.length===0">
+            暂无话题
+          </div>
+
+          <div v-else class="topicUser-info">
+            <article v-for="(item, index) in topics" :key="index" class="media">
+              <div class="media-content">
+                <div class="content ellipsis is-ellipsis-1">
+                  <el-tooltip class="item" effect="dark" :content="item.title" placement="top">
+                    <router-link :to="{ name: 'post-detail', params: { id: item.id } }">
+                      {{ item.title }}
+                    </router-link>
+                  </el-tooltip>
+                </div>
+                <nav class="level has-text-grey is-size-7">
+                  <div class="level-left">
+                    <span class="mr-1">
+                      发布于:{{ dayjs(item.createTime).format("YYYY/MM/DD HH:mm:ss") }}
+                    </span>
+                  </div>
+                </nav>
+              </div>
+              <div v-if="token" class="media-right">
+                <div v-if="topicUser.username === user.username" class="level">
+                  <div class="level-item mr-1">
+                    <router-link :to="{name:'topic-edit',params: {id:item.id}}">
+                      <span class="tag is-warning">编辑</span>
+                    </router-link>
+                  </div>
+                  <div class="level-item">
+                    <a @click="handleDelete(item.id)">
+                      <span class="tag is-danger">删除</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </article>
+          </div>
+
+          <!--分页-->
+          <pagination
+            v-show="page.total > 0"
+            class="mt-5"
+            :total="page.total"
+            :page.sync="page.current"
+            :limit.sync="page.size"
+            @pagination="fetchUserById"
+          />
+        </el-card>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getInfoByName } from '@/api/user'
+import pagination from '@/components/Pagination/index'
+import { mapGetters } from 'vuex'
+import { deleteTopic } from '@/api/post'
+export default {
+  name: 'Profile',
+  components: { pagination },
+  data() {
+    return {
+      topicUser: {},
+      topics: {},
+      page: {
+        current: 1,
+        size: 5,
+        total: 0
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(['token', 'user'])
+  },
+  created() {
+    this.fetchUserById()
+  },
+  methods: {
+    fetchUserById() {
+      getInfoByName(this.$route.params.username, this.page.current, this.page.size).then((res) => {
+        const { data } = res
+        this.topicUser = data.user
+        this.page.current = data.topics.current
+        this.page.size = data.topics.size
+        this.page.total = data.topics.total
+        this.topics = data.topics.records
+      })
+    },
+    handleDelete(id) {
+      deleteTopic(id).then(value => {
+        const { code, message } = value
+        alert(message)
+        if (code === 200) {
+          setTimeout(() => {
+            this.$router.push({ path: '/' })
+          }, 500)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/view/user/Setting.vue b/src/view/user/Setting.vue
new file mode 100644
index 0000000000000000000000000000000000000000..70bbc68753fd709422268cac44816ea1b9fa496e
--- /dev/null
+++ b/src/view/user/Setting.vue
@@ -0,0 +1,118 @@
+<template>
+  <section>
+    <el-card shadow="never">
+      <div slot="header">
+        个人设置
+      </div>
+      <div class="columns">
+        <div class="column is-full">
+          <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="基础信息" name="first">
+              <el-form :label-position="labelPosition" label-width="100px" :model="user">
+                <el-form-item label="账号">
+                  <el-input v-model="user.username" disabled />
+                </el-form-item>
+                <el-form-item label="昵称">
+                  <el-input v-model="user.alias" />
+                </el-form-item>
+                <el-form-item label="简介">
+                  <el-input v-model="user.bio" />
+                </el-form-item>
+                <el-form-item>
+                  <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
+                  <el-button @click="resetForm('ruleForm')">重置</el-button>
+                </el-form-item>
+              </el-form>
+            </el-tab-pane>
+            <el-tab-pane label="头像" name="second">
+              <figure class="image is-48x48">
+                <img :src="`https://cn.gravatar.com/avatar/${this.user.id}?s=164&d=monsterid`">
+              </figure>
+            </el-tab-pane>
+            <el-tab-pane label="电子邮箱" name="third">
+              <el-form ref="dynamicValidateForm" :model="user" label-width="100px" class="demo-dynamic">
+                <el-form-item
+                  prop="email"
+                  label="邮箱"
+                  :rules="[
+                    { required: true, message: '请输入邮箱地址', trigger: 'blur' },
+                    { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
+                  ]"
+                >
+                  <el-input v-model="user.email" />
+                </el-form-item>
+
+                <el-form-item>
+                  <el-button type="primary" @click="submitForm('dynamicValidateForm')">提交</el-button>
+                  <el-button @click="resetForm('dynamicValidateForm')">重置</el-button>
+                </el-form-item>
+              </el-form>
+            </el-tab-pane>
+            <el-tab-pane label="手机号" name="fourth">
+              <el-form ref="dynamicValidateForm" :model="user" label-width="100px" class="demo-dynamic">
+                <el-form-item>
+                  <el-input v-model="user.mobile" />
+                </el-form-item>
+
+                <el-form-item>
+                  <el-button type="primary" @click="submitForm('dynamicValidateForm')">提交</el-button>
+                  <el-button @click="resetForm('dynamicValidateForm')">重置</el-button>
+                </el-form-item>
+              </el-form>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+      </div>
+    </el-card>
+  </section>
+</template>
+
+<script>
+import {getInfo, update} from '@/api/user'
+export default {
+  name: 'Setting',
+  data() {
+    return {
+      activeName: 'first',
+      labelPosition: 'right',
+      user: {
+        id: '',
+        username: '',
+        alias: '',
+        bio: '',
+        email: '',
+        mobile: '',
+        avatar: ''
+      }
+    }
+  },
+  created() {
+    this.fetchInfo()
+  },
+  methods: {
+    fetchInfo() {
+      getInfo(this.$route.params.username).then(res => {
+        console.log(res)
+        const { data } = res
+        this.user = data
+      })
+    },
+    handleClick(tab, event) {
+      console.log(tab, event)
+    },
+    submitForm(formName) {
+      console.log(this.user)
+      update(this.user).then(res => {
+        this.$message.success('信息修改成功')
+        this.fetchInfo()
+      })
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file