利用Python为女神制作一个专属网站
目录
- 数据准备
- 网站搭建
- 服务部署
先来看一下效果吧,只要有足够的照片素材,捕获女神的心就指日可待
怎么样,看起来还可以吧
下面就一起来完成吧
数据准备
首先是测试图片的获取,毕竟萝卜哥当前还没有那么多女神的照片
这里我使用如下网站的高清图片,嗯,各个都是大美女
抓取的代码比较简单
import requests import json def get_pic(): headers = {"Accept": "application/json, text/javascript, */*; q=0.01", "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 11_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36", "Cookie": "Hm_lvt_6e8dac14399b608f633394093523542e=1607173561; Hm_lvt_ea4269d8a00e95fdb9ee61e3041a8f98=1621344383; Hm_lpvt_ea4269d8a00e95fdb9ee61e3041a8f98=1621344423", "Referer": "http://lab.mkblog.cn/wallpaper/"} pic_url = "http://lab.mkblog.cn/wallpaper/api.php?cid=6&start=0&count=100" pic_res = requests.get(pic_url, headers=headers) pic_res_json = pic_res.json() pic_info = pic_res_json.get("data") pic_url = [] num = 0 try: for i in pic_info: if num % 5 == 0: pic_url.append(i["url"]) if num % 5 == 1: pic_url.append(i["img_1600_900"]) if num % 5 == 2: pic_url.append(i["img_1366_768"]) if num % 5 == 3: pic_url.append(i["img_1280_800"]) if num % 5 == 4: pic_url.append(i["img_1024_768"]) num += 1 except: pass return pic_url def save_pic_url(data): json.dump(data, open("pic_url.json", 'w')) if __name__ == '__main__': pic_url = get_pic() save_pic_url(pic_url)
因为网站提供了不同分辨率的图片,所以也就根据一定的规则来获取不同分辨率的图片了。
接下来是获取渣男话术,哈哈哈哈,又是一个有趣的网站,感兴趣的朋友自行查看吧
由于这个接口是有调用频率限制的,那么也抓取一些到本地吧
def get_data(): headers = {"Accept": "application/xml", "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 11_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36"} url = "https://nihaowua.90so.net/api/wus" res = requests.get(url, headers=headers).json() return res if __name__ == '__main__': data_list = [] for i in range(10): data = get_data() data_list.append(data.get("title")) time.sleep(10) json.dump(data_list, open("data.json", "w"))
网站搭建
首先我们还是通过简单的 Flask 来进行后台的搭建
index 视图
@app.route('/', methods=['GET', 'POST']) def index(): pic_list = json.load(open("pic_url.json")) seg = int(len(pic_list)/4) data = [] socre = 5 for n in pic_list[:seg]: tmp_data = [] pic_url = random.choice(pic_list) tmp_data.append(pic_url) tmp_data.append(pic_list.index(n)) data.append(tmp_data) return render_template('index.html', data=data, score=socre)
还是比较简单的,拿到图片地址文件中的数据后,根据规则展示一部分图片
下面是 index.html 的部分核心代码
图片展示代码
{% for p in data %} <article class="white-panel"> <img class="thumb" data-original="{{ p[0] }}"> <h1><a href="{{ url_for('nvshen', id=p[1]) }}" rel="external nofollow" title="去投票" target="_blank">爱你</a> </h1> </article> {% endfor %}
懒加载图片的 js 代码
function getData(page) { var xhr = new XMLHttpRequest(); xhr.responseType = "json"; xhr.open('POST', '/api/getdata/' + page, true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onload = function (ev) { if(this.status === 200) { if(this.response['end'] === true) { flag = false; } var mydata = this.response['msg']; //console.log(mydata[1][2]); for(var i=0, len=mydata.length; i<len; i++){ var myurl = mydata[i][0]; var htmlText = '<article class="white-panel">' + '<img data-original=' + myurl +' class="thumb">' + '<h1>' + '<a href=URL title="去投票" target="_blank">'.replace("URL", Flask.url_for("nvshen", {id: "1"})) + "爱你" + '</a>' + '</h1>' + '<p>' + '<div id="starBg" class="stars-bg">' + '{% if score == 1 %}' + '<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="star-active" style="width: 20%"></a>' + '{% elif score == 2 %}' + '<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="star-active" style="width: 40%"></a>' + '{% elif score == 3 %}' + '<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="star-active" style="width: 60%"></a>' + '{% elif score == 4 %}' + '<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="star-active" style="width: 80%"></a>' + '{% elif score == 5 %}' + '<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="star-active" style="width: 100%"></a>' + '{% else %}' + '<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="star-active" style="width: 0%"></a>' + '{% endif %}' + '</div>' + '</p>' + '</article>'; var script = '<script>' + '$(function(){' + '$("img.thumb").lazyload();' + '})' + '<\/script>'; $('#gallery-wrapper').append(htmlText); $('body').append(script); } }else if(this.status === 422) { console.log("get data error"); } }; xhr.send(); }
这里用到了 接口 getdata,我们来看看其实现
@app.route('/api/getdata/<int:page>', methods=['POST']) def get_data(page): pic_list = json.load(open("pic_url.json")) seg = 0 seg_page = int(len(pic_list)/4) end = False if page == 2: seg = seg_page seg_page = seg*2 elif page == 3: seg = seg_page*2 seg_page = seg + seg_page elif page == 4: seg = seg_page*3 seg_page = int(len(pic_list)) + 1 end = True elif page == 1: pass else: return jsonify({"msg": "error page id", "code": 422}), 422 data = [] socre = 1 for n in pic_list[seg:seg_page]: tmp_data = [] pic_url = random.choice(pic_list) tmp_data.append(pic_url) data.append(tmp_data) return jsonify({"msg": data, "code": 200, "end": end}), 200
这里有一个分页的机制,用于懒加载图片
接下来就是详情页,也就是展示“渣男语录”的页面
@app.route('/nvshen/<id>/', methods=['GET', 'POST']) def nvshen(id): pic_list = json.load(open("pic_url.json")) pic_url = pic_list[int(id)] data = json.load(open("data.json")) return render_template('nvshen.html', nvshenid=id, main_url=pic_url, data_list=data, user_score=5)
分别拿到当前图片的地址和抓取好的渣男语录,返回给前端
对于 nvshen.html 代码也比较简单,直接来个循环即可
<section id="gallery-wrapper"> {% for d in data_list %} <article class="white-panel"> <!--<img data-original="{{ d }}" class="thumb">--> <h1><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >{{ d }}</a> </h1> </article> {% endfor %} </section>
这样,我们一个简单的女神网站就完成了
服务部署
Python web 的部署,我一般使用 gunicorn
gunicorn 基本配置
# coding=utf-8 import sys import os import multiprocessing path_of_current_file = os.path.abspath(__file__) path_of_current_dir = os.path.split(path_of_current_file)[0] _file_name = os.path.basename(__file__) sys.path.insert(0, path_of_current_dir) worker_class = 'sync' workers = multiprocessing.cpu_count() * 2 + 1 chdir = path_of_current_dir worker_connections = 1000 timeout = 30 max_requests = 2000 graceful_timeout = 30 loglevel = 'info' reload = True debug = False access_log_format = '%(h)s %(l)s %(u)s %(t)s "%(r)s" %(s)s %(b)s "%(f)s" "%(a)s" "%({X-Real-IP}i)s"' bind = "%s:%s" % ("127.0.0.1", 5001) pidfile = '%s/logs/%s.pid' % (path_of_current_dir, _file_name) errorlog = '%s/logs/%s_error.log' % (path_of_current_dir, _file_name) accesslog = '%s/logs/%s_access.log' % (path_of_current_dir, _file_name)
然后再用如下命令就可以启动了
/root/miniconda3/bin/gunicorn -D -c /home/nvshen/app/gunicorn app:app
好了,这样就可以把网站地址告诉女神了,坐等被夸!
到此这篇关于利用Python为女神制作一个专属网站的文章就介绍到这了,更多相关Python制作网站内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
赞 (0)