张筱菓

2025年3月25日

摘要：一. Element-Plus 集成1.1. 全局引入1.2. 按需引入 vite 插件配置 1.3. 图标的引入1.4. ElMessage 引入二。搭建登录页面2.1. 背景的搭建 100vw/vh2.2. 登录界面 Panel2.2.1. 整体界面的搭建标题 tabs 记住密码 / 忘记链阅读全文

posted @ 2025-03-25 22:24 张筱菓阅读(10) 评论(0) 推荐(0)

021 本地缓存和缓存工具的封装

摘要： 1、永久的保留token信息用两个东西 localStorage sessionStorage 第二句 localStorage localStorage 是浏览器提供的一种用于在客户端本地存储数据的对象。它允许网页以键值对的形式保存数据，并且这些数据会一直保留在用户的浏览器中，除非被主动删除，即阅读全文

posted @ 2025-03-25 20:24 张筱菓阅读(37) 评论(0) 推荐(0)

020 接口文档和postman工具

摘要： 1、搜索postman 2、网址：https://www.postman.com/ 3、点击这里 4、点这里 5、等待下载 6、打开所在文件夹 7、双击文件 8、会打开，提示这个使用 Postman 简化 API 交互输入你的工作邮箱你的工作邮箱便于你与团队成员协作。创建免费账户已有账户？登阅读全文

posted @ 2025-03-25 20:22 张筱菓阅读(115) 评论(0) 推荐(0)

2025年3月21日

019 登入页-IAccout对象类型的定义位置和方式

摘要： 1、对类型做一些限制，这里我们对对象类型做一些限制还有一个就是我们调用这里的时候按着Ctrl点击这里，会弹出，这里这样写相当于我们可以直接在这里给这个弄一个泛型这样写这段代码使用 TypeScript 定义了一个名为 IAccount 的接口（Interface），下面为你详细解释：整体阅读全文

posted @ 2025-03-21 15:47 张筱菓阅读(11) 评论(0) 推荐(0)

2025年3月20日

018 登录页-账号的登录逻辑和登录状态保存

摘要：在service文件夹中新建login和main文件夹可以看到request和config这两个文件夹是我们自己封装的一些东西而这里的login和main文件夹是一个模块看我们页面示图views这个文件夹，里面包括一个login和main文件夹，结合上面我们新建立的ervice文件夹中的lo 阅读全文

posted @ 2025-03-20 19:05 张筱菓阅读(30) 评论(0) 推荐(0)

017登录页-表单的验证和EIMessage样式

摘要：校验规则，这个是在表单内，我们的按钮在表单外面没法用所以我们自己拿一下 ElForm 代表 ElementPlus 组件库中的表单组件类型。ElementPlus 是基于 Vue 3 开发的一套 UI 组件库，ElForm 组件用于创建表单，提供了表单验证、布局等功能，方便开发者快速搭建表单界面。阅读全文

posted @ 2025-03-20 19:04 张筱菓阅读(28) 评论(0) 推荐(0)

016登录页-父组件点击login调用子组件的方法

摘要：在这里加上status-icon，表示根据不同的状态，在右边显示一个小图标看看效果这里修改一下这里这样写 1、这段代码定义了一个名为 loginAction 的 JavaScript 函数，下面为你详细解释其含义： function loginAction() { console.log('p 阅读全文

posted @ 2025-03-20 11:21 张筱菓阅读(19) 评论(0) 推荐(0)

2025年3月19日

015账号登录的验证规则配置

摘要：调节框的大小这样写看看效果接下来我们看看我们来做双向绑定，找到我们需要的写进来然后先给表单做一个绑定 item里面通过v-model来绑定account里面的某一个属性看看效果接下来我们看看这里参考这里这样写看看效果我们接着写完看看效果阅读全文

posted @ 2025-03-19 20:24 张筱菓阅读(10) 评论(0) 推荐(0)

014登入页-账号登入Pane的基本搭建

摘要：我们需要的是这个位置的东西新建文件这两个页面这样写单独做一个注册，导入一下，不然的话他会单独做一个自动引入的，像这种东西不要自动引入了，自己来导入吧这两个位置这样写看看效果复制需要的粘贴到删掉没用的数据，保存看看效果修改一下这段代码使用了 ElementPlus 组件库创建了一阅读全文

posted @ 2025-03-19 11:31 张筱菓阅读(15) 评论(0) 推荐(0)

2025年3月18日

代码片段

摘要： snippet generator 005 目录结构划分、CSS样式的重置、router路由配置阅读全文

posted @ 2025-03-18 20:18 张筱菓阅读(8) 评论(0) 推荐(0)

公告