先来看一下效果吧，只要有足够的照片素材，捕获女神的心就指日可待

怎么样，看起来还可以吧

下面就一起来完成吧

数据准备

首先是测试图片的获取，毕竟萝卜哥当前还没有那么多女神的照片
这里我使用如下网站的高清图片，嗯，各个都是大美女

抓取的代码比较简单

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)

因为网站提供了不同分辨率的图片，所以也就根据一定的规则来获取不同分辨率的图片了。

接下来是获取渣男话术，哈哈哈哈，又是一个有趣的网站，感兴趣的朋友自行查看吧

​​https://nihaowua.90so.net/api/wus​​

由于这个接口是有调用频率限制的，那么也抓取一些到本地吧

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]) }}" 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="#" class="star-active" style="width: 20%"></a>' +
                                '{% elif score == 2 %}' +
                                '<a href="#" class="star-active" style="width: 40%"></a>' +
                                '{% elif score == 3 %}' +
                                '<a href="#" class="star-active" style="width: 60%"></a>' +
                                '{% elif score == 4 %}' +
                                '<a href="#" class="star-active" style="width: 80%"></a>' +
                                '{% elif score == 5 %}' +
                                '<a href="#" class="star-active" style="width: 100%"></a>' +
                                '{% else %}' +
                                '<a href="#" 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="#">{{ 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

好了，这样就可以把网站地址告诉女神了，坐等被夸！