一套後台管理html模版

最近自己需要一套後台管理的模版，然後去網上查詢，模版的確很多，但是適合我的並不多。我需要的模版是不會很大，我能夠控制**，樣式不要太古樸，最好有點css3的效果。最後終於找到一張主頁，然後再根據這個主頁來編輯其他的後台部分。第一眼看到這個樣式，就非常滿意。現在只做了四張頁面，登入、首頁、選單管理和選單新增頁面。

<

header 
id="header"
>
<
hgroup
>
<
h1 class
="site_title"
><
a href
="index.html"
>website admin
a>
h1>
<
h2 class
="section_title"
>dashboard
h2><
div 
class
="btn_view_site"
><
a href
="">view site
a>
div>
hgroup
>
header
>

.quick_search input[type=text]

這套模版全部是用%設定寬度，這次我也感受到了這種設定方式的便捷。模版只提供了首頁，登入頁面是後面自己加的。這個部分就是自己在最外層定義了乙個寬度，裡面的根據百分比顯示，完全沒有走樣，也不用修改**。

<

div 
class
="w500 mc ovh"
>
<
section 
id="main"
>
<
article 
class
="module width_full"
>
<
header
><
h3>登入
h3>
header
>
article
>
section
>
div>

只是簡單的加了個

就完成了乙個頁面布局。

這個提示直接複製就可以，**很簡潔，樣式看著就是很舒服。

<

h4 class
="alert_info"
>welcome to the free medialoot admin panel template, this could be an informative message.
h4>
<
h4 class
="alert_warning"
>a warning alert
h4>
<
h4 class
="alert_error"
>an error message
h4>
<
h4 class
="alert_success"
>a success message
h4>

後來展示列表資訊，用table比較方便，寬度也是用%比展示，複製到各個頁面能夠很和諧的融入進去。用icon來展示操作，也很清晰。

一直就想試試用css3來製作按鈕特效了，這次終於有機會啦，在網上找了一套，自己做了些細微修改，並做了瀏覽器的相容。

效果的確不錯，但是css的**一下子就增加了好多，而且為了能讓ie8這些不相容css3的瀏覽器能達到差不多的效果，還額外寫了點css，通過js外掛程式modernizr輔助。

a.button a.button:before,

a.button:after a.button:before 
/*modernizr fallback 
*/.no-cssgradients a.button, .no-cssgradients a.button:visited,
.no-borderradius a.button, .no-borderradius a.button:visited,
.no-generatedcontent a.button, .no-generatedcontent a.button:visited

這個也是後面自己新增上去的，挺融入這個風格中的，在裡面也加了些css3的元素

ul.paginationa01 li a

ul.paginationa01 li a:hover,
ul.paginationa01 li a.current
ul.paginationa01 li a:active

在tests資料夾下面，我已經新增好單元測試的模組，能夠讓自己以後的js指令碼**更加的健壯。

通過上面的幾個分解模組，基本上可以滿足後台管理各個部分的樣式需求，自己也可以有一套能修改的管理模版啦！

後台管理系統靜態頁面 一套管理系統基礎模版

一套管理系統基礎模版，提供了些基礎功能 包含 系統使用者，選單，許可權，排程任務，常量，資料字典等功能 方便開發人員專注於業務功能開發。專案前後端分離，前端採用 vue element ui，後端採用 spring boot 後端 前端 src 原始碼目錄 api api assets 資源檔案 c...

一套mysql mysql 命令一套

mysql mysql h主機位址 u使用者名稱 p使用者密碼 首先開啟dos視窗，然後進入目錄mysqlin，再鍵入命令mysql u root p，回車後提示你輸密碼.注意使用者名稱前可以有空格也可以沒有空格，但是密碼前必須沒有空格，否則讓你重新輸入密碼.如果剛安裝好mysql，超級使用者roo...

分享一套 python 試題

賴勇浩 今天在 is better.com 看到一篇 python 面試題集合 同時附在了此文下方 裡面有一些很好的試題，如 python是如何進行型別轉換的？也有一些讓人 的試題，如 python如何實現單例模式？其他23種設計模式python如何實現？在引我思考的同時，也讓我產生把自己之前招聘所...