使用django实现某淘客网站采集功能
原來設(shè)計的效果如下
后來根據(jù)需求又改了一版效果如下
源碼分享：
{% load customtag %}
<!DOCTYPE html>
<html lang="zh-CN">
? <head>
? ? <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">
? ? <meta name="viewport" content="width=device-width, initial-scale=1">
? ? <!-- 上述3個meta標簽*必須*放在最前面，任何其他內(nèi)容都*必須*跟隨其后！ -->
? ? <meta name="description" content="">
? ? <link rel="icon" type="image/png" href="../media/img/default/icon.png">
? ? <title>HDK系統(tǒng)</title>
? ? <!-- ?CSS -->
? ? <link href="/static/css/bootstrap.min.css" rel="stylesheet">
? ? <link href="/static/css/custom.css" rel="stylesheet">
? </head>
? <body>
? ? ?<div id="topcss">
? ? ?<div style="height:30px;"><div style="padding-top:10px;padding-left:10px;float:left;width:50%;">{{uname}},歡迎回來!</div>
? ? ?<div style="padding-top:10px;padding-right:10px;float:right;width:50%;"><a href="/logout" style="float:right;">注銷</a></div>
? ? ?</div>
? ? ?<div style="height:30px;padding-top:10px;padding-left:10px;">到期時間:<k style="color:red;">{{hdkconfinfo.hdk_endtime|date:"Y-m-d H:i:s"}}</k></div>
? ? ?
? ? ?<div style="height:30px;padding-top:10px;padding-left:10px;">狀態(tài): <k style="font-size:13px;">
? ? ?{% if hdktaskinfo.hdktask_status == 1 ?%}
? ? ?<d style="color:#33FF00;">(執(zhí)行中)</d>
? ? ?{% else %}
? ? ?<d style="color:red;">(未執(zhí)行)</d>
? ? ?{% endif %}
? ? ?</k></div>
? ? ?
? ? ?<div style="height:30px;padding-top:10px;padding-left:10px;">分類: <input id="0" type="radio" name="hdksort" checked />全部 <input id="1" type="radio" name="hdksort"/>女裝 <input id="2" type="radio" name="hdksort"/>男裝 <input id="3" type="radio" name="hdksort"/>內(nèi)衣 <input id="4" type="radio" name="hdksort"/>美妝</div>
? ? ?<div style="height:30px;padding-top:10px;padding-left:10px;"> <input id="5" type="radio" name="hdksort"/>飾品 <input id="6" type="radio" name="hdksort" ?/>鞋品 <input id="7" type="radio" name="hdksort"/>箱包 <input id="8" type="radio" name="hdksort"/>兒童 <input id="9" type="radio" name="hdksort"/>母嬰</div>
? ? ?<div style="height:30px;padding-top:10px;padding-left:10px;"> <input id="10" type="radio" name="hdksort"/>居家 <input id="11" type="radio" name="hdksort" ?/>美食 <input id="12" type="radio" name="hdksort"/>數(shù)碼 <input id="13" type="radio" name="hdksort"/>家電 <input id="14" type="radio" name="hdksort"/>其他</div>
? ? ?<div style="height:30px;padding-top:10px;padding-left:10px;"> <input id="15" type="radio" name="hdksort"/>車品 <input id="16" type="radio" name="hdksort" ?/>文體 <input id="17" type="radio" name="hdksort"/>寵物 </div>
? ??
? ??
? ? ?<div style="height:10px;margin-left:10px;width:100%;font-size:13px;"></div>
? ? ?
? ? ?<div style="height:30px;padding-top:10px;padding-left:10px;">店鋪: <input id="1" type="radio" name="hdkshop" checked />天貓 <input id="2" type="radio" name="hdkshop"/>官網(wǎng)旗艦店 <input id="3" type="radio" name="hdkshop"/>阿里健康大藥房 <input id="4" type="radio" name="hdkshop"/>天貓超市</div>
? ? ?<div style="height:30px;padding-top:10px;padding-left:10px;"> <input id="7" type="radio" name="hdkshop" ?/>極有家 <input id="8" type="radio" name="hdkshop"/>ifashion <input id="9" type="radio" name="hdkshop"/>天貓國際 <input id="10" type="radio" name="hdkshop"/>全球購</div>
? ? ?<div style="height:30px;padding-top:10px;padding-left:10px;"> <input id="11" type="radio" name="hdkshop" ?/>品牌直銷 <input id="12" type="radio" name="hdkshop"/>金牌賣家 <input id="13" type="radio" name="hdkshop"/>企業(yè)店鋪</div>
? ? ?<div style="height:10px;margin-left:10px;width:100%;font-size:13px;"></div>
? ? ?<div style="height:15px;width:100%;"></div>
? ? ?{% if hdktaskinfo.hdktask_status == 1 %}
? ? ?<span style="margin-left:10px;height:30px;width:40px;font-size:13px;"><a>執(zhí)行中...請稍后下載查看</a></span>
? ? ?{% else %}
? ? ?<span style="margin-left:10px;height:30px;width:40px;border:1px solid red;border-radius:10%;cursor:pointer;" οnclick="runhdk()"><a>執(zhí)行</a></span>
? ? ?{% endif %} ?
? ? ?<div style="height:25px;width:100%;"></div>
? ? ?<div style="margin-left:10px;height:30px;width:auto">最新excel請點擊<a href="{% url 'downhdk' %}">這里</a>下載</div>
? ? ?<div style="margin-top:10px;height:25px;margin-left:10px;width:100%;font-size:13px;color:red;">ps:目前僅支持店鋪一欄篩選一個條件后的鏈接可識別</div>
? ? ?</div>
? ? ?<script src="/static/js/jquery.min.js"></script>
? ? ?<script src="/static/js/bootstrap.min.js"></script>
? ? ?<script src="/static/js/custom.js"></script>
? ? ?<script src="/static/js/layer/layer.js"></script>
? ?</body>?
?</html>
對應(yīng)服務(wù)端源碼關(guān)注py編程歷史文章獲取
?
?
總結(jié)
以上是生活随笔為你收集整理的使用django实现某淘客网站采集功能的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 加密通讯元年：Signal下载量暴增42
- 下一篇： 基于单片机控制IGBT的应用怎么实现，首