zoukankan      html  css  js  c++  java
  • sencha touch 入门系列 (四)sencha touch 新建项目目录结构解析

         通过上一章节的操作,我们的项目已经创建完成了,

       大家通过http://127.0.0.1/MyFirst/应该都已经访问到了自己的应用,

       接下来,我们展开我们项目,如图所示:

        

      一、目录结构   

       1. .sencha目录

        .sencha 文件夹下主要是sencha cmd创建项目时生成的一些配置文件,对我们的开发并没有太大影响,我们可以暂时先不去管它  

       2. app 目录

        app文件夹是我们的项目主体文件夹,我们整个项目的功能代码基本都在这个目录中,

        整个目录体现了sencha touch的mvc结构,

        

        我们展开app目录,可以看到六个子目录,

        我们看一下这些目录分别存放什么作用的文件

        --app
          ----controller

             通过监听view界面上的用户交互操作,

             例如滑动、点击等事件来执行相关的操作

          ----form

             这个是cmd生成的文件夹,从字面意思来看是表单的意思,但是官方文档中并未提及到该文件夹,

             我想可能是用于以后将form表单这类view放到其中进行控制的吧

          ----model

             用于定义一种类型的数据,如电子商务程序所需要对应用户,订单,产品型号等数据类型,用oop的说法应该就是实体类

          ----profile

             用来判断用户的设备类型,并且可以做相应的操作跳转为对应平台设计的view界面

          ----store

             在这里我们把它称之为数据仓库,可以帮助你载入数据到list,dataview这类的功能强大的视图组件上,

             store一般需要跟model做关联

          ----view

             用来展现我们的用户程序界面

          这里我们只对目录文件做个简单的介绍,在后面的教程中我们会详细讲解各个模块的详细用法

       

       3.build目录

        默认设置情况下,我们用sencha cmd指令打包压缩编译的项目会生成在该文件夹下

        等讲到如何打包的时候我们会详细讲解

       4.resources目录  

        项目的css文件,图片等资源都存放在这里,

        还有我们强大的scss文件,这是css框架sass的文件,sencha touch把它很好地结合到了项目中,

        通过对它的编写,我们可以很容易地实现对项目的主题修改,样式编辑等功能

        

       5.touch目录 

        这个文件夹将sdk包中的资源文件拷了过来,包含了css样式,启动图片,src项目源码等文件

       6.bootstrap.js和bootstrap.json

        这两个是cmd创建项目时生成的默认的引导文件,建议大家不要去修改,

        bootstrap.js里提供了全局的Ext文件的引用,

        bootstrap.json则是app.json跟packager.json的合并内容

       
       7.build.xml和packager.json

        build.xml是cmd的配置文件,

        packager.json是用cmd打包移动设备安装程序的配置文件

       
       8.app.js和app.json

        app.js是我们整个程序的入口js文件

        app.json是用来配置应用程序的访问资源的,如css,js以及离线缓存文件的配置

      
       9.index.html

        index.html是我们整个程序的访问入口

      这就是我们整个项目的结构了,这里只做了简单介绍,

      下一章,我们会完整地讲解整个项目是如何运行的,并对项目的代码进行讲解

      

        

        

          

  • 相关阅读:
    jQuery制作焦点图(轮播图)
    mysql 存储引擎的选择
    linux 系统操作
    把网页转换成doc 格式的文件,方便用户下载PHP 方法
    多年级勾选
    zend studio 破解
    win7下安装Linux实现双系统全攻略
    【Linux】Linux中常用操作命令
    PHP xmapp 下面安装 Composer-Setup.exe
    ecshop中smarty比较操作符(eq,ne,neq)含义
  • 原文地址:https://www.cnblogs.com/cjpx00008/p/3479818.html
Copyright © 2011-2022 走看看