最近有一个项目需要应用extjs作为前端界面,因此研究了一下如何将extjs 6引入到项目中。以下是操作步骤
extjs 6有gpl版本的,下载地址https://www.sencha.com/legal/gpl/
sencha -sdk {pathToSDK} generate app {appName} {pathToProject}
sencha web -port 1841 start
sencha容器默认的访问地址为http://localhost:1841。如果使用默认端口可以不写-port参数,如果是其他端口必须带上-port参数,
如果访问的页面是文件的目录,则需要先进行sencha app build 然后再启动sencha的web容器
sencha app build sencha app watch sencha app refresh
extjs6的本地化是在app.json文件中配置的,不需要直接引入本地化的js文件。本地化参数配置在classisc的参数中,添加以下配置节点参数。
//以下是新增的添加本地化包的代码 "requires" : [ "locale" ], "locale": "zh_CN"配置完毕后需要使用sencha cmd 通过sencha app build重新构建extjs 6才能生效。
extjs通过sencha 构建解压后的目录结构说明
app extjs的开发源码目录,包含应用的模型、视图、控制器及存储定义目录。 - - controller 控制器 - - model 模型 - - store 数据 - - view 视图 build extjs和源码压缩和优化后的可发布的目录 ext extjs的sdk包括源代码和样式 app.js 应用主入口javascript文件。 app.json js配置文件 bootstrap.js 系统初始化和样式类加载文件 index.html 应用HTML入口文件 packager.json 用于Sencha Cmd 创建打包应用时的配置文件 resources 包含应用所需的CSS和图片资源。
web项目中需要的extjs文件和目录
将sencha 生成的extjs目录拷贝到web项目中。
http://blog.csdn.net/tianxiaode/article/details/46744591
http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.data.proxy.Rest