我們要做出如下圖的兩個(gè)頁(yè)面，這個(gè)是非常中要的，這兩個(gè)頁(yè)面后和數(shù)據(jù)和后端代碼緊密相連
要做的簡(jiǎn)潔美觀。

---

blogs頁(yè)面

---

中間的內(nèi)容雖然看起來(lái)很上，但是時(shí)間上還真有點(diǎn)復(fù)雜

看第一個(gè)部分

附上代碼：

<div class="field"><input type="text" name="title" placeholder="標(biāo)題"></div><div class="field"><div class="ui selection dropdown"><input type="hidden" name="type"> <i class="dropdown icon"></i><div class="degault text">分類</div><div class="menu"><div class="item" data-value="1">錯(cuò)誤日志</div><div class="item" data-value="2">開(kāi)發(fā)者手冊(cè)</div></div></div></div><div class="field"><div class="checkbox"><span><input style="vertical-align:middle" type="checkbox" id="recommend" name="recommend" /><label style="vertical-align:middle" for="recommend">推薦</label></span></div></div><div class="field"><button class="ui mini teal basic button"><i class="search icon"></i>搜索</button></div></div></form>

第二部分： 注意這是下面所有的內(nèi)容都是在一個(gè)表單里面的，這樣的布局方式更有利于格式化，看起來(lái)會(huì)更加的簡(jiǎn)單明了。

這是按鈕時(shí)間處理的js代碼：

第二部分blogs-input

要做的內(nèi)容：

這是代碼：


附上代碼：

總結(jié)

以上是生活随笔為你收集整理的小而美的个人博客——后端——管理页面的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。