diff --git a/README.md b/README.md
index d10ba53..a68c3d7 100644
--- a/README.md
+++ b/README.md
@@ -10,15 +10,87 @@
 * test： 测试分支
 
 ## 测试环境服务启动
-1. 前端启动：
+1. nginx添加配置：
+```
+ server {
+        listen       80;
+        server_name  localhost;
+
+        #charset koi8-r;
+
+        #access_log  logs/host.access.log  main;
+
+        location / {
+        proxy_pass http://127.0.0.1:8080/;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+    }
+
+		# api
+		location /api/ {
+			proxy_pass http://127.0.0.1:8000;
+			client_max_body_size 100m;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+			#proxy_pass http://127.0.0.1:4523/mock/412521/api/;
+		}
+        error_page   500 502 503 504  /50x.html;
+        location = /50x.html {
+            root   html;
+        }
+
+
+    }
+
+```
+2. 前端启动：
 ```
 进入www页面，执行：npm run serve
 ```
-2. 后端启动
+3. 后端启动
 ```
 uvicorn server.main:app --reload
 ```
 
+## 生产环境部署
+1. 前端执行打包命令
+```
+npm run build
+```
+2. 添加nginx配置
+```
+server {
+        listen 80;
+        location / {
+                root /opt/www; #打包后前端放置目录
+                index index.html;
+                try_files $uri $uri/ /index.html;
+        }
+
+        location /api/ {
+            proxy_pass http://127.0.0.1:8000;
+            client_max_body_size 100m;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+                        #proxy_pass http://127.0.0.1:4523/mock/412521/api/;
+                }
+}
+```
+3. 启动后端服务
+生产环境使用，建议通过gunicorn启动服务
+```
+nohup gunicorn server.main:app -b 127.0.0.1:8000 -w 4 -k uvicorn.workers.UvicornWorker >gunicorn.log 2>&1&
+```
+
 ## 约束
 1. 后端数据库对于布尔值的传递统一数据库设置为tinyint，0为假，1为真
 2. 前端所有bool都0为假，1为真
