搭建Extjs框架(一)

搭建Extjs框架 pc端

github https://github.com/Status400/Extjs-6.2.0-demo   欢迎start

准本工作:

      官方下载Extjs  sdk   (本示例版本为6.2.0)

           链接:http://pan.baidu.com/s/1eRV2UYI  密码:6tsy

      安装node.js(省略安装步骤)

一、搭建框架结构

2D393665-4E8C-4D83-889A-A29E0BAB0AFFimage

1、从extjs sdk 拷贝出框架需要的文件,将extjs build 中的js文件 放入框架lib/build 中

image

2.从extjs中取出主题文件放入lib/css中(注意选择一个自己喜欢的主题,将主题中 resoures 文件夹拷贝到 lib/css中)

imageimage

3. 将chart(图表)有关的文件放入框架,因为extjs 的chart(图表)是单独的文件,所以自己项目需要的话,得单独引用。(从extjs sdk 中  build/packages/charts/classic  取出所需文件 放入框架中的build  和  css中)

image

 

 

 

 

4.将extjs 扩招组件/插件  引入框架(因为不是常用,可以按需引用,减少文件体积。所以说框架中引入原始文件而不是build后的,将  sdk packages/ux/classic/src 放入框架ux中)

image

5.创建项目起始页index.html  放入框架根目录。以triton主题为例 依次引入theme-triton-all.css  ,ext-all.js  图表有关文件按自己的需求是否引用 

 

posted @ 2017-09-29 14:49  AikenZhang  阅读(1108)  评论(0编辑  收藏  举报