首頁 >web前端 >html教學 >使用EXtjs6.2建置web項目

使用EXtjs6.2建置web項目

WBOY
WBOY原創
2016-10-22 00:00:112436瀏覽

    一、專案簡介

    眾所周知ext是一款非常強大的表格控件,尤其是裡邊的grid為用戶提供了非常多的功能,現在主流的還是用extjs4.0—4.2,但是更高一點的版本更加符合人的審美要求。因此,在今天咱們建構一下ext6.2版本的web專案。

    二、專案準備

      ExtJS 6.2 GPL正式版下載地址       下載完成之後專案目錄如下:      

    三、建造專案     1、在自己所建立的專案中引用以下js檔案:(注意這邊的js檔案大多都在build資料夾下)

<span style="color: #008080">1</span>       <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">ext-all.js</span><span style="color: #800000">"</span>></script>
<span style="color: #008080">2</span>         <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">ext-all-debug.js</span><span style="color: #800000">"</span>></script>
<span style="color: #008080">3</span>         <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">ext-bootstrap.js</span><span style="color: #800000">"</span>></script>
<span style="color: #008080">4</span>         <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">locale-zh_CN.js</span><span style="color: #800000">"</span>></script>

    2、引用回應的css檔案:(注意:需要將自己的ext-6.2.0buildclassictheme-crisp資料夾下的所有東西都要引入)

<span style="color: #008080">1</span>         <link rel=<span style="color: #800000">"</span><span style="color: #800000">stylesheet</span><span style="color: #800000">"</span> type=<span style="color: #800000">"</span><span style="color: #800000">text/css</span><span style="color: #800000">"</span> href=<span style="color: #800000">"</span><span style="color: #800000">theme-crisp/resources/theme-crisp-all.css</span><span style="color: #800000">"</span> />
<span style="color: #008080">2</span>         <link rel=<span style="color: #800000">"</span><span style="color: #800000">stylesheet</span><span style="color: #800000">"</span> type=<span style="color: #800000">"</span><span style="color: #800000">text/css</span><span style="color: #800000">"</span> href=<span style="color: #800000">"</span><span style="color: #800000">theme-crisp/resources/theme-crisp-all-debug.css</span><span style="color: #800000">"</span> />

    接下來大家就可以寫一個小的demo進行測試了,這樣就完成了ext6.2的搭建。

    部落客建議:ext6.2的功能很多,官方文件也說的很詳細,但是儘管這樣,在實際的專案中可能還會出一些問題,建議大家還是根據官方標準來書寫程式碼。

 

 

 

  

    

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn