web 登陆页面订做

需求

按网络上的样式，订做一个自己的登陆页面；

网络上已经很多样式，我们可以找到一个我们自己喜欢的样式，然后复刻一个出来就好了；

login  页面样式查找

首先在 jq22 中找到自己想要的登陆页面的样式，这里我们选择 这个 样式来复刻；

下载 login 页面所有配置

1、打开 login 页面，

 

2、保存网页配置

mac 电脑保存网页配置快捷键是：command + s

3、下载之后的样子

 

下载完之后会有两个文件，一个是html，另外一个是login_files目录，里边存放着login.html需要的js、css、图片信息

三、将页面放到自己的项目中

1、用下载的login.html取代自己的login.html

2、将login_files文件中的js、css、图片放入自己的配置中

 

放到自己的项目中是类似于这样的

 

3、修改login.html中对js、css和图片的引用

 

备注：正则中的表达式的意思

./后台登录_files/(.*?.js)  # 查找 “./后台登录_files/” + js 结尾的内容

/static/js/$1                #这里$1指上边 （）中的内容

js和css的引用修改完之后就可以启动django，访问自己的login页面了

 

备注

有一些登陆页面用这种方式保存下载，然后拷贝到自己的项目中时可能会出现一些图片的缺失；

这个时候就需要打开浏览器的调试模式，去原页面上找到这个缺失的图片，单独下载下来，然后保存到自己项目中对应的目录中。

最后修改引用该图片的html文件，如果html中找不到该引用配置，可能会在js中、也可能会是在css中。

反正就是多找找就好了，我们保存的网页文件又不多，肯定能找到的。

 

如果还有其他问题没有说到的，也请大家反馈给我，，，谢谢