<%@ 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>