我們要做出如下圖的兩個頁面，這個是非常中要的，這兩個頁面后和數據和后端代碼緊密相連
要做的簡潔美觀。

---

blogs頁面

---

中間的內容雖然看起來很上，但是時間上還真有點復雜

看第一個部分

附上代碼：

<div class="field"><input type="text" name="title" placeholder="標題"></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">錯誤日志</div><div class="item" data-value="2">開發者手冊</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>

第二部分： 注意這是下面所有的內容都是在一個表單里面的，這樣的布局方式更有利于格式化，看起來會更加的簡單明了。

這是按鈕時間處理的js代碼：

第二部分blogs-input

要做的內容：

這是代碼：


附上代碼：

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。