使用EXtjs6.2构建web项目

WBOY
Lepaskan: 2016-10-22 00:00:11
asal
2382 orang telah melayarinya

    一、项目简介

    众所周知ext是一款非常强大的表格控件,尤其是里边的grid为用户提供了非常多的功能,现在主流的还是用extjs4.0—4.2,但是更高一点的版本更加符合人的审美要求。因此,在今天咱们构建一下ext6.2版本的web项目。

    二、项目准备

      ExtJS 6.2 GPL正式版下载地址 :https://www.sencha.com/legal/gpl/

      下载完成之后项目目录如下:      

    三、构建项目

    1、在自己所建立的项目中引用以下js文件:(注意这边的js文件大多数都在build文件夹下)

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

    2、引用响应的css文件:(注意:需要将自己的ext-6.2.0\build\classic\theme-crisp文件夹下的所有东西都要引入)

<span style="color: #008080">1</span>         <link rel="<span" style="color: #800000">"<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 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> />
Salin selepas log masuk

    接下来大家就可以写一个小的demo进行测试了,这样就完成了ext6.2的搭建。

    博主建议:ext6.2的功能很多,官方文档也说的很详细,但是尽管这样,在实际的项目中可能还会出一些问题,建议大家还是根据官方标准来书写代码。

 

 

 

  

    

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!