ExtJS MVC的搭建(一)

ExtJS是一种主要用于创建前端用户界面的ajax框架。本案例引入的是extjs4.2的开发包。结构为:

其中app文件是新建的,并在此文件下建MVC的文件夹。每个ExtJS4应用以一个application 类开始。下面为app.js和index.html的文件:

app.js:

Ext.application({
requires:[‘Ext.container.Container‘],
name:‘FLY‘,

appFolder:‘app‘,
controllers:[‘Mycontroller‘],
autoCreateViewport: true

});

index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>welcome to my place!!</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">

<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript" src="ext/ext-lang-zh_CN.js"></script>

<script type="text/javascript" src="app/app.js"></script>

</head>

<body>
</body>
</html>

ExtJS MVC的搭建(一)

时间: 2024-10-10 12:42:25

ExtJS MVC的搭建(一)的相关文章

ExtJS MVC的搭建(序)

Ext JS 是一个用JavaScript 语言编写的用于浏览器端UI开发的Ajax 框架 .这种框架有几个主要特点. (1) 开源项目       Ext JS 是一个开源项目, 它提供了免费的框架代码, 完善的API文档, 以及开发人员社区.这些资源可以帮助Ext JS 快速地在项目内投入使用. (2) 兼容各种浏览器      Ext JS 框架可跨浏览器运行.基于框架开发的应用支持IE, FireFox , Safari 等多种流行的浏览器. (3) 后台技术无关性      Ext J

ExtJS MVC的搭建(二)

2.1要搭建一个MIS系统首先需要构建系统框架,建立框架视图viewport.js,代码如下所示: Ext.define('FLY.view.Viewport',{ extend:'Ext.container.Viewport', layout:'border', items: [{ region: 'north', xtype:'image', src:'image/bj2.png', height:100 }, { region: 'west', collapsible: true, tit

ExtJS MVC的搭建(三)

3.1 在上面显示的页面中,大家可以看到左边的导航没有菜单选项,因此就不够名副其实了,下面我们添加树形菜单 还是在视图中创建Mymenutree.js,代码如下: store=Ext.create('Ext.data.TreeStore', { defaultRoodId:'root', root: { expanded: true, children: [ { text: "地面资料", expanded: true, children: [ { text: "降水&quo

Spring MVC 框架搭建及详解

一.Spring MVC环境搭建:(Spring 2.5.6 + Hibernate 3.2.0) 1. jar包引入 Spring 2.5.6:spring.jar.spring-webmvc.jar.commons-logging.jar.cglib-nodep-2.1_3.jar Hibernate 3.6.8:hibernate3.jar.hibernate-jpa-2.0-api-1.0.1.Final.jar.antlr-2.7.6.jar.commons-collections-3

Spring MVC 环境搭建

作为java领域不可或缺的一员猛将,今天我开始正式接触它.与所有框架一样,我们第一步要做的就是搭建环境. 首先我们需要准备的材料: Eclipse tomcat(我用的是7.0) spring mvc jar包(我用的是3.2的) 有了这些工具,下面我们开始吧! 1.新建一个项目 Eclipse新建 Dynamic Web project 选择相应的服务器容器(我用的是Tomcat7.0),一路下一步到完成. 2.引入jar包 SpringMVC使用的jar包基本和Spring是相同的,我们可以

Unity + iBatis + Asp.net Mvc 系统搭建

Unity + iBatis + Asp.net Mvc 系统搭建 之前用EntityFramework Code First做了一些小项目,很是方便:后来在一个 Java 项目中接触了myBatis之后,深深的喜欢上了这种最直接最原始最灵活的数据库操作,所以最终决定改造之前的项目,使用IBatis访问数据库: 一.框架搭建 1)新建一个Asp.net Mvc的应用,.Net使用4.5 2)使用 Nuget 安装 Unity 3.5,因为比较熟悉 Unity: 3)使用 Nuget 安装 Uni

Extjs MVC开发模式详解

Extjs MVC开发模式详解 在JS的开发过程中,大规模的JS脚本难以组织和维护,这一直是困扰前端开发人员的头等问题.Extjs为了解决这种问题,在Extjs 4.x版本中引入了MVC开发模式,开始将一个JS(Extjs)应用程序分割成Model-View-Controller三层,为JS应用程序的如何组织代码指明了方向,同时使得大规模JS代码变得更加易于重用和维护:这就是Extjs MVC开发模式的初衷. 在官方给出的MVC例子中,我们可以看到一个简单的列表编辑功能,这篇文章就围绕这个功能进

【深入Cocos2d-x】使用MVC架构搭建游戏Four

喜欢Four这个项目,就赶快在GitHub上Star这个项目吧! 喜欢我的文章,来微博关注我吧:王选易在学C艹 点我下载 项目起源 项目Logo: 下面是该游戏的项目地址,各位想参考源代码的同学可以到我的GitHub上下载该项目的源码. 项目主页 GitHub地址 bug反馈及建议 我做这个项目的原始目的是实验MVC在游戏中的应用. Model-View-Controller(MVC)是一种组合设计模式,它体现了一种关注点分离(Separation of concerns,SoC)的思想.MVC

spring MVC环境搭建

1.新建web项目,并在web.xml加入spring mvc的servlet <!-- spring mvc容器和servlet的定义 --> <servlet> <servlet-name>springMVC</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <!-- 这里的参数如果不