Ace Admin安裝配置教程

 


一、下載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配置完畢。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章