`

Ext shouye

阅读更多
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>个人/家庭收支管理系统</title>
<link rel="stylesheet" type="text/css" href="pagesExt/extjs2.0/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="pagesExt/css/style.css" />
<script type="text/javascript" src="pagesExt/extjs2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="pagesExt/extjs2.0/ext-all.js"></script>
<script type="text/javascript" src="pagesExt/extjs2.0/source/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="pagesExt/extjs2.0/ext/themeChange.js"></script>
</head>
<script type="text/javascript">
	Ext.onReady(function(){  
		Ext.BLANK_IMAGE_URL = 'pagesExt/extjs2.0/resources/images/default/s.gif';
		//获取session用户的
		var uname = document.getElementById("uname").value;
		//判断添加用户的js
		
		var root = new Ext.tree.TreeNode({ 
			text : '系统说明',
			url : 'pagesExt/about.jsp',
			expanded : true//默认展开根节点
		});
		if(uname!=""){
		var root1 = new Ext.tree.TreeNode({
			text : '个人/家庭收入管理',
			url : 'pagesExt/about.jsp',
			expanded : false//默认展开根节点
		});
		
		var node1 = new Ext.tree.TreeNode({
			text : '收入类型管理',
			url : 'bookext.do?method=showBookTypeList'
		});
		var node2 = new Ext.tree.TreeNode({
			text : '收入管理',
			url : 'bookext.do?method=showBookList'       
		});
		
		
		root1.appendChild(node1);
		root1.appendChild(node2);
		
		var root2 = new Ext.tree.TreeNode({
			text : '个人/家庭支出管理',
			url : 'pagesExt/about.jsp',
			expanded : false//默认展开根节点
		});
		
		
		var node3 = new Ext.tree.TreeNode({
			text : '支出类型管理',
			url : 'payext.do?method=showPayTypeList'
		});
		var node4 = new Ext.tree.TreeNode({
			text : '支出管理',
			url : 'payext.do?method=showPayList'
		});
		root2.appendChild(node3);
		root2.appendChild(node4);
		
		var root5 = new Ext.tree.TreeNode({
			text : '数据分析管理',
			url : 'pagesExt/about.jsp'
		}); 
		
		var node7 = new Ext.tree.TreeNode({  
			text : '月收支条形分析',
			url : 'analysis.do?method=getInByM'
		});
		var node8 = new Ext.tree.TreeNode({
			text : '月收支走势分析',     
			url : 'analysis.do?method=getPayByM'
		});
		var node9 = new Ext.tree.TreeNode({
			text : '年收支条形分析',
			url : 'analysis.do?method=getBookByY'
		});
		var node10 = new Ext.tree.TreeNode({
			text : '年收支走势分析',
			url : 'analysis.do?method=getBookByYP'
		});
		root5.appendChild(node7);  
		root5.appendChild(node8);
		root5.appendChild(node9);  
		root5.appendChild(node10);
		
		var node4 = new Ext.tree.TreeNode({
			text : '支出管理',
			url : 'payext.do?method=showPayList'
		});
		
		//判断是否为管理员
		if(uname=="ainnle"){
			var root3 = new Ext.tree.TreeNode({
				text : '用户管理',
				url : 'pagesExt/about.jsp', 
				expanded : false//默认展开根节点
			})
			var node5 = new Ext.tree.TreeNode({
				text : '用户管理',
				url:'usersext.do?method=showUsersList'
			});
			root3.appendChild(node5);
			root.appendChild(root3);
		} 
		root.appendChild(root1);
		root.appendChild(root2);
		root.appendChild(root5);
		}
		var menu = new Ext.tree.TreePanel({
			border : false,
			height:523,
			root : root,
			hrefTarget : 'mainContent',
			listeners : {
				click : function(node,e){
					mainPanel.load({  
						url:node.attributes.url,
						callback : function(){
							mainPanel.setTitle(node.text);
						},
						scripts: true
					});
				}
			}
			,
			tbar : [
				'皮肤选择:',
				{
					xtype : 'themeChange',
					width : 80,
					listWidth : 80
				},
				'->'
			],
			bbar : [
				{
					width : 80,
					listWidth : 80
				}
			]
		});
		if(uname==""){
		new Ext.Viewport({
			title : 'Ext.Viewport示例',
			layout:'border',//表格布局
			items: [{
				title : '个人/家庭收支管理系统',
				collapsible: false,
				html : '<br><center><font size = 6>ZX个人/家庭收支管理系统</font></center>',
				region: 'north',//指定子面板所在区域为north
				height: 120,
				bbar :[
						{
						 id:'BA',text:"注册",iconCls:'addup', 
	                	 handler:   function(){  
		                 	 window.location.href="pagesExt/Adduser.jsp";
		                 	 }  
						},
						'->',
						 {  
						 id:'CB',text:"登录",iconCls:'login',
		                 handler: function(){  
		                 	 window.location.href="pagesExt/Login.jsp";
		                 	 } 
						 }
					]
			},{
				title : '功能菜单',
				items : menu,
				split:true,
				collapsible: true,
				region:'west',//指定子面板所在区域为west
				width: 160
			},{
				title: '系统说明',
				contentEl : 'aboutDiv',
				collapsible: true,
				id : 'mainContent',
				region:'center'//指定子面板所在区域为center
			}]
		});
		}else{
		new Ext.Viewport({
			title : 'Ext.Viewport示例',
			layout:'border',//表格布局
			items: [{
				title : '个人/家庭收支管理系统',
				collapsible: false,
				html : '<br/><center><font size=6>ZX个人/家庭收支管理系统</font></center>',
				region: 'north',//指定子面板所在区域为north
				height: 120,
				bbar :[
				'欢迎您:',
						{
						 id:'BA',text:uname+" 您好",
	                	 handler: function(){ Ext.Msg.alert("欢迎",uname+":欢迎您使用ZX个人/家庭收支管理管理"); } 
						},
						'->',
						{  
						 id:'BB',text:"退出系统",iconCls:'logout',
		                 handler: function(){
		                 	 window.close();
		                 	 } 
						 }
					]
			},{
				title : '功能菜单',
				items : menu,
				split:true,
				collapsible: true,
				region:'west',//指定子面板所在区域为west
				width: 160
			},{
				title: '系统说明',
				contentEl : 'aboutDiv',
				collapsible: true,
				id : 'mainContent',
				region:'center'//指定子面板所在区域为center
			}]
		});
		
		}
		var mainPanel = Ext.getCmp('mainContent');
	});
</script>
<body>
<div id='aboutDiv' style='height:96%;width:100%'>
    	<div style="width: 735px; height: 500px; overflow: auto;font-size:13px;" align=left>
		<p>这是一个个人/家庭财务B/S OA系统:</p>
		<p>  此系统适合于个人和家庭的收入和支出的具体管理,能合理的利用系统来完成查找和了解个人和家庭的收支情况。从而使您的生活更加合理的花费和管理自己的财务!<input type="hidden"  name="uname" id="uname" value="${username }"/> </p>
		<p>功能介绍:</p>
		<p>此系统目前有:1,个人/家庭收入管理;2,个人/家庭支出管理,</p>
		<p><font color="red"> 个人/家庭收入管理功能介绍:</font></p>
		<p>  1):收入类型管理:您可以根据自己的需要进行添加和修改删除收入类型,如:工资收入,奖金收入,其他收入...</p>
		<p>  2):收入管理:您可以根据自己的需要进行添加修改和删除收入,在收入中添加的时候可以根据时间情况选择您的收入类型。</p>
		<p>   1:您还可以进行查询本月的总收入情况</p>
		<p><font color="red"> 个人/家庭支出管理功能介绍:</font></p>
		<p>  1):支出类型管理:您可以根据自己的需要进行添加和修改删除支出类型,如:吃饭,日常用品,小吃...</p>
		<p>  2):支出管理:您可以根据自己的需要进行添加修改和删除支出,在支出中添加的时候可以根据时间情况选择您的收入类型。</p>
		<p>   1:您还可以进行查询本月的总支出情况</p>
		<p><input type="hidden" name="uname" id="uname" value="${username }"/> </p>  
		
		</div>
</div>
</body>
</html>

 

分享到:
评论

相关推荐

    EXT 首页设计

    1.EXT实现 2.带背景图片 3.调整文本框大小 4.调整按钮大小 5.调整对齐方式

    Windows读取Ext4分区的工具 Ext2Read

    1. **支持多种EXT文件系统**: Ext2Read不仅支持EXT2,还支持更先进的EXT3和EXT4文件系统。EXT4是目前Linux发行版广泛采用的文件系统,其特点是速度快、支持大文件和大量文件。 2. **查看与复制**: 用户可以像在...

    在windows下使用Ext2Fsd访问EXT4分区

    在Windows操作系统中,由于默认不支持Linux文件系统如EXT4,因此无法直接读取或写入EXT4格式的分区。但有一些第三方工具可以帮助我们解决这个问题,其中之一就是Ext2Fsd。Ext2Fsd是一个免费的开源软件,专门设计用于...

    ext3.jar ext使用非常多

    EXT,全称EXT JS,是一种基于JavaScript的开源前端框架,主要应用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。EXT3.jar是EXT框架的一个版本,它包含EXT库的Java版本,通常用于Java Web应用程序...

    Windows读写Ext2/Ext3/Ext4文件系统

    可以读写Ext2,以Ext2方式挂载Ext3文件系统(不支持Ext3日志),不支持中文! It provides Windows NT4.0/2000/XP/2003/Vista/2008 with full access to Linux Ext2 volumes (read access andwrite access). This ...

    Windows 7下使用Ext2Fsd读取写入Linux Ext3&Ext4分区文件

    在Windows操作系统中,由于文件系统不兼容性,通常无法直接访问Linux系统中的Ext3或Ext4分区。然而,有了第三方工具如Ext2Fsd,Windows用户可以实现对这些Linux文件系统的读取和写入操作。本文将详细介绍如何在...

    ext下载包,ext,ext包,ext下载

    EXT是一个流行的JavaScript库,主要用于构建富互联网应用程序(RIA)。它由Sencha公司开发,提供了丰富的UI组件和数据管理功能,让开发者能够创建交互性强、视觉效果出色的应用程序。标题中的"ext下载包"指的是EXT库...

    ext-2.0 ext-2.0 ext-2.0 ext-2.0 ext-2.0

    ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0

    ext教程、ext核心API 、ext中文教程

    EXT,全称EXT JS,是一款基于JavaScript的开源前端框架,由Sencha公司开发,主要用于构建富客户端Web应用程序。EXT提供了一套完整的组件模型、数据绑定、事件系统和强大的布局管理,使得开发者能够创建出功能丰富的...

    Ext + Jquery Ext + Jquery Ext + Jquery

    Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery Ext + Jquery

    ext3.4 ext3.1.0以及ext3.0API

    EXT3.4和EXT3.1.0是EXT3文件系统在不同版本的发展阶段,而EXT3.0 API则是开发人员进行EXT3相关编程时所使用的应用程序接口。 EXT3的主要特点包括: 1. **日志记录**:EXT3采用日志式设计,系统崩溃或非正常关机后...

    ext PPT,EXT 教程,EXT 中文帮助手册,EXT 中文手册,ext_教程(入门到精通),Ext技术程序文档大全.

    EXT,全称EXT JS,是一种基于JavaScript的开源前端框架,专为构建富互联网应用程序(Rich Internet Applications, RIA)设计。EXT提供了丰富的组件库,包括数据管理、用户界面控件和布局管理,使得开发者能够创建...

    Ext入门-详细教程

    Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-详细教程Ext入门-...

    ext4_utils

    《深入理解ext4_utils:三星线刷ROM打包利器》 在Android系统开发和维护领域,三星线刷ROM的打包工具ext4_utils是一个不可或缺的实用程序。这个工具集专注于处理ext4文件系统,一种广泛用于Linux内核的高性能日志...

    EXT安装包4.2.1-1

    EXT4.2.1是一个广泛使用的JavaScript框架,主要用于构建用户界面和富互联网应用程序(RIAs)。这个安装包可能包含了EXT的各个组件、示例、文档和必要的库文件,以帮助开发者快速搭建功能丰富的Web应用。 EXT的核心...

    最新ext3.0资源包 ext3.0

    EXT3,全称为“Extended File System 3”,是Linux操作系统中的一个日志文件系统,它在1998年由Stephen Tweedie开发并引入Linux内核。EXT3是EXT2的扩展,增加了日志功能,提高了系统的可靠性和数据一致性。在Linux...

    ext中文教程 ext API

    ext中文教程 ext API ext中文教程 ext API

    Ext Designer EXt UI设计插件

    EXT Designer是一款专为EXT UI框架设计的可视化设计工具,它极大地简化了EXT用户界面的创建过程,让开发者和设计师能够快速、高效地构建出复杂的Web应用程序界面。EXT UI是一种流行的JavaScript库,它提供了丰富的...

    ext相关资料-ext3.1

    EXT是Linux操作系统中广泛使用的文件系统之一,EXT3.1是EXT3的增强版本,它在EXT3的基础上进行了一些改进和优化,以提供更稳定、更高效的数据存储和管理。EXT系列文件系统由Linux内核开发者为了满足对性能、可靠性和...

    ext_教程 (ext 相 关)

    EXT是Web应用程序开发框架,主要用于构建富客户端(Rich Internet Applications,RIA)的用户界面。它基于JavaScript,提供了丰富的组件库,让开发者可以构建出交互性强、功能完善的网页应用。本教程将带你从入门到...

Global site tag (gtag.js) - Google Analytics