diff --git a/server/crud/base.py b/server/crud/base.py
index 5a2472e..c298eec 100644
--- a/server/crud/base.py
+++ b/server/crud/base.py
@@ -99,7 +99,7 @@ def search(self, session: Session, search: Pagination, filter_type: Optional[Dic
         else:
             subquery = subquery.order_by(getattr(self.model, order_col))
         subquery = subquery.offset(
-            (search.page - 1) * search.page_size).limit(1).subquery()
+            (search.page - 1) * search.page_size).limit(1).scalar_subquery()
         if search.model == 'desc':
             sql = sql.where(getattr(self.model, order_col) <= subquery).order_by(desc(getattr(self.model, order_col))).limit(
                 search.page_size)
diff --git a/server/crud/internal/dictonary.py b/server/crud/internal/dictonary.py
index 24f741a..d31f43e 100644
--- a/server/crud/internal/dictonary.py
+++ b/server/crud/internal/dictonary.py
@@ -12,7 +12,7 @@ class CRUDDict(CRUDBase[DataDict]):
 
 class CRUDItem(CRUDBase[DictItem]):
     def get_items_by_code(self, db: Session, code: str):
-        dict_id = select(DataDict.id).where(DataDict.code == code).subquery()
+        dict_id = select(DataDict.id).where(DataDict.code == code).scalar_subquery()
         sql = select(self.model).where(self.model.dict_id == dict_id).where(self.model.enable == 1).order_by(
             self.model.sort)
         return db.exec(sql).all()
diff --git a/www/src/components/MenuList.vue b/www/src/components/MenuList.vue
index 2002a35..1da1221 100644
--- a/www/src/components/MenuList.vue
+++ b/www/src/components/MenuList.vue
@@ -2,6 +2,7 @@
   <el-menu
       class="el-menu-vertical-demo"
       router
+      unique-opened
       @open="handleOpen"
       @close="handleClose">
     <el-menu-item index="/dashboard">首页</el-menu-item>
@@ -35,25 +36,24 @@
   </el-menu>
 </template>
 
-<script>
+<script setup>
   import {useStore} from '@/stores'
-  import {mapState} from 'pinia'
+  import {computed} from 'vue'
 
-  export default {
-    computed: {
-      ...mapState(useStore, {
-        menuList: 'asyncRoutes'
-      })
-    },
-    methods: {
-      handleOpen(key, keyPath) {
-        console.log(key, keyPath)
-      },
-      handleClose(key, keyPath) {
-        console.log(key, keyPath)
-      }
-    }
+  const userStore = useStore()
+
+  const menuList = computed(() => {
+    return userStore.asyncRoutes
+  })
+
+  function handleOpen(key, keyPath) {
+    console.log(key, keyPath)
   }
+
+  function handleClose(key, keyPath) {
+    console.log(key, keyPath)
+  }
+
 </script>
 
 <style>
diff --git a/www/src/permission.js b/www/src/permission.js
index 2a469aa..a3c13ba 100644
--- a/www/src/permission.js
+++ b/www/src/permission.js
@@ -6,19 +6,22 @@ import {
 import {
 	makeRouter
 } from "@/utils/router";
+import {useTabsStore} from '@/stores/tabs'
+
 
 
 const whiteList = ['/login'] // no redirect whitelist
 
 router.beforeEach((to) => {
 	const store = useStore()
+	const {tabAdd} = useTabsStore()
 	console.log('start before each')
 
 	if (getToken()) {
 		console.log('已经有token')
 		// 已登录且要跳转的页面是登录页
 		if (to.path === '/login') {
-			return '/dashboard'
+			return '/'
 		} else {
 			console.log('已经登录成功')
 			//登录成功，需要判断router是不是已经按照权限要求构建好，并且菜单是否按照权限要求生成，如没有，则生成
@@ -41,11 +44,12 @@ router.beforeEach((to) => {
 						location.reload()
 					})
 				})
-			} else {
-				console.log('当前生效路由表')
-				console.log(router.getRoutes())
-				return true
 			}
+			console.log('当前生效路由表')
+			console.log(router.getRoutes())
+			tabAdd(to)
+			return true
+
 		}
 	} else {
 		// 无token信息，表示未登录
diff --git a/www/src/router/index.js b/www/src/router/index.js
index 3461ec9..aa6d610 100644
--- a/www/src/router/index.js
+++ b/www/src/router/index.js
@@ -9,11 +9,11 @@ export const constantRouterMap = [
   },
   {
     path: '/dashboard',
-    name: 'dashboard',
     component: () => import('@/views/Layout'),
     children: [
       {
         path: '',
+        name: 'dashboard',
         component: () => import('@/views/DashBoard')
       }
     ]
diff --git a/www/src/stores/index.js b/www/src/stores/index.js
index a7f443d..cb1b3ba 100644
--- a/www/src/stores/index.js
+++ b/www/src/stores/index.js
@@ -1,4 +1,5 @@
 import {defineStore} from 'pinia'
+import {ref} from 'vue'
 import {
   requestLogin,
   GetUserInfo,
@@ -9,72 +10,71 @@ import {
   removeToken
 } from '@/utils/auth'
 
-export const useStore = defineStore('user', {
-    state: () => {
-      return {
-        uid: '',
-        token: '',
-        name: '',
-        avatar: '',
-        asyncRoutes: [],
-        buttons:[],
-      }
+export const useStore = defineStore('user', () => {
 
-    },
+    const uid = ref('')
+    const token = ref('')
+    const name = ref(null)
+    const avatar = ref(null)
+    const asyncRoutes = ref([])
+    const buttons = ref([])
 
-    actions: {
-      //执行登录请求，获取token
-      logIn(userInfo) {
-        const username = userInfo.username
-        const password = userInfo.password
-        const rememberMe = userInfo.rememberMe
-        console.log('user login actions')
-        return new Promise((resolve, reject) => {
-          requestLogin(username, password).then((response) => {
-            console.log(response)
-            setToken(response.token, rememberMe)
-            this.token = response.token
-            this.uid = response.uid
-            resolve()
-          }).catch((error) => {
-            reject(error)
-          })
-        })
-      },
-      // 获取用户状态信息
-      getInfo() {
-        return new Promise((resolve, reject) => {
-          console.log('get user info')
-          GetUserInfo(this.uid).then(response => {
-            this.name = response.name
-            this.avatar = response.avatar
-            resolve(response)
-          }).catch(error => {
-            reject(error)
-          })
-        })
-      },
-      logOut() {
-        return new Promise((resolve) => {
-          this.$reset()
-          removeToken()
+    //执行登录请求，获取token
+    function logIn(userInfo) {
+      const username = userInfo.username
+      const password = userInfo.password
+      const rememberMe = userInfo.rememberMe
+      console.log('user login actions')
+      return new Promise((resolve, reject) => {
+        requestLogin(username, password).then((response) => {
+          console.log(response)
+          setToken(response.token, rememberMe)
+          token.value = response.token
+          uid.value = response.uid
           resolve()
+        }).catch((error) => {
+          reject(error)
+        })
+      })
+    }
+
+    // 获取用户状态信息
+    function getInfo() {
+      return new Promise((resolve, reject) => {
+        console.log('get user info')
+        GetUserInfo(this.uid).then(response => {
+          name.value = response.name
+          avatar.value = response.avatar
+          resolve(response)
+        }).catch(error => {
+          reject(error)
         })
-      },
-      // 获取用户权限列表
-      getPermission() {
-        return new Promise((resolve, reject) => {
-          GetUserPermission().then(response => {
-            console.log('permission response is:')
-            console.log(response)
-            this.asyncRoutes = response.menus
-            this.buttons = response.btns
-            resolve(response)
-          }).catch(error => {
-            reject(error)
-          })
+      })
+    }
+
+    function logOut() {
+      return new Promise((resolve) => {
+        // this.$reset()
+        removeToken()
+        resolve()
+      })
+    }
+
+    // 获取用户权限列表
+    function getPermission() {
+      return new Promise((resolve, reject) => {
+        GetUserPermission().then(response => {
+          console.log('permission response is:')
+          console.log(response)
+          asyncRoutes.value = (response.menus)
+          buttons.value = (response.btns)
+          resolve(response)
+        }).catch(error => {
+          reject(error)
         })
-      }
+      })
     }
+
+    return {uid, token, name, avatar, asyncRoutes, buttons, getInfo, logIn, logOut, getPermission}
   }
 )
\ No newline at end of file
diff --git a/www/src/stores/tabs.js b/www/src/stores/tabs.js
new file mode 100644
index 0000000..03bccde
--- /dev/null
+++ b/www/src/stores/tabs.js
@@ -0,0 +1,59 @@
+import {defineStore} from 'pinia'
+import {computed, nextTick, ref} from 'vue'
+import router from '@/router'
+
+export const useTabsStore = defineStore('tabs', () => {
+  const allTabs = ref([])
+  const currentTab = ref(null)
+  const cacheTabs = ref([])
+
+  const tabsList = computed(() => {
+    return allTabs
+  })
+
+
+  // 打开新tab时执行
+  function tabAdd(to) {
+    const isExist = allTabs.value.some(item => {
+      return item.path === to.fullPath
+    })
+    if (!isExist) {
+      allTabs.value.push({
+        name: to.name,
+        path: to.fullPath
+      })
+      cacheTabs.value.push(to.name)
+    }
+    currentTab.value = to.name
+  }
+
+  function tabRemove(removeTab) {
+    console.log('tab remove:', removeTab)
+    for (let i = 0; i < allTabs.value.length; i++) {
+      if (allTabs.value[i].name === removeTab) {
+        allTabs.value.splice(i, 1)
+        cacheTabs.value.splice(i, 1)
+        const nextId = i === allTabs.value.length ? i - 1 : i
+        currentTab.value = allTabs.value[nextId].name
+        console.log(currentTab.value)
+        router.push(allTabs.value[nextId].path)
+      }
+    }
+  }
+
+  function tabClick(selectTab) {
+    console.log('tab click', selectTab)
+    currentTab.value = selectTab.paneName
+    console.log('current tab value:', currentTab.value)
+    console.log('all tabs:', allTabs)
+    allTabs.value.forEach(tab => {
+      console.log(tab.name)
+      if (tab.name === currentTab.value) {
+        console.log('router to:', tab.path)
+        router.push(tab.path)
+      }
+    })
+  }
+
+  return {currentTab, allTabs, cacheTabs, tabsList, tabAdd, tabRemove, tabClick}
+})
\ No newline at end of file
diff --git a/www/src/views/Layout.vue b/www/src/views/Layout.vue
index 9869db8..6f72a19 100644
--- a/www/src/views/Layout.vue
+++ b/www/src/views/Layout.vue
@@ -9,7 +9,21 @@
           <menu-list></menu-list>
         </el-aside>
         <el-main>
-          <router-view></router-view>
+          <el-tabs style="border-bottom: 0" v-model="currentTab" type="border-card" closable @tab-click="tabClick" @tab-remove="tabRemove">
+            <el-tab-pane v-for="tab in allTabs" :key="tab.name" :label="tab.name" :name="tab.name">
+            </el-tab-pane>
+          </el-tabs>
+
+          <div style="margin-top: 10px">
+             <router-view v-slot="{Component}">
+            <keep-alive :include="cacheTabs">
+              <component :is="Component"/>
+            </keep-alive>
+          </router-view>
+          </div>
+          <!--详见：https://router.vuejs.org/zh/guide/migration/index.html#router-view-%E3%80%81-keep-alive-%E5%92%8C-transition-->
+
+
         </el-main>
       </el-container>
     </el-container>
@@ -19,9 +33,22 @@
 <script setup>
   import MenuList from '../components/MenuList'
   import HeaderContent from '@/components/HeaderContent'
+  import {useTabsStore} from '@/stores/tabs'
+  import {watch} from 'vue'
+  import {storeToRefs} from 'pinia'
 
+  const tabStore = useTabsStore()
+  const {currentTab, allTabs, cacheTabs, tabsList} = storeToRefs(tabStore)
+  const {addTab, tabRemove, tabClick} = tabStore
+
+  console.log(tabsList.value)
+  watch(currentTab, (newValue, oldValue) => {
+    console.log('current Tab changed:', newValue)
+  })
 </script>
 
 <style>
-
+.el-tabs--border-card>.el-tabs__content {
+  padding: 0;
+}
 </style>
diff --git a/www/src/views/system/dictonary/index.vue b/www/src/views/system/dictonary/index.vue
index 4007ef3..7c5ba6d 100644
--- a/www/src/views/system/dictonary/index.vue
+++ b/www/src/views/system/dictonary/index.vue
@@ -60,6 +60,12 @@
 
 </template>
 
+<script>
+  export default {
+    name: '数据字典'
+  }
+</script>
+
 <script setup>
   import {
     Search,
diff --git a/www/src/views/system/menus/index.vue b/www/src/views/system/menus/index.vue
index 7eec67b..71583a6 100644
--- a/www/src/views/system/menus/index.vue
+++ b/www/src/views/system/menus/index.vue
@@ -68,6 +68,12 @@
   </el-drawer>
 
 </template>
+
+<script>
+  export default {
+    name: '菜单管理'
+  }
+</script>
 <script setup>
   import {Plus, ArrowDown} from '@element-plus/icons-vue'
   import {ElMessageBox} from 'element-plus'
diff --git a/www/src/views/system/roles/index.vue b/www/src/views/system/roles/index.vue
index 65d7cd5..1308d94 100644
--- a/www/src/views/system/roles/index.vue
+++ b/www/src/views/system/roles/index.vue
@@ -53,6 +53,12 @@
   </div>
 
 </template>
+
+<script>
+  export default {
+    name: '角色管理'
+  }
+</script>
 <script setup>
   import {reactive, ref, watch} from 'vue'
   import {Search, RefreshRight, Plus} from '@element-plus/icons-vue'
diff --git a/www/src/views/system/user/index.vue b/www/src/views/system/user/index.vue
index 997c022..87cabdf 100644
--- a/www/src/views/system/user/index.vue
+++ b/www/src/views/system/user/index.vue
@@ -63,6 +63,11 @@
   </el-drawer>
 
 </template>
+<script>
+  export default {
+    name: '用户管理'
+  }
+</script>
 <script setup>
   import {
     onMounted,