Maison > interface Web > tutoriel HTML > 使用EXtjs6.2构建web项目

使用EXtjs6.2构建web项目

WBOY
Libérer: 2016-10-22 00:00:11
original
2442 Les gens l'ont consulté

    一、项目简介

    众所周知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>
Copier après la connexion

    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> />
Copier après la connexion

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

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

 

 

 

  

    

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal