当前位置: 首页 > 编程笔记 >

sencha ext js 6 快速入门(必看)

米俊晤
2023-03-14
本文向大家介绍sencha ext js 6 快速入门(必看),包括了sencha ext js 6 快速入门(必看)的使用技巧和注意事项,需要的朋友参考一下

Sencha Ext JS号称是目前世界上最先进和最强大的、支持多平台多设备的JavaScript应用程序开发框架。首先看一下Ext JS的发展简史。

1 Ext JS发展简史

1.YUI-Ext的作者Jack Slocum(杰克.斯洛克姆)打算对基于BSD协议的Yahoo User Interface (YUI)库进行自定义的扩展,但后来一度风头盖过其父辈YUI;

2.在2006年底,YUI-Ext被简化为Ext,反映了它作为一个框架的成熟和独立。该公司成立于2007年初,Ext现在为双执照,使用LGPL和一个商业执照;

3.在2007年4月1日,发布1.0正式版,现在的版本为6.0;

4.从4.0开始引入了MVC/MVVM风格的应用架构和SCSS;

5.从5.0开始,不再支持老旧浏览器,如IE5、6、7等;

6.从6.0开始,Sencha Touch和ExtJS合二为一,标志着用户可以开发既能支持传统桌面、又支持平板或手机的应用

2 开发准备

1. 首先需要下载Ext JS SDK,下载ExtJS 6.0 SDK GPL正式版  https://www.sencha.com/legal/gpl/ ,如果需要商业应用,请下载商业版。解压到D盘。

2. 下载Sencha Tool ,假设你的系统里没有安装了JRE7+,请下载带JRE版本的Sencha Tool,并成功安装。

3 项目创建

1. 用管理员打开命令行,用 cd /d d:\ext-6.0.0 进入SDK目录

2. 用 sencha -sdk ./ext-6.0.0 generate app -classic cmpwebui  ./CMPWebUI 命令创建基于ext-6.0.0版本的名为cmpwebui的app,项目路径为./CMPWebUI.

在目录D:\ext-6.0.0下生成CMPWebUI项目文件,文件结构如下:

      3. 进入项目文件下,用 sencha app watch 项目预览,端口号默认为1841,如果当前已有,则会递增,这里端口为1842

     在浏览器中输入http://localhost:1842/进行预览,和我一开始期望的不同,里面包含官方的例子,可以点击【view the Example】进行查看。

那么自己创建的项目在哪呢?可以输入http://localhost:1842/cmpwebui/ 进行查看

 4. 项目发布,用sencha app build进行编译

 

编译完成后,可以在ext-6.0.0下的build文件下看到此发布的项目。

 5. IIS项目发布,这里需要注意配置IIS来解析JSON,否则网站无法预览、

想要运行其实很简单,只要能让*.json的文件能够被Web服务器解析即可,这里以IIS7为例说明。

1)安装IIS7的ASP支持

控制面板-->程序和功能-->打开和关闭Windows功能-->角色-->添加角色服务-->应用程序开发-->选择ASP

2)给默认网站添加MIME类型

添加-->文件扩展名为json,MIME类型为text/json(或application/x-javascript也可以)

3)给默认网站安装脚本映射

处理程序映射-->添加脚本映射。请求路径为*.json,可执行文件为%windir%\system32\inetsrv\asp.dll,名称为json

4)在默认文档中添加index.html

5)在默认网站下创建SenchaTouch应用程序,IIS6下称作虚拟目录。

6)使用Chome预览(IE不支持)

至此配置完成后,可以看到文件夹下多了 一个web.config

再刷新网页即可:

