第一个例子是扒这个网页这个网页比较简单没什么图片之类的,js 也就用了一个 Bootstrap 没有自己写js。https://v3.bootcss.com/examples/signin/
直接在元素部分复制 body 粘贴到自己的项目的模板中的 body 部分就可以。head部分自己根据需要添加。弄好之后发现样式还是不太一样。在源代码部分发现我们少了一个 siginin.css 直接单独把这个文件下载下来就可以了。注意在调试的时候禁用缓存。
第二个例子是一个比较复杂一些的例子,包含图片、自己写的 css、自己写的 js。
https://www.jq22.com/yanshi22957
直接到这个页面上 Ctrl S 保存页面的静态文件,但是获取的并不全,最后需要注意一下。然后将html 还有其他静态文件拷贝到我们项目中相应的地方,但是比较头疼的一点就是我们保存下来的 html 中引用静态文件的 src 不是我们项目的 src ,一个个改又相当的麻烦。
这时候可以使用 Pycharm 提供的正则表达式替换功能。Ctrl R 打开替换功能,选中支持正则表达式。
例如我想把所有的css放到我项目的css文件夹 /static/css 中就可以写正则表达式:
"./仿知乎pc登录注册二维码登录页面_files/(.*?.css)"
"./startic/$1"
注意由于我们希望保留原来的文件名,所以需要进行分组,然后使用 $1 引用。
什么什么你还不知道正则表达式怎么用?可以参考这篇文章。