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中。

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

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

作者:Star-Hitian,转载请注明原文链接:https://www.cnblogs.com/Star-Haitian/p/14985657.html

原文地址:https://www.cnblogs.com/Star-Haitian/p/14985657.html