Extjs4.X--开发后台管理系统--框架搭建

     在实际Ext项目开发中，主框架的搭建是关键，下面根据个人经验做一个简单的事例！

1.运行主界面如下图：

2、前台的JS文件，采用Ext4.X提供的MVC框架建立如下目录结构！

 (1)App.js  应用程序的入口

Ext.onReady(function(){
    Ext.QuickTips.init();
    Ext.Loader.setConfig({
        enabled : true
    });
    Ext.application({
        name : 'AM',
        appFolder : 'app',
            launch : function(){
                Ext.create('Ext.container.Viewport',{
                    layout :'fit',    
                    loadMask:{
                        msg : '正在加载，请稍后...'
                    },
                    items :
                    {
                        xtype : 'mainview'
                    }
                });
        },
        controllers : [ 'MainController']
    });
});

View Code