zoukankan      html  css  js  c++  java
  • 02快速学习ExtJs之---第一个HelloWord!

    这篇主要讲部署下ExtJS开发环境,以及搭建项目。我们使用ExtJs官方提供的Sencha Cmd来搭建

    1.搭建项目

    1.下载官方的Sencha Cmd工具,安装。

    2..Window用户进入到命令提示符。

    输入命令  sencha -sdk F:迅雷下载ext-5.1.0-gplext-5.1.0(替换成你的ExtJS Sdk路径) generate app app .

    至此项目文件已经生成好了,在D:learnExtJs目录。

    其实sencha cmd 自带了一个服务器, 在命令行状态下继续输入命令:sencha web start就可以启动一个服务。当然你也可以用IIS或者tomcat之类的把这个目录发布。

    启动完服务,在浏览器输入http://localhost:1841/,我们可以看到下面的界面效果:

    至于生成的目录结构我就不多说了。

    进入app目录,我们可以看到有model,store,view三个文件夹,其实还应该有一个controller文件夹:

    其实这就是4.X推出的MVC模式(本系列教程不用它),Application.js就是整个应用程序的入口(只针对于单页面程序来说),然后我们进入到View/mian/里面。 

    可以看到Mian.js这个就是视图文件,Controller就是视图对应的控制器文件。MainModel.js就是视图对应的视图模型文件。这就是5.X版本推出的MVVM模式。

    来,我们一起用这种方式来建立一个HelloWorld.js,HelloWorldController.js和HelloWorldModel.js把。

  • 相关阅读:
    C#构造函数、操作符重载以及自定义类型转换
    类型和成员基础
    基元类型、引用类型和值类型
    类型基础
    Sublime之快捷键(二)
    Sublime之插件的安装(三)
    Sublime删除项目删不掉?
    Sublime之插件的安装(二)
    手机网页的头部meta的相关配置~~
    Rem自适应js---flexible.min.js
  • 原文地址:https://www.cnblogs.com/duyao/p/4908298.html
Copyright © 2011-2022 走看看