Atualmente, o Sencha Ext JS é a estrutura de desenvolvimento de aplicativos JavaScript mais avançada e poderosa do mundo que suporta várias plataformas e vários dispositivos. Primeiro, vamos dar uma olhada em uma breve história do desenvolvimento do Ext JS.
1 Uma breve história do desenvolvimento de ext JS
1. Jack Slocum, o autor de Yui-EXT, pretende personalizar a biblioteca da Interface do Usuário do Yahoo (YUI) com base no protocolo BSD, mas depois ele ofusou seu pai Yui;
2. No final de 2006, Yui-ext foi simplificado para ext, refletindo sua maturidade e independência como uma estrutura. A empresa foi fundada no início de 2007 e a EXT agora é uma licença dupla, usando LGPL e uma licença comercial;
3. Em 1º de abril de 2007, a versão oficial do 1.0 foi lançada e a versão atual é 6,0;
4. A partir de 4.0, foram introduzidas arquitetura de aplicativos de estilo MVC/MVVM e SCSS;
5. A partir de 5,0, os navegadores antigos não são mais suportados, como IE5, 6, 7, etc.;
6. A partir de 6.0, o Sencha Touch e o ExtJs são combinados em um, indicando que os usuários podem desenvolver aplicativos que podem suportar desktops e tablets tradicionais ou telefones celulares.
2 Preparação de desenvolvimento
1. Primeiro, você precisa baixar o Ext JS SDK, baixar a versão oficial do Extjs 6.0 SDK GPL https://www.sencha.com/legal/gpl/. Se você precisar de um aplicativo comercial, faça o download da versão comercial. Descompacte para o disco D.
2. Faça o download da ferramenta SEHA. Supondo que o JRE7+ não esteja instalado no seu sistema, faça o download da ferramenta Sencha com a versão JRE e instale -a com sucesso.
3 Criação do projeto
1. Abra a linha de comando com o administrador e use CD /dd:/ext-6.0.0 para entrar no diretório SDK
2. Use o Sencha -sdk ./EXT-6.0.0 para gerar o comando CMMPWEBUI ./CMPWEBUI para criar um aplicativo chamado CMMPwebui com base na versão ext -6.0.0, com o caminho do projeto de ./cmpwebui.
Gere o arquivo do projeto CMPWEBUI no diretório d: /ext-6.0.0. A estrutura do arquivo é a seguinte:
3. Digite o arquivo do projeto e use o aplicativo SEHA para assistir à visualização do projeto. O número da porta é 1841 por padrão. Se estiver disponível atualmente, será incrementado. Aqui a porta é 1842
Digite http: // localhost: 1842/no navegador para visualizá -lo. É diferente do que eu esperava no início. Contém exemplos oficiais. Você pode clicar em [visualizar o exemplo] para visualizá -lo.
Então, onde estão os projetos que você criou? Você pode entrar http: // localhost: 1842/cmpwebui/para vê -lo
4. Lançamento do projeto, compilação com o aplicativo Sencha
Após a conclusão da compilação, você pode ver o projeto publicado no arquivo de compilação em EXT-6.0.0.
5. Quando o projeto do IIS for lançado, você precisa prestar atenção à configuração do IIS para analisar o JSON, caso contrário, o site não será visualizado.
Na verdade, é muito simples de executar. Contanto que você possa fazer o arquivo *.json analisado pelo servidor da web, o IIS7 é usado como exemplo.
1) Instale o suporte do IIS7 ASP
Painel de controle -> Programas e recursos -> Ligue e desative os recursos do Windows -> Funções -> Adicionar Serviços de Funções -> Desenvolvimento de Aplicativos -> Selecione ASP
2) Adicione o tipo MIME ao site padrão
Add-> Extensão de arquivo é JSON, o tipo MIME é texto/JSON (ou Aplicativo/X-Javascript também está ok)
3) Instale o mapeamento de scripts para o site padrão
Mapeamento do manipulador -> Adicionar mapeamento de scripts. O caminho de solicitação é *.json, o arquivo executável é %windir %/system32/inetsrv/asp.dll, o nome é json
4) Adicione index.html ao documento padrão
5) Crie o aplicativo Senchatouch no site padrão, chamado de diretório virtual no IIS6.
6) Visualizar com Chome (ou seja, não suporta)
Após a conclusão da configuração, você pode ver que há um web.config adicional na pasta
Apenas atualize a página da web:
O artigo acima Sencha Ext JS 6 Quick Start (deve ler) é todo o conteúdo que eu compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.