跟我一起学extjs5(01--开发的总体说明)

跟我一起学extjs5(01--开发的总体说明)

        我之前使用extjs4+java spring MVC架构了一套“模块常规功能自定义的系统”(博客详见点击打开链接),该系统中详细讲解了设计思想,但并未有实现过程。由于extjs5的发布,并有许多新特性,而我对原系统正有重构和加入新功能的想法,因此决定对该系统进行升级,并将升级的开发过程写成博客。

系统开发将分成二个阶段:

  • 第一阶段将用extjs5搭建前台界面,完成界面的总体布局、若干种菜单、表格Grid、窗体Form、数据记录的增册查改、以及若干自定义组件,还有界面属性的自定义与展示。
  • 第二阶段将开发java后台的控制体系,使其和前台结合,能够完成整个自定义系统的运转。
系统开发要使用的工具:

  • eclipse  ;
  • sencha cmd(sencha cmd 下载),这个用来建立extjs5的应用程序,可以打包和压缩extjs的源程序;
  • ruby (ruby 下载地址) ,这是sencha cmd 的一个支持环境。 (最好安装1.93版,其他版本sencha cmd 在在使用过程中会出现错误)。

下载及安装过程在各网站上都有详细的说明,这里就不重复了。

由于先开发前台的界面和功能,因此需要对extjs有一定的了解,系统中我不会很详细的讲解每一条语句,对于基本的属性和函数需要自己去查api进行了解。最终目标是要开发一套根据配置文件来自定义界面的系统,开发过程中也不会使用界面生成器,所有的界面都是自己写代码,这样更有利于熟悉extjs的层次结构。

从extjs4开始,加入了MVC的架构,开发程序使用OOP的技术,使程序的结构和可读性大大加强。在extjs5中,又增加了MVVM的特性,根据我的理解就是界面的控件的属性可以根据绑定值自动的改变,这对于我来说是一个十分重要的新特性,在此之前某些功能都是我自己手工完成编码,现在可以自动实现了。(extjs
MVC和MVVM的介绍

从下节开始,我将用eclipse建立一个Dynamic web Project, 然后在其 war 目录下用 sencha cmd 建立一个extjs5的工程,建立好的工程有一些自动生成的js代码,在启动了服务后可以在浏览器中查看。

跟我一起学extjs5(01--开发的总体说明),布布扣,bubuko.com

时间: 2024-10-20 17:26:26

跟我一起学extjs5(01--开发的总体说明)的相关文章

跟我一起学extjs5(11--自定义模块的设计)

跟我一起学extjs5(11--自定义模块的设计) 从这一节开始我们来设计并完成一个自定义模块.我们先来确定一个独立的模块的所能定义的一些模块信息.以下信息只是我自己在开发过程中想到或用到的,希望有新的想法的或者有建议的跟贴回复. 一个独立模块包含以下信息: 1.模块的基本信息 模块ID号:一个数字的ID号,可以根据此ID号的顺序将相同分组的模块放在一块. 模块分组:模块分到哪个组里,比如说业务模块1.业务模块2.系统设置.系统管理等. 模块标识:系统中唯一的模块的标识,一般这个标识等同于数据库

跟我一起学extjs5(27--服务端web,spring,hibernate配置文件的加入)

跟我一起学extjs5(27--服务端web,spring,hibernate配置文件的加入) 我们前面创建项目的时候是一个java web project,现在在项目中需要加入spring,hibernate,sqlserver连接的jar包以及加入配置文件.spring我现在使用的是3.1版本,hibernate使用的是3.0,具体的jar包以及一些附加包,请自行下载后加到工程中.(所有的jar包在我的前一个博客中提供的演示软件中有) 一.在java Resources的src中加入一些pa

跟我一起学extjs5(02--建立工程项目)

跟我一起学extjs5(02--建立工程项目) 我们先建立一个java Project,虽然现在开发跟java一点关系也没有,我们也先塔建java的Web环境. 1?进入eclipse,建立一个Dynamic Web Project . ,next > , next >  ,Finish. 至此完成java project 的建立.文件目录结构如下: , war 目录为发布目录,我们的extjs5的项目将建立于此目录之下. 2?使用sencha cmd建立extjs5的环境. windows下

跟我一起学extjs5(05--主界面上加入顶部和底部区域)

跟我一起学extjs5(05--主界面上加入顶部和底部区域) 这一节为主界面加一个顶部区域和底部区域.一个管理系统的界面可以粗分为顶部标题部分.中间数据展示和处理的部分.底部备注和状态部分. 在增加这二个区域之前,我们先在MainModel.js中加入一些数据. Ext.define('app.view.main.MainModel', { extend : 'Ext.app.ViewModel', alias : 'viewmodel.main', data : { name : 'app',

谷哥的小弟学后台(01)——MySQL(1)

探索Android软键盘的疑难杂症 深入探讨Android异步精髓Handler 详解Android主流框架不可或缺的基石 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Android多分辨率适配框架(3)- 使用指南 自定义View系列教程00–推翻自己和过往,重学自定义View 自定义View系列教程01–常用工具介绍 自定义View系列教程02–onMeasure源码详尽分析 自定义View

[转]跟我一起学extjs5(02--建立工程项目)

原文地址:http://blog.csdn.net/jfok/article/details/35569057 目录(?)[+] 跟我一起学extjs5(02--建立工程项目) 我们先建立一个java Project,虽然现在开发跟java一点关系也没有,我们也先塔建java的Web环境. 1?进入eclipse,建立一个Dynamic Web Project . ,next > , next >  ,Finish. 至此完成java project 的建立.文件目录结构如下: , war 目

跟我一起学extjs5(41--增加一个自定义模块(源码下载)[2销售合同加入菜单和模块展示])

跟我一起学extjs5(41--增加一个自定义模块[2销售合同加入菜单和模块展示]) 在前面一节销售合同模块的信息导入系统后,需要在菜单中加入这个模块,但是现在菜单模块没法利用此系统进行编辑(多模块的层次现在还没有加入),因此只能在数据库里加入一条记录了: 加入后,重新启动一下tomcat,进入系统,就能在菜单"合同管理"下,看到 "销售合同"的菜单条了,点击一下,看看结果吧. 以上是自动生成"销售合同"的模块界面,这个就是最初介绍的模块的列表.

跟我一起学extjs5(29--加入模块和菜单定义[2建立java bean])

跟我一起学extjs5(29--加入模块和菜单定义[2建立java bean]) 对上一节中加入的4个模块在java中建立相应的bean文件. 以上表建立好以后,需要建立java bean文件.在建立之前需要加入几个支持类. 先在com.jfok.server.common中建立包annotation,再在下面加入二个类库,这二个是自定义的注释类.分别用来注释每一个模块的信息和模块中每一字段的信息. package com.jfok.server.common.annotation; impor

跟我一起学extjs5(26--加入后台处理的系统设计)

跟我一起学extjs5(26--加入后台处理的系统设计) 对于extjs5的自定义系统,前面介绍了模块基本控件的自定义生成,包括菜单.grid列表.form表单,对于其他功能的再深入就必须加入后台控制系统和前台协同工作了. 这一节介绍一下后台开发环境,后台处理程序我使用 java + spring MVC + hibernate  + Sql Server 2005 , 权限控制使用的是shiro.加入了后台处理之后,代码量和程序的复杂程度呈几何级增长,我想了很久也没找到一个好的办法能够把前后台