一、下載Ace Admin
1、進入Ace Admin官方地址http://ace.jeka.by/後,點擊上圖所示的超鏈接進入下載Ace Admin頁面,下載頁面如下圖;
2、按照上圖所示的標註下載Ace Admin框架文件:ace-master.zip,下載後解壓文件目錄如下:
二、測試安裝Ace Admin
1、創建index.html文件,並將下載文件中的文件夾:assets放在同一目錄:
2、在index.html中引入css和js;
要引入的css與js可在解壓文件下的任何html文件中複製粘貼,非常方便。用於測試的index.html代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" />
<link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
<script src="assets/js/ace-extra.min.js"></script>
<title>Insert title here</title>
</head>
<body>
<button class="btn btn-app btn-danger btn-sm">
<i class="ace-icon fa fa-trash-o bigger-200"></i> 刪除
</button>
</body>
</html>
在index.html中創建了一個刪除按鈕,使用火狐瀏覽器打開index.html文件即可查看效果。
至此,ace admin配置完畢。