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>

 

你可能感兴趣的:(JavaScript,html,jsp,css,ext)