将Ext JS 6应用程序导入Web项目

由于Ext JS 6包含了Sencha Touch，因而在应用程序结构有了些改变，Ext JS 5的方法已经不适用于新版本了。经过研究，发现6导入Web项目要比5简单。

下面来说说导入的过程。

  1. 使用Sencha Cmd创建应用程序
  2. 创建Web项目
  3. 在Web项目创建脚本目录，如scripts，直接访问路径为http://域名/scripts
  4. 将创建的应用程序目录下的文件和目录全部复制到scripts目录下
  5. 将应用程序下的Index.html目录复制到scripts目录的上一层目录，也就是能通过../index.html访问到的目录
  6. 打开scripts/app.json文件，将indexHtmlPath的值修改为“../index.html”，这里要根据你脚本的访问路径来设置，这里由于是通过http://域名/scripts能访问到app.json文件，因而使用“../index.html”作为值
  7. 将index.html文件的内容复制到你的真正首页，将页面中“Ext.manifest = profile;”这句修改为“Ext.manifest = “scripts/” + profile;”，这样才能正确加载classic.json或modem.json文件。同时修改bootstrap.js的加载路径，以便能加载Bootstrap.js文件。
  8. 在scripts目录运行sencha app build或sencha app refresh生成或刷新一下应用程序

经过以上步骤后，就能通过Web项目的首页访问应用程序了。对于本地化的问题，官网的说明文档还是沿用5的方法， 但是会出现“[WRN] Failed to resolve package ext-locale”的错误。暂时未找到合适调用方法。

posted on 2015-07-03 18:09  木鱼哥  阅读(170)  评论(0)  编辑  收藏  举报

导航