Ace Admin安装配置教程
生活随笔
收集整理的這篇文章主要介紹了
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配置完畢。
總結
以上是生活随笔為你收集整理的Ace Admin安装配置教程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vue.js 四(指令和自定义指令)
- 下一篇: CAD导出图片