以上这篇sencha ext js 6 快速入门(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • Struts2是基于MVC设计模式的流行和成熟的Web应用程序框架。Struts2并不只是Struts 1下一个版本,但它是一个完全重写的Struts架构。 WebWork框架开始了与Struts框架为基础,其目标是建立在Struts的Web开发更容易为开发人员提供了加强和改进的框架。 一段时间后,WebWork框架和Struts社区联手打造著名的Struts2框架。 Struts 2 框架特性:

  • 主要内容:1- 前提条件,2-创建Hello World项目,3- Hello World示例说明,4- JavaFX Scene Builder,5-使用JavaFX Scene Builder的示例,控制器(Controller),关于纠错补充,以下是纠正/补充内容:1- 前提条件 在本文中,将学习如何在 Eclipse IDE 开发和执行JavaFX编程。 e(fx)eclipse e(fx)eclipse是一组工具和必要的库,它们帮助您执行JavaFX编程,确保您已经作为插件将其安装在e

  • 主要内容:快速安装,安装Python,配置数据库,,删除所有旧版本的Django,安装Django,开发第一个Django app,创建一个项目,,创建Polls app,编写视图代码快速安装 在使用Django之前,我们需要把它先安装好。我们这里有一个完整的安装指南,涵盖了所有的可能性; 本指南将引导您通过简单的,最小化安装。 Windows 安装参考:https://docs.djangoproject.com/en/1.9/howto/windows/ 安装Python 作为一个Pytho

  • 主要内容:先决条件,步骤1 - 准备服务器,步骤2 - 安装CouchDB,步骤3 - CouchDB安全保护,步骤4 - 访问Futon,步骤5 - 添加管理员用户,从Futon执行CRUD操作,从命令行执行CRUD操作,重新启动,停止和启动CouchDB服务Apache CouchDB数据库,它类似于Redis,Cassandra和MongoDB,也是一个NoSQL数据库。 CouchDB将数据存储为非关系性的JSON文档。 这使得CouchDB的用户可以以与现实世界相似的方式来存储数据。

  • 主要内容:1. 启动,停止和重新加载Nginx配置,2. 配置文件的结构,3. 提供静态内容服务(静态网站),4. 设置简单的代理服务器,5. 设置FastCGI代理本文主要介绍nginx的基本配置和操作,并介绍了一些可以完成的简单任务。假设您已经学习过并已经安装好了nginx服务器。 如果没有,请参阅安装nginx页面(http://www.yiibai.com/nginx/nginx-install.html )。 本指南介绍如何启动和停止nginx,并重新加载其配置,解释配置文件的结构,并

  • 主要内容:1.创建Repository(仓库),2.获取 Git 仓库,3. 更新提交到仓库,3.7 查看已暂存和未暂存的修改,4 查看提交历史,5 撤消操作,6 程仓库的使用,6.4 查看远程仓库,以下是纠正/补充内容:假如只能阅读一章来学习 Git,那么本教程绝对是一个不二的选择。本章内容涵盖你在使用 Git 完成各种工作中将要使用的各种基本命令。 在学习完本章之后,你应该能够配置并初始化一个仓库()、开始或停止跟踪()文件、暂存()或提交()更改。 本章也将演示如何配置 Git 来忽略指定

  • 本文向大家介绍新手如何快速入门Python(菜鸟必看篇),包括了新手如何快速入门Python(菜鸟必看篇)的使用技巧和注意事项,需要的朋友参考一下 学习任何一门语言都是从入门(1年左右),通过不间断练习达到熟练水准(3到5年),少数人最终能精通语言,成为执牛耳者,他们是金字塔的最顶层。虽然万事开头难,但好的开始是成功的一半,今天这篇文章就来谈谈如何开始入门Python。只要方向对了,就不怕路远。

  • 本文向大家介绍Java Spring快速入门,包括了Java Spring快速入门的使用技巧和注意事项,需要的朋友参考一下 一、Spring是什么? Spring是一个开源框架, Spring为简化企业级应用开发而生,使用Spring可以使简单的JavaBean实现以前只有EJB才能实现的功能。 Spring是一个IOC(DI)和AOP容器框架。 二、具体描述Spring 轻量级:Spring是非