最近一直做的自动化办公系统。这套系统原先不是使用EXT,是老系统升级而来。主要EXT前端设计都是由我编写,本作是由两种方式来兼顾新老系统的。
首先老系统都是一些HTML+CSS+JS的前台页面我统一都放入iframe显示标签页,新写的是使用Extjs的采用div加异步读取js。
下图为登录后的界面
本界面左边的导航栏是自动生成,首先读用户权限然后与数据库中的菜单表读出的数据进行筛选。中间部位采用iframe显示首页。
(由于历史原因许多东西都不是能够很快改出来的,加之工作量很大。故够用即先完成功能在去考虑原先的旧系统改造。)
我不光负责前台设计我主要设计的是库房管理和工程管理,库房管理对于我来说已经很熟了。我长久以来一直在想库房的设计,现在仍未找到通用的解决方案。
下面看图吧,我的库房设计。
库房管理原先的导航条数很多。老系统在设计的时候都是一个页面负责一个或多个功能,大大加大了维护量力度。大家也都知道需求变化总是翻天覆地,还有就是同一功能不能在多处重用。在使用extjs后我的很多劳动都减轻了不少,没有繁杂的页面去维护。带来的是一个对象就是一个功能更改一个就能将其它的都改变。面向对象的前台设计省了我N多事情。
物料管理主要负责物料的基础信息和价格表还有物料类型表,多用到下拉树下拉Gird。
部门物料管理主要是用于各个有权限用户进行出库的操作,和查询操作。
其它等有机会再展示,现在的设计也只是冰山一角。希望大家关注,等程序设计好后与大家共享这道美餐。
- 大小: 131.8 KB
- 大小: 133.6 KB
- 大小: 107.1 KB
分享到:
相关推荐
4. **类与对象**:在Ext2.x中,大部分功能都是通过类(Class)来实现的,如Ext.Panel、Ext.Window等。每个类都有其特定的方法和属性,开发者可以通过实例化这些类来创建对象。 5. **组件系统**:Ext2.x的核心是其...
在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...
【Ext 3.x + Ext 2.x 下拉树 Ext.ux.ComboBoxTree】是基于ExtJS框架的一个组件,它结合了下拉框(ComboBox)和树形控件(TreePanel)的功能,提供了一种用户友好的选择界面。在网页应用中,这种控件常用于展示层级...
Ext3.x是一款经典的JavaScript库,主要用于构建富客户端应用程序,它提供了丰富的用户界面组件和强大的数据管理功能。在Ext3.x中,"样式"和"皮肤"是两个关键概念,它们对于提升应用程序的视觉效果和用户体验至关重要...
3. **布局管理**:EXT2.X 内置了多种布局模式,如Fit布局、Border布局、Table布局等,可自动调整组件大小和位置,适应不同屏幕尺寸和分辨率。 4. **Ajax支持**:EXT2.X 提供了强大的Ajax交互功能,可以轻松实现异步...
Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI最新中文文档Ext2.xAPI...
JDK 所需jar包
Ext.get('messageBox2').on('click', function(){ Ext.MessageBox.confirm('确认', '是否要执行此操作?', function(e){ alert(e); }); }); }); </script> </html> ``` ##### 3. Ext.MessageBox.prompt() `...
8.1.3 格式化输出数据:ext.string、ext.number、ext.date和ext.util.format / 389 8.1.4 超级模板:ext.xtemplate(包括ext.xtemplateparser和ext.xtemplatecompiler) / 393 8.1.5 模板的方法 / 396 8.2 组件...
**EXT.NET 1.x 框架介绍** EXT.NET 是一个基于 .NET 平台的 Web 开发框架,它提供了一套丰富的用户界面组件,使得开发者可以构建出交互性强、性能优秀的网页应用。EXT.NET 1.x 版本是早期的一个稳定版本,包含了...
在EXT JS框架中,"ext3.x 改写的datetimefield时间控件"是一个自定义组件,主要用于增强原生EXT JS 3.x版本中的DateTimeField功能。这个控件为用户提供了更丰富的日期和时间选择能力,增加了对时、分、秒的选择,...
首先,`ext3.x`和`ext2.x`是指Linux文件系统的两个版本。`ext3`是`ext2`的扩展,引入了日志记录功能,增强了系统的稳定性和数据完整性。`ext2`则是一个较早的文件系统,没有日志功能,在系统崩溃或意外断电时可能会...
1.4Ext安装 下载地址: Extjs 5 beta 版下载链接:http://cdn.sencha.com/ext/beta/ext-5.0.0.736.zip Extjs 4.2.1 下载链接:http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip Extjs 4.0.7 下载链接:...
当Store被实例化并且`storeId`被指定时,Store会被添加到StoreManager的注册表中,这样可以通过`Ext.getStore('storeId')`来全局访问这个Store。因此,正确的获取此类Store的方法应该是: ```javascript var ...
ext3.x是Linux系统中广泛使用的日志文件系统之一,它是ext2的扩展,增加了事务日志功能,以提高系统的稳定性和数据完整性。在传统的文件系统中,全选和半选通常是图形用户界面(GUI)中的特性,而在命令行环境下,这...
**EXT4.x 文件系统详解** EXT4(Fourth Extended File System)是Linux操作系统中广泛使用的日志文件系统,作为EXT3的后继者,它在性能、可扩展性和可靠性上都有显著提升。EXT4.x Doc中文版是EXT4文件系统的中文API...
2. Ext.grid.EditorGridPanel:EditorGridPanel是Ext JS中的一种网格组件,它扩展了GridPanel,增加了单元格级别的编辑功能。用户可以直接在表格中修改数据,而无需跳转到单独的编辑页面。 二、核心特性 1. 可编辑...
在ExtJs中,日期选择通常通过使用`Ext.picker.Date`类来实现,而时间选择则通过`Ext.picker.Time`类完成。然而,这个"Ext4.x时间日期选择器"可能是一个自定义组件,将两者结合在一起,让用户在一个统一的界面上选择...
在Ext中,我们可以使用`Ext.form.FormPanel`来定义表单,并通过`Ext.form.FileField`(也称为`FileUploadField`)添加文件选择功能。此字段允许用户选择一个或多个文件,并触发上传操作。 `说明.txt`文件可能包含了...
"ext2.x 在domino中的应用"这一主题主要聚焦于如何在IBM Lotus Domino服务器环境中集成和使用EXT(Ext JS)框架的第二个主要版本。EXT JS是一个强大的JavaScript库,专为构建富互联网应用程序(RIA)而设计,它提供...