使用EXtjs6.2构建web项目-html教程-PHP中文网

使用EXtjs6.2构建web项目

php中文网

发布： 2016-10-22 00:00:11

原创

2704人浏览过

　　　　一、项目简介

　　　　众所周知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><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.0\build\classic\theme-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的功能很多，官方文档也说的很详细，但是尽管这样，在实际的项目中可能还会出一些问题，建议大家还是根据官方标准来书写代码。