最近有一个项目需要应用extjs作为前端界面,因此研究了一下如何将extjs 6引入到项目中。以下是操作步骤

extjs6下载地址

extjs 6有gpl版本的,下载地址https://www.sencha.com/legal/gpl/

sencha cmd 搭建extjs 6环境

  • 安装sencha cmd
  • 下载extjs6 并解压
  • cmd 进入到extjs6的解压目录 执行sencha应用程序生成命令
       sencha -sdk {pathToSDK} generate app {appName} {pathToProject}
  • 启动sencha 容器
      sencha web -port 1841 start

sencha容器默认的访问地址为http://localhost:1841。如果使用默认端口可以不写-port参数,如果是其他端口必须带上-port参数,

如果访问的页面是文件的目录,则需要先进行sencha app build 然后再启动sencha的web容器

  • sencha cmd其他指令
       sencha app build
sencha app watch
sencha app refresh

extjs6本地化

extjs6的本地化是在app.json文件中配置的,不需要直接引入本地化的js文件。本地化参数配置在classisc的参数中,添加以下配置节点参数。

    //以下是新增的添加本地化包的代码
"requires" : [
"locale"
],
"locale": "zh_CN"

配置完毕后需要使用sencha cmd 通过sencha app build重新构建extjs 6才能生效。

extjs 目录说明

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文件和目录

  1. extjs-all.js
  2. extjs-base.js
  3. zoomkey
  4. resource
  5. plugins

extjs引入到web项目中

将sencha 生成的extjs目录拷贝到web项目中。

参考资料

http://www.qeefee.com/article/000338
         http://docs.sencha.com/extjs/6.0/getting_started/getting_started.html
         http://lzw.me/a/sencha-touch-getting-started.html

http://blog.csdn.net/tianxiaode/article/details/46744591

http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.data.proxy.Rest

extjs6整合到web项目中的更多相关文章

  1. web项目中加入struts2、spring的支持,并整合两者

    Web项目中加入struts2 的支持 在lib下加入strut2的jar包 2. 在web.xml中添加配置 <filter> <filter-name>struts2< ...

  2. Axis2在Web项目中整合Spring

    一.说明: 上一篇说了Axis2与Web项目的整合(详情 :Axis2与Web项目整合)过程,如果说在Web项目中使用了Spring框架,那么又改如何进行Axis2相关的配置操作呢? 二.Axis2 ...

  3. spring web项目中整合netty, akka

    spring web项目中整合netty, akka 本身的web项目仍然使用tomcat/jetty8080端口, 在org.springframework.beans.factory.Initia ...

  4. 在基于MVC的Web项目中使用Web API和直接连接两种方式混合式接入

    在我之前介绍的混合式开发框架中,其界面是基于Winform的实现方式,后台使用Web API.WCF服务以及直接连接数据库的几种方式混合式接入,在Web项目中我们也可以采用这种方式实现混合式的接入方式 ...

  5. 使用EXtjs6.2构建web项目

    一.项目简介 众所周知ext是一款非常强大的表格控件,尤其是里边的grid为用户提供了非常多的功能,现在主流的还是用extjs4.0-4.2,但是更高一点的版本更加符合人的审美要求.因此,在今天咱们构 ...

  6. 转 web项目中的web.xml元素解析

    转 web项目中的web.xml元素解析 发表于1年前(2014-11-26 15:45)   阅读(497) | 评论(0) 16人收藏此文章, 我要收藏 赞0 上海源创会5月15日与你相约[玫瑰里 ...

  7. 06_在web项目中集成Spring

    在web项目中集成Spring 一.使用Servlet进行集成测试 1.直接在Servlet 加载Spring 配置文件 ApplicationContext applicationContext = ...

  8. Spring在Web项目中的三种启动加载的配置

    在最近的项目中,使用到了spring相关的很多东西,有点把spring的配置给搞混了,从网上查到的资料以及整理了一下. 在Web项目中,启动spring容器的方式有三种,ContextLoaderLi ...

  9. 真分布式SolrCloud+Zookeeper+tomcat搭建、索引Mysql数据库、IK中文分词器配置以及web项目中solr的应用(1)

    版权声明:本文为博主原创文章,转载请注明本文地址.http://www.cnblogs.com/o0Iris0o/p/5813856.html 内容介绍: 真分布式SolrCloud+Zookeepe ...

随机推荐

  1. [swustoj 191] 迷宫逃离

    迷宫逃离(0191) 描述 江鸟突然想到了一个迷宫逃离的游戏,话说有三个人被困于一个n*m的迷宫里,他们三人都可以向上.向下.向左.向右四个方向进行走动,当然他们所在的初始位置没有障碍物,同时只能走到 ...

  2. Discuz!NT中集成Memcached分布式缓存

    大约在两年前我写过一篇关于Discuz!NT缓存架构的文章,在那篇文章的结尾介绍了在IIS中如果开启多个应用程序池会造成多个缓存实例之间数据同步的问题.虽然给出了一个解决方案,但无形中却把压力转移到了 ...

  3. 生产环境下JAVA进程高CPU占用故障排查

    问题描述:生产环境下的某台tomcat7服务器,在刚发布时的时候一切都很正常,在运行一段时间后就出现CPU占用很高的问题,基本上是负载一天比一天高. 问题分析:1,程序属于CPU密集型,和开发沟通过, ...

  4. 独立线程中实现QT GUI

    在网上搜集的资料: http://www.qtcentre.org/threads/16552-Starting-QT-GUI-in-a-seperate-Threadhttp://stackover ...

  5. HTML5 SSE自动推送

    前端页面: <!doctype html> <html> <head> <meta charset="UTF-8"> <tit ...

  6. vlookup使用案例

    http://www.360doc.com/content/13/1119/20/9842991_330586745.shtml

  7. HW4.2

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  8. HW1.5

    public class Solution { public static void main(String[] args) { System.out.println("(9.5 * 4.5 ...

  9. LeetCode:Restore IP Address

    93. Restore IP Addresses Given a string containing only digits, restore it by returning all possible ...

  10. linux定时运行命令脚本——crontab

    cron和crontab定时任务: http://blog.csdn.net/ithomer/article/details/6817019 http://blog.sina.com.cn/s/blo ...