[Python #19] [Django #12] 穿上CSS搜索功能 by june0620

hive-101145 · @june0620 · Sep 15 '20

$21.52

[Python #19] [Django #12] 穿上CSS搜索功能

pixabay
https://cdn.pixabay.com/photo/2019/03/12/20/27/kanban-4051777_1280.jpg
***

上期只使用了HTML form来显示搜索框，只有骨架没有肉体。
今天就给这个骨架穿上CSS及简单的动态。 

#### 构想
1. 在主页上部显示一个大搜索框，这个搜索框只限搜索texts的搜索，隐藏掉tag和title搜索。
2. 这个搜索框需要容纳多个关键词，则需要js动态来控制负数参数。
3. 添加一个[搜索更多]按钮，点击时显示tags，titles，texts三个搜索框。

但对一个不太懂CSS与JS的初学者来说，实现这些功能非常艰难。
所以呢～～～ 我就借用开源的力量，网上应该有很多开源的代码。 

###### 探索开源1
如我所料，发现网上有很多 Bootstrap 例子。
其中https://colorlib.com/wp/free-css3-html5-search-form-examples/ 的v4最合我意，都实现好了的复数搜索框。
用它可以一并解决上述1，2，就你了。
![](https://cdn.steemitimages.com/DQmQukh3k1T2ungVeFwqvT1WecURkGGVmkzZQdsbFwpZGAn/image.png)

###### 探索开源2
w3schools有例子可以解决我第三个问题了。 
https://www.w3schools.com/howto/howto_js_collapsible.asp

两个开源代码来之不易，我得怎么料理它们呢？
因技术有限无法实现太复杂的UI，只能简单的实现了，上层大搜索框，下层显示‘搜索更多’按钮，点击按钮时第三行显示选项。背景颜色给我喜欢的蓝，黄，红，绿单色。OK 

#### 实现
首先在项目根目录创建一个static文件夹，在之下创建三个文件夹叫 css, images, js 并把开源代码放在其中。 
![](https://cdn.steemitimages.com/DQmYci2Cf1M6XyaQqz53rkkSSKWttad9merFysHdES5BgMY/image.png)

此后，用django的设置来读取static文件夹。在settings.py文件设置如下。 
```
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.2/howto/static-files/

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]
```
<p></p>

![](https://cdn.steemitimages.com/DQmdgHuxTVzcrmJGBUz4hCHzBXBZZMn1Hjdo9uzhv8PxTpL/image.png)


검색 기능은 메인에 노출해야 하므로 base.html에 코드를 추가하자. 주의할 점은 `{% load static %}`로 static 파일을 읽어야 한다. 또한 `<link href="{% static 'css/main.css' %}" rel="stylesheet" />`로 css 파일을 읽어온다. 

```
{% load static %}
{% load post_extras %}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,800" rel="stylesheet" />
<link href="{% static 'css/main.css' %}" rel="stylesheet" />

{% spaceless %}
{% endspaceless %}

<html lang="en">
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title>D_Blog</title>
      
  </head>
  <body>
      <header>
          <nav>
              <div class="s004">
              <form action="/{{ request.path | get_account_form_url }}/search/" method="get">
                  <div class="inner-form">
                    <div class="input-field">
                      <input class="form-control" id="choices-text-preset-values" name="texts" type="text" placeholder="Type to search..." />
                        <button class="btn-search" type="submit">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                          <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                        </button>
                      </div>
                  </div>
              </form>
              </div>
              <div class="collapsible-container">
                  <button class="collapsible">Advanced search</button>
                  <div class="content">
                      <form class="adv-form" action="/{{ request.path | get_account_form_url }}/search/" method="get">
                          <input id="tags" type="text" name="tags" value="" placeholder="tags">
                          <input id="titles" type="text" name="titles" value="" placeholder="titles">
                          <input id="texts" type="text" name="texts" value="" placeholder="texts">
                          <input type="submit" value="Search">
                      </form>
                  </div>
              </div>
          </nav>
      </header>

      <script src="{% static 'js/choices.js' %}"></script>
      <script>
          var textPresetVal = new Choices('#choices-text-preset-values', {
              removeItemButton: true,
          });
          
          var coll = document.getElementsByClassName("collapsible");
          var i;
          for (i = 0; i < coll.length; i++) {
              coll[i].addEventListener("click", function() {
                  this.classList.toggle("active");
                  var content = this.nextElementSibling;
                  if (content.style.maxHeight){
                      content.style.maxHeight = null;
                  } else {
                      content.style.maxHeight = content.scrollHeight + "px";
                  }
              });
          }
      </script>
{% block content %}
{% endblock content %}
    </body>
</html>

```

#### 结果 

**输入多个关键词 & 第三行隐藏**
![](https://cdn.steemitimages.com/DQmdoT1qkephkiGq81yoaSHeWLcGDGwgcX49yLPwqdQciRt/image.png)

**第三行显示**
![](https://cdn.steemitimages.com/DQmWpHyEX9GfbMmJCcytWyh9tn6xompMQZCu7b151kZHSCz/image.png)

背景色太耀眼？，以后再改改吧。  

***
**[Cookie 😅]**
Python 3.7.4
Django 2.2.4
steem-python 1.0.1
goorm IDE 1.3

👍 xeldal, justyy, minigame, enki, gotogether, upvu, virus707, exyle, ctime, mmmmkkkk311, axel-blaze, ezzy, tipu, successgr, sct.krwp, steem-agora, mehta, adol, centering, dev.supporters, june0620, carilinger, lucky2015, enlil, sardrt, dine77, allsale, sindong, oldstone, bcm, sklara, girolamomarotta, accelerator, dlike, photoholic, gghite, jamjamfood, marsswim, maxuve, babysavage, sct.curator, mikitaly, apoloo1, gerber, wisdomandjustice, bert0, nealmcspadden, mangou007, gruntalpha, grunt, steem.leo, pixelfan, slowwalker, ravenkim, elizacheng, blockcleaner, josevas217, sweet-jenny8, ufm.pay, bugabuga, gopower, jianan, ericandryan, freegon.sct, and 90 others
👎 azomath, chiomna

`post_id`	87,521,952
`author`	june0620
`permlink`	python-19-django-12-css
`category`	hive-101145
`json_metadata`	{"tags":["hive-101145","cn","mini","zzan","sct-cn","sct-freeboard","dblog","dev","sct"],"image":["https:\/\/cdn.pixabay.com\/photo\/2019\/03\/12\/20\/27\/kanban-4051777_1280.jpg","https:\/\/cdn.steemitimages.com\/DQmQukh3k1T2ungVeFwqvT1WecURkGGVmkzZQdsbFwpZGAn\/image.png","https:\/\/cdn.steemitimages.com\/DQmYci2Cf1M6XyaQqz53rkkSSKWttad9merFysHdES5BgMY\/image.png","https:\/\/cdn.steemitimages.com\/DQmdgHuxTVzcrmJGBUz4hCHzBXBZZMn1Hjdo9uzhv8PxTpL\/image.png","https:\/\/cdn.steemitimages.com\/DQmdoT1qkephkiGq81yoaSHeWLcGDGwgcX49yLPwqdQciRt\/image.png","https:\/\/cdn.steemitimages.com\/DQmWpHyEX9GfbMmJCcytWyh9tn6xompMQZCu7b151kZHSCz\/image.png"],"links":["https:\/\/colorlib.com\/wp\/free-css3-html5-search-form-examples\/","https:\/\/www.w3schools.com\/howto\/howto_js_collapsible.asp"],"app":"steemcoinpan\/0.1","format":"markdown","canonical_url":"https:\/\/www.steemcoinpan.com\/@june0620\/python-19-django-12-css"}
`created`	2020-09-15 12:14:00
`last_update`	2020-09-15 12:14:00
`depth`	0
`children`	10
`net_rshares`	48,711,424,663,339
`last_payout`	2020-09-22 12:14:00
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	11.326 SBD
`curator_payout_value`	10.189 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	5,103
`author_reputation`	219,336,602,045,061
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (156)

voter	rshares	pct
xeldal	10,336,956,768,449	25%
enlil	140,288,132,547	25%
adol	333,601,503,089	25%
enki	5,698,207,602,206	25%
mangou007	13,780,281,256	8.39%
gerber	17,025,589,923	10.8%
ezzy	598,445,083,169	10.8%
slowwalker	12,080,864,972	10%
exyle	860,490,098,740	10.8%
bert0	15,847,713,013	8.39%
oldstone	84,574,735,276	10%
justyy	9,198,254,810,086	34.04%
jack8831	4,400,912,516	25%
happyukgo	5,308,904,588	35.04%
sardrt	138,095,992,361	30%
elizacheng	10,427,436,914	5.12%
centering	283,847,546,608	31%
allsale	105,615,815,835	36%
jamjamfood	51,349,374,127	16%
virus707	1,312,712,874,664	4%
dexpartacus	47,152,019	50%
apoloo1	17,166,799,456	8.5%
doraemon	249,532,112	100%
robinlee	117,670,245	35.04%
dine77	120,641,093,238	6.03%
pixelfan	12,416,492,306	2.15%
rainyapril	117,838,836	35.04%
kikima	206,288,972	35.04%
geass	165,593,011	35.04%
tipu	514,314,342,666	1%
accelerator	57,394,260,313	10.8%
june0620	150,543,302,182	100%
deathwing	969,986,106	27%
superbing	1,362,006,234	35.04%
dailyfortune	1,100,318,177	35.04%
dailystats	1,783,895,406	35.04%
khaleelkazi	1,362,547,723	10.8%
flamingirl	2,205,135,384	8.39%
jianan	6,737,344,010	35.04%
emrebeyler	0	10.8%
cnbuddy	1,672,510,235	0.1%
daxiang	44,948,539	35.04%
anxin	827,332,838	35.04%
mikitaly	19,265,874,157	25%
girolamomarotta	68,405,398,436	50%
mehta	349,292,355,646	40%
mmmmkkkk311	831,357,728,898	100%
nealmcspadden	14,311,384,763	10.8%
madokami	0	35.04%
nean	119,295,155	35.04%
foodielifestyle	99,497,958	35.04%
woolfe19861008	725,873,491	35.04%
marsswim	39,384,823,966	50%
dailychina	2,110,277,644	35.04%
photoholic	54,444,096,321	10%
vincenthan	136,179,516	35.04%
yuxuan	52,029,327	35.04%
dongfengman	3,819,812,700	35.04%
serenazz	347,979,081	35.04%
yedda	116,180,542	35.04%
zasilla	115,857,230	35.04%
ayanamoon	0	35.04%
mad-runner	4,428,717,156	50%
ethanlee	1,594,875,420	35.04%
twinsnicole	120,136,224	35.04%
deepthinking	123,209,961	35.04%
dhingvimal	2,551,131,442	40%
josevas217	7,764,123,949	5.1%
fanso	459,091,783	35.04%
franyeligonzalez	4,273,150,510	4.25%
lucky2015	142,809,895,704	50%
allnews	4,005,115,632	50%
lilypang22	426,224,529	35.04%
fishcc	0	35.04%
fishdd	0	35.04%
lilyan	10,421,080	35.04%
gghite	52,200,753,056	100%
zens	123,060,071	35.04%
steemitvip	119,769,229	35.04%
regals	117,212,837	35.04%
wisdomandjustice	16,493,638,932	10%
joelone	123,567,490	35.04%
sweet-jenny8	7,434,740,794	35.04%
carilinger	148,919,345,148	25%
ravenkim	11,413,287,125	100%
kemaloz	69,337,741	40%
newsnownorthwest	3,509,396,269	55%
weicomenew	118,446,712	35.04%
laiyuehta	1,665,345,708	35.04%
turtlegraphics	803,320,668	35.04%
ilnegro	462,032,958	50%
dlike	56,442,895,385	3.9%
babysavage	24,576,705,131	100%
witnesstools	2,352,658,629	35.04%
ilovecoding	2,196,779,658	35.04%
steemfuckeos	1,044,101,913	35.04%
sindong	101,990,927,997	30%
kakakk	129,605,568	5%
top.rewards.club	205,614,440	50%
ctime	859,067,860,718	100%
sklara	69,199,290,167	30%
minigame	7,828,824,936,808	45.1%
gruntalpha	13,369,030,523	90%
grunt	13,356,745,536	90%
blockcleaner	8,489,593,399	35.04%
steem.leo	13,065,731,654	10.8%
cplusplus	2,215,782,276	35.04%
realmankwon.scot	1,554,171,406	50%
leo.voter	757,605,430	10.8%
justsoso	533,195,600	35.04%
freegon.sct	6,091,296,106	100%
sct.krwp	406,869,679,755	0.69%
ufm.pay	7,356,053,887	4%
maxuvd	4,565,549,060	11%
maxuve	30,771,051,475	10.36%
longhash	471,173,574	35.04%
cnfish	0	35.04%
llfestyle	76,711,408	35.04%
tmps	1,341,617,929	4%
bcm	70,113,825,742	3.4%
sct.curator	22,028,651,541	25%
axel-blaze	702,754,534,083	50%
inandout	151,820,751	50%
mcgome	1,656,125,907	50%
youngtopia	42,253,621	50%
ysm1360	184,854,069	50%
javb	2,086,982,690	8.5%
realmankwon.cur	42,012,509	50%
we-together	911,474,858	10%
steem-agora	405,914,445,386	10%
chiomna	0	-10%
azomath	0	-10%
erlcet	0	35.04%
bcm.dblog	142,303,476	4.08%
bcm.zzan	0	4.08%
steeemmonsters	0	35.04%
morningshlne	0	35.04%
leodec	0	35.04%
armylove	125,638,614	50%
blue-berry	95,341,396	25%
amatamar	160,380,015	50%
sexybeach	2,217,214,246	35.04%
suckmydick	1,065,220,670	35.04%
chromebook	1,067,595,986	35.04%
successgr	433,635,474,173	5%
ericandryan	6,484,706,132	35.04%
dev.supporters	219,367,477,042	10%
gotogether	2,831,496,320,473	4.29%
gopower	6,974,439,921	4.29%
justyy222	1,044,855,964	35.04%
krwp.abc	0	0.42%
bugabuga	7,038,555,542	5%
upvu	2,623,979,647,295	0.79%
visionaer3003	3,489,420,009	4.8%
discohedge	770,866,585	4%
afzalshaikh	463,435,905	100%

@sct.krwp · Sep 15 '20

@june0620 transfered 1.0 KRWP to @krwp.burn. voting percent : 0.69%, voting power : 79.85%, steem power : 1912853.02, STU KRW : 1200. 
@june0620 staking status : 50 KRWP
                                @june0620 limit for KRWP voting service : 0.1 KRWP (rate : 0.002)
                                What you sent : 1.0 KRWP
                                Refund balance : 0.9 KRWP [46890755 - 487a0c6545b65bc1bd4aad0c45bef3d59efb7492]

properties (22)

`post_id`	87,521,986
`author`	sct.krwp
`permlink`	re--python-19-django-12-css-20200915t121639449z
`category`	hive-101145
`json_metadata`	{"tags":["hive-101145","cn","mini","zzan","sct-cn","sct-freeboard","dblog","dev","sct"]}
`created`	2020-09-15 12:16:42
`last_update`	2020-09-15 12:16:42
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2020-09-22 12:16:42
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	436
`author_reputation`	10,000,000,000,000
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@upvu · Sep 15 '20

<div class='shr_item' style='position:relative; min-height:158px; margin:12px 0; padding:9px 10px; border:1px solid #dbdbdb; border-radius:1px; background-color:#fff;'><div class='item_dtl' style='position:relative; height:158px; padding:5px; border:1px solid #f0f1f4;'><span class='thmb' style='float:left; overflow:hidden; width:156px; height:156px; margin-right:9px; border:1px solid #e7e7e7;'><a href='https://qoo.tn/A3bPVR/Q163214049'><img src='https://steemitimages.com/240x0/https://gd.image-gmkt.com/li/951/279/1472279951.g_400-w-st_g.jpg' width='156' alt='' style='vertical-align: middle; border: 0 none;'></a></span><p class='tit' style='overflow:hidden; max-height:68px; margin-bottom:7px; line-height:17px; color:#000;'>[US$18.50](▼39%)[Xiaomi]🚨2020 최신 항바이러스 필터 입고!!🚨 샤오미 공기청정기 필터 / 미에어 필터 / 고효율 정화 / 활성탄 필터 / 포름알데히드 제거 / 고밀도 헤파필터 / 무료배송</p><span class='url' style='position:absolute; left:170px; bottom:10px; display:block; font-weight:bold; color:#9197a3;'>WWW.QOO10.COM</span></div></div>
<a href="https://coupa.ng/bHgxVT" target="_blank"><img src="https://ads-partners.coupang.com/banners/273559?subId=&traceId=V0-301-bae0f72e5e59e45f-I273559&w=728&h=90" alt=""></a>

properties (22)

`post_id`	87,521,990
`author`	upvu
`permlink`	re--python-19-django-12-css-20200915t121649553z
`category`	hive-101145
`json_metadata`	{"tags":["hive-101145","cn","mini","zzan","sct-cn","sct-freeboard","dblog","dev","sct"]}
`created`	2020-09-15 12:16:51
`last_update`	2020-09-15 12:16:51
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2020-09-22 12:16:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	1,183
`author_reputation`	27,754,495,235,856
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@bo022 · Sep 15 '20

拍拍

properties (22)

`post_id`	87,522,096
`author`	bo022
`permlink`	qgp970
`category`	hive-101145
`json_metadata`	{"app":"steemcn\/0.1"}
`created`	2020-09-15 12:25:48
`last_update`	2020-09-15 12:25:48
`depth`	1
`children`	1
`net_rshares`	0
`last_payout`	2020-09-22 12:25:48
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	2
`author_reputation`	105,250,028,527,773
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@june0620 · Sep 15 '20

谢谢～ 回拍 ^^

properties (22)

`post_id`	87,523,033
`author`	june0620
`permlink`	qgpcw2
`category`	hive-101145
`json_metadata`	{"app":"steemcn\/0.1"}
`created`	2020-09-15 13:45:39
`last_update`	2020-09-15 13:45:39
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2020-09-22 13:45:39
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	9
`author_reputation`	219,336,602,045,061
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@ravenkim · Sep 15 '20

@tipu curate

properties (22)

`post_id`	87,522,842
`author`	ravenkim
`permlink`	qgpc1e
`category`	hive-101145
`json_metadata`	{"users":["tipu"],"app":"steemit\/0.2"}
`created`	2020-09-15 13:27:15
`last_update`	2020-09-15 13:27:15
`depth`	1
`children`	2
`net_rshares`	0
`last_payout`	2020-09-22 13:27:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	12
`author_reputation`	244,843,674,682,222
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@tipu · Sep 15 '20

<a href="https://tipu.online/curator?ravenkim" target="_blank">Upvoted  &#128076;</a> (Mana: 4/6) <a href="https://tipu.online" target="_blank">Passive income with @tipU</a> :)

properties (22)

`post_id`	87,522,844
`author`	tipu
`permlink`	re-qgpc1e-20200915t132730
`category`	hive-101145
`json_metadata`	{}
`created`	2020-09-15 13:27:33
`last_update`	2020-09-15 13:27:33
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2020-09-22 13:27:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	176
`author_reputation`	55,804,171,747,699
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@june0620 · Sep 15 '20

앗! 감사합니다^^

properties (22)

`post_id`	87,523,026
`author`	june0620
`permlink`	re-ravenkim-qgpcut
`category`	hive-101145
`json_metadata`	{"tags":["hive-101145"],"app":"steempeak\/2020.07.1"}
`created`	2020-09-15 13:44:54
`last_update`	2020-09-15 13:44:54
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2020-09-22 13:44:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	10
`author_reputation`	219,336,602,045,061
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@annepink · Sep 18 '20

补拍完👏🏻
俊俊几天没更新了… 上哪里浪去了🤭

properties (22)

`post_id`	87,566,196
`author`	annepink
`permlink`	qguqvt
`category`	hive-101145
`json_metadata`	{"app":"steemcn\/0.1"}
`created`	2020-09-18 11:35:57
`last_update`	2020-09-18 11:35:57
`depth`	1
`children`	2
`net_rshares`	0
`last_payout`	2020-09-25 11:35:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	23
`author_reputation`	160,119,580,804,298
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@june0620 · Sep 20 '20

哈哈，回来了～
最近有点忙，也没有可写的文章 😂 
给萍萍补去～

properties (22)

`post_id`	87,591,814
`author`	june0620
`permlink`	re-annepink-qgy040
`category`	hive-101145
`json_metadata`	{"tags":["hive-101145"],"app":"steempeak\/2020.07.1"}
`created`	2020-09-20 05:48:06
`last_update`	2020-09-20 05:48:06
`depth`	2
`children`	1
`net_rshares`	0
`last_payout`	2020-09-27 05:48:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	33
`author_reputation`	219,336,602,045,061
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@annepink · Oct 5 '20

谢谢俊🥰

properties (22)

`post_id`	87,853,342
`author`	annepink
`permlink`	qhqaaj
`category`	hive-101145
`json_metadata`	{"app":"steemcn\/0.1"}
`created`	2020-10-05 12:20:45
`last_update`	2020-10-05 12:20:45
`depth`	3
`children`	0
`net_rshares`	0
`last_payout`	2020-10-12 12:20:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	4
`author_reputation`	160,119,580,804,298
`root_title`	"[Python #19] [Django #12] 穿上CSS搜索功能"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000