码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-04 01:05:37      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:ext js   项目   导入   

由于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”的错误。暂时未找到合适调用方法。


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

标签:ext js   项目   导入   

原文地址:http://dqhuang.blog.51cto.com/2522725/1670666

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!