Django5+Vue3:OA系统前后端分离项目实战-前端登录页面实现(9)

Django5+Vue3系列文章

前言

本节开始，全文仅对会员开放。

若点赞和收藏数量超过100，全文将免费开放。

 此项目采用 Django 框架的 5.0.7 版本进行开发。

Django 5.0 支持的 Python 版本为 3.10、3.11 和 3.12。

OA 系统系列文章将持续更新，直至项目的 Docker 部署阶段。

专栏链接:  ~快捷传送门: 留个赞再走呗😭! ~

个人博客: ~所有文章尽在简客免费阅读~

文章目录

目录

Django5+Vue3系列文章

前言

文章目录

一、登录模板下载

二.配置资源

1.模板文件如下结构配置，assets内的原有默认文件均可以删除

2.拷贝index.html中的body>div元素，粘贴至login.vue的template标签内

三.加载外部css文件

1.在login.vue文件的style样式中添加样式

2.解决浏览器适配问题

总结

一、登录模板下载

博主贴心为大家准备好了登录模板，免费供大家学习使用。

• ~传送门：登陆模板（懒人版）~
• ~传送门：登陆模板（未修正版）~

Tips：省时省力建议下载懒人版，想亲手操作建议下载未修正版。

二.配置资源

1.模板文件如下结构配置，assets内的原有默认文件均可以删除