amazeui怎么使用

小編給大家分享一下amaze ui怎么使用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名申請、虛擬空間、營銷軟件、網(wǎng)站建設、睢陽網(wǎng)站維護、網(wǎng)站推廣。

引言

一個前臺頁面的開發(fā)一般需要html、css、javascript三種技術的支持，amazui ui對一些css、js進行了封裝，是其可供用戶直接調用。

使用方法

amaze ui的使用通常有兩種方式：css、js文件復制到項目中；采用cdn方式。（在開發(fā)過程中采用第一種方式；開發(fā)結束需要部署時，采用第二種方式。

具體解釋見附錄1）

方法一

1.將amaze ui對應的zip下載。

解壓后查看該文件夾下的問assets文件，assets文件夾下又包括css、js文件夾，這兩個文件就是amaze ui中封裝，可供用用戶直接使用的樣式。

2.把上述提到的css、js文件夾拷貝到web項目的WebRoot下。

3.在項目中對樣式進行使用。

注：使用hbuilder開發(fā)非常便捷。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>hello amazeui</title>
</head>
<link rel="stylesheet" type="text/css" href="css/amazeui.min.css"/>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/amazeui.min.js"></script>
<body>
  <button class="am-btn-primary am-btn-block " >aaa</button>
</body>
</html>

方法二

在官網(wǎng)上獲取js和css對應的地址，將他們引入到js中。但是使用amaze ui的js，需要jquery的支持，所以需要將其導入，導入次序要在js之前。

<!DOCTYPE html>
<html>
 <head>

<meta charset="utf-8" />
     <title></title  >
     <link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css"/>
     <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
     <script type="text/javascript" src="http://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.js"></script>
	</head>
	<body>
	<button <span style="color:#ff0000;">class</span>="am-btn" value="aa">		
	</button>
	</body>
</html>

我們在class中使用amaze ui已經(jīng)封裝好的格式。

附錄1

在開發(fā)過程中，使用的是hbuilder這個工具，如果將amaze ui的css、js導入到項目中，開發(fā)過程中工具本身會有提示；但是，當用戶訪問該網(wǎng)頁時，每次都會請求本地的css和js資源，會增加部署該項目的服務器的負擔。因此為了避免第二項問題，我們在部署項目時會改變成第二種方式。

以上是“amaze ui怎么使用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章標題：amazeui怎么使用
文章鏈接：http://www.rwnh.cn/article32/jdjjsc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿網(wǎng)站建設、營銷型網(wǎng)站建設、靜態(tài)網(wǎng)站、動態(tài)網(wǎng)站、品牌網(wǎng)站建設、企業(yè)建站

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

amazeui怎么使用