搭建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(省略安装步骤)
一、搭建框架结构
1、从extjs sdk 拷贝出框架需要的文件,将extjs build 中的js文件 放入框架lib/build 中
2.从extjs中取出主题文件放入lib/css中(注意选择一个自己喜欢的主题,将主题中 resoures 文件夹拷贝到 lib/css中)
3. 将chart(图表)有关的文件放入框架,因为extjs 的chart(图表)是单独的文件,所以自己项目需要的话,得单独引用。(从extjs sdk 中 build/packages/charts/classic 取出所需文件 放入框架中的build 和 css中)
4.将extjs 扩招组件/插件 引入框架(因为不是常用,可以按需引用,减少文件体积。所以说框架中引入原始文件而不是build后的,将 sdk packages/ux/classic/src 放入框架ux中)
5.创建项目起始页index.html 放入框架根目录。以triton主题为例 依次引入theme-triton-all.css ,ext-all.js 图表有关文件按自己的需求是否引用