vue3 登录页和路由表开发

目录

应用场景/背景描述：

开发流程：

详细开发流程：

总结/分析：

---

背景描述

在上一篇的基础上开始开发，element-plus+vue3

上一篇说道详细迁移的过程，如下：

所以我这篇开始了第一步，中途涉及其他东西，会引入其他篇。 

我找的模板是这里的：https://pnpm.io/zh/motivation

---

开发流程梳理

首先登录功能，需要两个页面，一个登录页，一个登录后跳转到页面，这里叫它首页吧。

1. 先在views底下新建两个页面：首页，登录页
2. 添加两个页面的路由表，这一步把路由表基础部分做了
3. 画登录页和首页的界面
4. 登录，需要向服务发送请求=> 做一下请求拦截和封装
5. 发送请求
6. 响应后存储用户信息，跳转页面
7. 开发首页的样式

详细开发流程

一、新建页面

二、开发界面

因为用的模板，所以有大概的登录和首页界面。

但是还是需要改改代码，更改样式，首先是登录页，需要获取系统的图标，以及更改背景颜色和输入框的样式等。 

---

总结

暂时先写到这里，下面的下一篇写

overl