feat: 修改登录界面，登录验证使用后端接口，修改侧边栏

README.md

@@ -1,40 +1,47 @@
-<h1>vue-pure-admin精简版（非国际化版本）</h1>
+### 前端（Vue.js）命名规范
 
-[![license](https://img.shields.io/github/license/pure-admin/vue-pure-admin.svg)](LICENSE)
+#### 变量命名
 
-**中文** | [English](./README.en-US.md)
+- 使用驼峰命名法（camelCase）来命名变量，首字母小写。
+- 示例：`userInfo`, `selectedItem`.
 
-## 介绍
+#### 函数命名
 
-精简版是基于 [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin) 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 [element-plus](https://element-plus.org) 的情况下仍然低于 `2.3MB`，并且会永久同步完整版的代码。开启 `brotli` 压缩和 `cdn` 替换本地库模式后，打包大小低于 `350kb`
+- 同样使用驼峰命名法，以动词开头描述函数的操作。
+- 示例：`getUserData()`, `updateUserProfile()`.
 
-## 版本选择
+#### 组件命名
 
-当前是非国际化版本，如果您需要国际化版本 [请点击](https://github.com/pure-admin/pure-admin-thin/tree/i18n)
+- 使用帕斯卡命名法（PascalCase）来命名组件，每个单词的首字母都大写。
+- 示例：`UserProfile`, `ProductList`.
 
-## 配套视频
+#### 文件命名
 
-- [点我查看教程](https://www.bilibili.com/video/BV1kg411v7QT)
-- [点我查看 UI 设计](https://www.bilibili.com/video/BV17g411T7rq)
+- 使用帕斯卡命名法来命名 Vue 组件文件，同时在文件名中体现出组件的用途。
+- 示例：`UserProfile.vue`, `ProductList.vue`.
 
-## 配套保姆级文档
+#### 常量命名
 
-- [查看文档](https://yiming_chang.gitee.io/pure-admin-doc)
+- 常量全部大写，多个单词间使用下划线分隔。
+- 示例：`MAX_ITEMS`, `API_ENDPOINTS`.
 
-## 预览
+#### CSS 类名
 
-- [查看预览](https://pure-admin-thin.netlify.app/#/login)
+- 使用连字符（kebab-case）来命名类名，保持一致。
+- 示例：`user-profile`, `product-card`.
 
-## 维护者
+#### 路由命名和地址规范
 
-[xiaoxian521](https://github.com/xiaoxian521)
+- 使用小写字母和连字符（kebab-case）来命名路由地址。
+- 示例：`/user-profile`.
 
-## ⚠️ 注意
+---
 
-- 精简版不接受任何 `issues` 和 `pr`，如果有问题请到完整版 [issues](https://github.com/pure-admin/vue-pure-admin/issues/new/choose) 去提，谢谢！
+### 运行命令：
 
-## 许可证
-
-原则上不收取任何费用及版权，可商用，不过如需二次开源（比如用此平台二次开发并开源，要求前端代码必须开源免费）请联系作者获取许可！（免费，走个记录而已）
-
-[MIT © 2020-present, pure-admin](./LICENSE)
+```bash
+npm install -g pnpm  # 下载 pnpm
+pnpm install         # 下载配置项
+pnpm dev             # 运行
+pnpm build           # 打包
+```