使用EXtjs6.2构建web项目

Posted 2020-08-15 DonaHero

　

使用EXtjs6.2构建web项目

　　　　　一、项目简介

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

　　　　二、项目准备

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

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

　　　　三、构建项目

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

1     　　<script type="text/javascript" src="ext-all.js"></script>
2         <script type="text/javascript" src="ext-all-debug.js"></script>
3         <script type="text/javascript" src="ext-bootstrap.js"></script>
4         <script type="text/javascript" src="locale-zh_CN.js"></script>

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

1         <link rel="stylesheet" type="text/css" href="theme-crisp/resources/theme-crisp-all.css" />
2         <link rel="stylesheet" type="text/css" href="theme-crisp/resources/theme-crisp-all-debug.css" />

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

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