版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、<p> Java Web開發(fā)(JSP)課程設(shè)計報告</p><p> 題 目:個人信息管理系統(tǒng)</p><p> 設(shè) 計 者:xxxx </p><p> 專業(yè)班級:xxxxxxxx</p><p> 學(xué) 號:xxxxxxxx</p><p> 指導(dǎo)教師: xxxxx</
2、p><p> 2013年 1月 5日</p><p> xxxxx大學(xué)計算機(jī)學(xué)院</p><p> 個人信息管理系統(tǒng)報告書</p><p><b> 系統(tǒng)需求背景</b></p><p> 該系統(tǒng)實現(xiàn)用戶的個人信息管理,根據(jù)用戶的需求實現(xiàn)相應(yīng)的信息查詢以及更新為用戶挺方便的使用功能。&l
3、t;/p><p> 本系統(tǒng)適用于所有人的個人信息管理,主要任務(wù)是對用戶的的事宜、心情、工作、學(xué)習(xí)、個人帳目等等的記載,并對這些進(jìn)行信息進(jìn)行日常管理。社會發(fā)展越來越快,在面對多發(fā)方面壓力的情況下,生活難免會陷入混亂,我們在每天的生活和學(xué)習(xí)中會接觸到大量豐富的信息,對于個人信息也需要有一個系統(tǒng)的管理。</p><p> 二、系統(tǒng)所涉及的一些知識</p><p> 該個
4、人信息管理系統(tǒng)管理系統(tǒng)采用JSP+JDBC+MySQL、extjs、struts、spring、ibatis來實現(xiàn),視圖層采用JSP來實現(xiàn),并通過JDBC來連接MySQL數(shù)據(jù)庫。</p><p> JSP(Java Server Pages)是由Sun Microsystems公司倡導(dǎo)、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)。 JSP技術(shù)是用JAVA語言作為腳本語言的,JSP網(wǎng)頁為整個服務(wù)器端的JAVA庫單
5、元提供了一個接口來服務(wù)于HTTP的應(yīng)用程序。 </p><p> JDBC是一種可用于執(zhí)行SQL語句的JavaAPI(ApplicationProgrammingInterface應(yīng)用程序設(shè)計接口)。它由一些Java語言編寫的類和界面組成。JDBC為數(shù)據(jù)庫應(yīng)用開發(fā)人員、數(shù)據(jù)庫前臺工具開發(fā)人員提供了一種標(biāo)準(zhǔn)的應(yīng)用程序設(shè)計接口,使開發(fā)人員可以用純Java語言編寫完整的數(shù)據(jù)庫應(yīng)用程序。</p><
6、p> MySQL是一個真正的多用戶、多線程SQL數(shù)據(jù)庫服務(wù)器。SQL(結(jié)構(gòu)化查詢語言)是世界上最流行的和標(biāo)準(zhǔn)化的數(shù)據(jù)庫語言。MySQL是以一個客戶機(jī)/服務(wù)器結(jié)構(gòu)的實現(xiàn),它由一個服務(wù)器守護(hù)程序mysqld和很多不同的客戶程序和庫組成。</p><p> MySQL 主要目標(biāo)是快速、健壯和易用。最初是因為我們需要這樣一個SQL服務(wù)器,它能處理與任何可不昂貴硬件平臺上提供數(shù)據(jù)庫的廠家在一個數(shù)量級上的大型數(shù)據(jù)庫
7、,但速度更快,MySQL就開發(fā)出來。 </p><p><b> 功能需求分析</b></p><p> 對模塊及其基本功能進(jìn)行分析</p><p> 本系統(tǒng)為方便用戶使用起見設(shè)計了八塊:主頁、任務(wù)管理、筆記管理、相冊管理、訂閱管理、文檔管理、帳目管理、系統(tǒng)管理。系統(tǒng)的基本功能是:用戶登陸后,可以通過一系列的操作管理個人信息,使得日常個人
8、信息管理得到合理的保管,及時的進(jìn)行完善,使得生活更有條不紊,并且各個功能模塊都可以選擇性的開啟或者停用。</p><p><b> 系統(tǒng)設(shè)計方案</b></p><p><b> 整體設(shè)計方案。</b></p><p> 根據(jù)系統(tǒng)功能需求分析,可將系統(tǒng)完善大致分為如下幾步:</p><p>&
9、lt;b> 程序結(jié)構(gòu)</b></p><p><b> 主模塊</b></p><p><b> 系統(tǒng)涉及的數(shù)據(jù)庫表</b></p><p> 所使用的數(shù)據(jù)庫及其字段。</p><p> 數(shù)據(jù)庫安裝的是MySQL 5.1,根據(jù)系統(tǒng)功能需求分析得到如下數(shù)據(jù)庫表:</p
10、><p><b> 具體功能分析</b></p><p><b> 登錄界面</b></p><p> <%@ page language="java" pageEncoding="UTF-8" isELIgnored="false"%></p
11、><p> <%@page import="global.Constants"%></p><p> <%@page import="util.ServletHelp"%></p><p> <%@page import="global.security.SessionUtils&qu
12、ot;%><html></p><p><b> <head></b></p><p><b> <%</b></p><p> String baseUrl = request.getContextPath();</p><p><b> %&
13、gt;</b></p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p> <script type="text/javascript"></p><p&g
14、t; $(document).ready(function(){</p><p><b> // 全局參數(shù)</b></p><p> var baseParams = {start:0, limit:<%=Constants.PAGE_SIZE %>, delflag:"<%=Constants.DEL_FLAG_1 %>&qu
15、ot;};</p><p><b> // 用戶數(shù)據(jù)源</b></p><p> var userListStore = new Ext.data.JsonStore({</p><p> url: '<%=baseUrl %>/userAction.do?method=queryForPaging',<
16、/p><p> root: 'datas',</p><p> totalProperty: 'results',</p><p> fields: ['userId', 'userName', 'role', 'sex', 'birthdayStr',
17、 'email', 'phone', 'status'],</p><p> baseParams: baseParams,</p><p> autoLoad: true</p><p><b> });</b></p><p><b> // 工具欄&
18、lt;/b></p><p> var userListToolbar = new Ext.Toolbar({</p><p> renderTo: 'userListToolBarDiv',</p><p><b> items: [</b></p><p> new Ext.Button
19、({</p><p> id: 'userList-add-button',</p><p> text: '添加',</p><p> iconCls: 'user_add'</p><p><b> }),</b></p><p><
20、;b> '-',</b></p><p> new Ext.Button({</p><p> id: 'userList-start-button',</p><p> text: '啟用',</p><p> iconCls: 'status_online
21、'</p><p><b> }),</b></p><p> new Ext.Button({</p><p> id: 'userList-stop-button',</p><p> text: '停用',</p><p> iconCls:
22、 'status_offline'</p><p><b> }),</b></p><p> new Ext.Button({</p><p> id: 'userList-delete-button',</p><p> text: '刪除',</p>
23、;<p> iconCls: 'status_busy'</p><p><b> }),</b></p><p> new Ext.ux.form.SearchField({</p><p> store: userListStore,</p><p> width: 320,&
24、lt;/p><p> paramName: 'userName',</p><p> emptyText: '請輸入用戶名...',</p><p> style: 'margin-left: 10px;'</p><p><b> })</b></p>
25、<p><b> ]</b></p><p><b> });</b></p><p><b> // 用戶數(shù)據(jù)表格</b></p><p> var sm = new Ext.grid.CheckboxSelectionModel();</p><p>
26、var userListGrid = new Ext.grid.GridPanel({</p><p> id: 'userListGrid',</p><p> renderTo: 'userListGridDiv',</p><p> border: false,</p><p> stateful
27、: true,</p><p> autoScroll: 'auto',</p><p> store: userListStore,</p><p> loadMask: true,</p><p> cm: new Ext.grid.ColumnModel({</p><p> defau
28、lts: {</p><p> width: 100,</p><p> sortable: true</p><p><b> },</b></p><p> columns: [</p><p><b> sm,</b></p><p>
29、 new Ext.grid.RowNumberer({header:'№'}),</p><p> {id:'role',header: '角色', width: 100, sortable: true, dataIndex: 'role'},</p><p> {id:'userId',header:
30、'賬號', width: 100, sortable: true, dataIndex: 'userId'},</p><p> {id:'userName',header: '用戶名', width: 100, sortable: true, dataIndex: 'userName'},</p><p>
31、 {id:'sex',header: '性別', width: 50, sortable: true, dataIndex: 'sex'},</p><p> {id:'birthdayStr',header: '生日', width: 100, sortable: true, dataIndex: 'birthdaySt
32、r'},</p><p> {id:'email',header: '郵箱', width: 180, sortable: true, dataIndex: 'email'},</p><p> {id:'phone',header: '電話', width: 100, sortable: true
33、, dataIndex: 'phone'},</p><p> {id:'status',header: '狀態(tài)', width: 50, sortable: true, dataIndex: 'status'}</p><p><b> ]</b></p><p><b
34、> }),</b></p><p><b> sm: sm,</b></p><p> columnLines: true,</p><p> bbar: new Ext.PagingToolbar({</p><p> pageSize: <%=Constants.PAGE_SIZE
35、%>,</p><p> store: userListStore,</p><p> displayInfo: true,</p><p> displayMsg: Anynote.PAGINGTOOLBAR_DISPLAYMSG,</p><p> emptyMsg: Anynote.PAGINGTOOLBAR_EMPTYM
36、SG,</p><p> doLoad: function(start){</p><p> baseParams.start = start;</p><p> this.store.load({params: baseParams});</p><p><b> }</b></p><p&
37、gt;<b> })</b></p><p><b> });</b></p><p> // 設(shè)置Grid高度和寬度</p><p> Anynote.resizeGridTo("userListGrid", 0, 56);</p><p><b> //
38、添加按鈕</b></p><p> $("#userList-add-button").click(function(){</p><p><b> // 角色數(shù)據(jù)源</b></p><p> var roleStore = new Ext.data.ArrayStore({ </p>&l
39、t;p> fields : ['role', 'roleName'], </p><p> data : <%=ServletHelp.getArrayFromMap(Constants.ROLE_MAP, null)%>,</p><p> sortInfo: {field: "role", direction
40、: "ASC"}</p><p><b> });</b></p><p> if('<%=Constants.ROLE_CODE_1%>'=='<%=SessionUtils.getUserRole()%>'){</p><p> roleStore.remov
41、eAt(0);</p><p><b> }else{</b></p><p> roleStore.removeAt(0);</p><p> roleStore.removeAt(0);</p><p><b> }</b></p><p><b>
42、// 性別數(shù)據(jù)源</b></p><p> var sexStore = new Ext.data.ArrayStore({ </p><p> fields : ['sex', 'sexName'], </p><p> data : <%=ServletHelp.getArrayFromMap(Cons
43、tants.SEX_MAP, null)%>,</p><p> sortInfo: {field: "sex", direction: "ASC"}</p><p><b> });</b></p><p><b> // 風(fēng)格數(shù)據(jù)源</b></p>&l
44、t;p> var themeStore = new Ext.data.SimpleStore({ </p><p> fields : ['theme', 'themeName'], </p><p> data : Anynote.THEME_DATA </p><p><b> });</b&g
45、t;</p><p> // 編輯用戶Form</p><p> var addUserFormPanel = new Ext.FormPanel({</p><p> id: 'addUserFormPanel',</p><p> labelWidth: 60,</p><p> butt
46、onAlign: 'center',</p><p> border: false,</p><p> bodyStyle: 'padding:10px;text-align:left;background-color:transparent;',</p><p><b> url: '',</b
47、></p><p> items:[{// 角色</p><p> xtype:'combo',</p><p> hiddenName: 'role',</p><p> fieldLabel: '角色',</p><p> store: roleSto
48、re,</p><p> mode : 'local',</p><p> triggerAction: "all",</p><p> valueField: 'role',</p><p> displayField: 'roleName',</p>
49、<p> allowBlank:false,</p><p> editable: false,</p><p> width: 230,</p><p> anchor:'98%'</p><p><b> },{// 賬號</b></p><p> xt
50、ype:'textfield',</p><p> name: 'userId',</p><p> fieldLabel: '賬號',</p><p> anchor:'98%',</p><p> allowBlank:false,</p><p&
51、gt; maxLength: 20</p><p> },new Ext.form.TextField ({// 密碼</p><p> inputType: 'password',</p><p> name:'password',</p><p> fieldLabel:'密碼',
52、</p><p> anchor:'98%',</p><p> allowBlank:false,</p><p> maxLength: 20</p><p> }),new Ext.form.TextField ({// 確認(rèn)密碼</p><p> inputType: 'pas
53、sword',</p><p> name:'repassword',</p><p> fieldLabel:'確認(rèn)密碼',</p><p> anchor:'98%',</p><p> allowBlank:false,</p><p> maxL
54、ength: 20</p><p><b> }),{// 姓名</b></p><p> xtype:'textfield',</p><p> id:'userName',</p><p> name:'userName',</p><p&g
55、t; fieldLabel:'姓名',</p><p> anchor:'98%',</p><p> allowBlank:false,</p><p> maxLength: 20</p><p><b> },{// 性別</b></p><p>
56、 xtype:'combo',</p><p> hiddenName: 'sex',</p><p> fieldLabel: '性別',</p><p> store: sexStore,</p><p> mode : 'local',</p><
57、;p> triggerAction: "all",</p><p> valueField: 'sex',</p><p> displayField: 'sexName',</p><p> allowBlank:false,</p><p> editable: fals
58、e,</p><p> width: 230,</p><p> anchor:'98%'</p><p><b> },{// 生日</b></p><p> xtype:'datefield',</p><p> name: 'birthday
59、Str',</p><p> fieldLabel: '生日',</p><p> format: 'Y-m-d',</p><p> width: 230,</p><p> anchor:'98%'</p><p><b> },{// 郵
60、箱</b></p><p> xtype:'textfield',</p><p> name:'email',</p><p> fieldLabel:'郵箱',</p><p> anchor:'98%',</p><p> vt
61、ype:'email',</p><p> allowBlank:false,</p><p> maxLength: 50</p><p><b> },{// 電話</b></p><p> xtype:'textfield',</p><p> na
62、me:'phone',</p><p> fieldLabel:'電話',</p><p> anchor:'98%',</p><p> maxLength: 20</p><p><b> },{// 風(fēng)格</b></p><p> x
63、type:'combo',</p><p> hiddenName: 'theme',</p><p> fieldLabel: '風(fēng)格',</p><p> store: themeStore,</p><p> mode : 'local',</p>&
64、lt;p> triggerAction: "all",</p><p> valueField: 'theme',</p><p> displayField: 'themeName',</p><p> value: 'ext-all.css',</p><p&g
65、t; editable: false,</p><p> allowBlank:false,</p><p> width: 230,</p><p> anchor:'98%'</p><p><b> },{</b></p><p> xtype: 'rad
66、iogroup',</p><p> fieldLabel: '主頁',</p><p> itemCls: 'x-check-group-alt',</p><p> columns: 3,</p><p><b> items: [</b></p><
67、;p> {boxLabel: '任務(wù)', name: 'homePage', inputValue: "<%=Constants.HOME_PAGE_1_URL%>", checked: true},</p><p> {boxLabel: '筆記', name: 'homePage', inputValue
68、: "<%=Constants.HOME_PAGE_2_URL%>"},</p><p> {boxLabel: '相冊', name: 'homePage', inputValue: "<%=Constants.HOME_PAGE_3_URL%>"},</p><p> {boxLabel
69、: '賬目', name: 'homePage', inputValue: "<%=Constants.HOME_PAGE_4_URL%>"},</p><p> {boxLabel: '訂閱', name: 'homePage', inputValue: "<%=Constants.HOME_PAG
70、E_5_URL%>"},</p><p> {boxLabel: '文檔', name: 'homePage', inputValue: "<%=Constants.HOME_PAGE_7_URL%>"}</p><p><b> ]</b></p><p>&
71、lt;b> },{</b></p><p> xtype: 'checkboxgroup',</p><p> fieldLabel: '模塊',</p><p> itemCls: 'x-check-group-alt',</p><p> columns: 3,&
72、lt;/p><p><b> items: [</b></p><p> {boxLabel: '任務(wù)', name: 'showTodo', checked: true},</p><p> {boxLabel: '筆記', name: 'showNote', checked:
73、 true},</p><p> {boxLabel: '相冊', name: 'showPicture', checked: true},</p><p> {boxLabel: '賬目', name: 'showAccount', checked: true},</p><p> {boxLa
74、bel: '訂閱', name: 'showFeed', checked: true},</p><p> {boxLabel: '文檔', name: 'showDocument', checked: true}</p><p><b> ]</b></p><p><
75、b> },{// 驗證碼</b></p><p> xtype:'textfield',</p><p> id:'verifyCode',</p><p> name:'verifyCode',</p><p> fieldLabel:'驗證碼',&
76、lt;/p><p> anchor:'98%',</p><p> allowBlank:false,</p><p> maxLength: 20</p><p><b> },{</b></p><p> width: 110,</p><p>
77、 border: false,</p><p> style: 'margin-left:65px;line-height:20px;',</p><p> bodyStyle: 'background-color:transparent;',</p><p> html:'<img id="Verify
78、CodeImg" src="" style="float:left;"/><span style="float:right;"><a href="javascript:changeVerifyCode();">換一張</a></span>'</p><p><
79、;b> }],</b></p><p> buttons: [{</p><p> text:'提交',</p><p> handler: function(){</p><p> var form = addUserFormPanel.getForm();</p><p>
80、; if(form.isValid()){</p><p><b> // 發(fā)送請求</b></p><p> Anynote.ajaxRequest({</p><p> baseUrl: '<%=baseUrl %>',</p><p> baseParams: form.get
81、Values(),</p><p> action: '/loginAction.do?method=register',</p><p> callback: function(jsonResult){</p><p> userListGrid.getStore().reload();</p><p> addUs
82、erWindow.close();</p><p><b> },</b></p><p> showWaiting: true,</p><p> failureMsg: '保存失敗.'</p><p><b> });</b></p><p>&l
83、t;b> }</b></p><p><b> }</b></p><p><b> },{</b></p><p> text: '重置',</p><p> handler: function(){</p><p> addU
84、serFormPanel.getForm().reset();</p><p><b> }</b></p><p><b> }]</b></p><p><b> });</b></p><p><b> // 用戶注冊窗口</b></p
85、><p> var addUserWindow = new Ext.Window({</p><p> title: '添加用戶',</p><p> width: 330,</p><p> height: 490,</p><p> modal: true,</p><p&
86、gt; maximizable: false,</p><p> resizable: false,</p><p> layout:'fit',</p><p> plain: true,</p><p> items: [addUserFormPanel]</p><p> }).sho
87、w();</p><p><b> // 獲得驗證碼</b></p><p> changeVerifyCode();</p><p><b> });</b></p><p><b> // 啟用按鈕</b></p><p> $("
88、;#userList-start-button").click(function(){</p><p><b> // 啟用</b></p><p> submit("start");</p><p><b> });</b></p><p><b>
89、 // 停用按鈕</b></p><p> $("#userList-stop-button").click(function(){</p><p><b> // 停用</b></p><p> submit("stop");</p><p><b>
90、 });</b></p><p><b> // 刪除按鈕</b></p><p> $("#userList-delete-button").click(function(){</p><p><b> // 提交</b></p><p> submit(
91、"delete");</p><p><b> });</b></p><p><b> // 提交</b></p><p> function submit(type){</p><p> var msg = "";</p><p
92、> var status = "";</p><p> if(type=="delete"){</p><p> msg = "確定要刪除賬戶及其文件嗎?";</p><p> }else if(type=="stop"){</p><p> ms
93、g = "確定要停用嗎?";</p><p> status = "<%=Constants.USER_STATUS_2%>";</p><p> type = "updateStatus";</p><p> }else if(type=="start"){</
94、p><p> msg = "確定要啟用嗎?";</p><p> status = "<%=Constants.USER_STATUS_1%>";</p><p> type = "updateStatus";</p><p><b> }</b>
95、;</p><p> var records = userListGrid.getSelectionModel().getSelections();</p><p> if(records.length < 1){</p><p> Ext.Msg.alert("提示", "請至少選擇一條數(shù)據(jù).");</p&
96、gt;<p><b> }else{</b></p><p> Ext.Msg.confirm("警告", msg, function(btn){</p><p> if(btn=="yes"){</p><p> var userIds = "";</p&
97、gt;<p> for(var i=0;i<records.length;i++){</p><p> userIds = userIds + records[i].get("userId") + ",";</p><p><b> }</b></p><p><b>
98、 // 發(fā)送請求</b></p><p> Anynote.ajaxRequest({</p><p> baseUrl: '<%=baseUrl %>',</p><p> baseParams: {userIds:userIds, status:status},</p><p> acti
99、on: '/userAction.do?method='+type,</p><p> callback: function(jsonResult){</p><p> userListGrid.getStore().reload();</p><p><b> },</b></p><p> s
100、howWaiting: true,</p><p> failureMsg: '保存失敗.'</p><p><b> });</b></p><p><b> }</b></p><p><b> });</b></p><p>
101、;<b> }</b></p><p><b> }</b></p><p><b> });</b></p><p><b> // 更換驗證碼</b></p><p> function changeVerifyCode(){</p&g
102、t;<p> $("#VerifyCodeImg").attr("src", "<%=baseUrl %>/loginAction.do?method=getVerifyCode&time="+new Date());</p><p><b> }</b></p><p>
103、;<b> </script></b></p><p><b> </head></b></p><p><b> <body></b></p><p> <div id="userListDiv"></p>&
104、lt;p> <div id="userListToolBarDiv"></div></p><p> <div id="userListGridDiv" style="width:100%;height:100%;"></p><p><b> </div>&l
105、t;/b></p><p><b> 帳目查詢界面</b></p><p> <%@ page language="java" pageEncoding="UTF-8" isELIgnored="false"%></p><p> <%@page impo
106、rt="global.Constants"%></p><p> <%@page import="util.DateUtils"%></p><p> <%@page import="util.ServletHelp"%></p><p> <%@page impo
107、rt="util.StringUtils"%></p><p><b> <html></b></p><p><b> <head></b></p><p><b> <%</b></p><p> String
108、 baseUrl = request.getContextPath();</p><p> String accountBookId = request.getParameter("accountBookId");</p><p> String accountBookName = request.getParameter("accountBookName
109、");</p><p> if(StringUtils.isEmpty(accountBookName) || "null".equals(accountBookName)){</p><p> accountBookName = "所有賬目";</p><p><b> }else{</b&g
110、t;</p><p> accountBookName = java.net.URLDecoder.decode(accountBookName, "UTF-8");</p><p><b> }</b></p><p><b> %></b></p><p> &
111、lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p> <script type="text/javascript"></p><p> Ext.chart.Chart.CHART_URL = '
112、<%=baseUrl %>/websrc/js/ext-3.3.0/resources/charts.swf';</p><p> $(document).ready(function(){</p><p><b> // 全局參數(shù)</b></p><p> var baseParams = {start:0, lim
113、it:"<%=Constants.PAGE_SIZE %>", accountBookId:"<%=accountBookId %>", fromDate:"<%=DateUtils.getFirstDayOfMonthAsString(DateUtils.DATE_PATTON_1)%>", toDate:"<%=DateU
114、tils.getLastDayOfMonthAsString(DateUtils.DATE_PATTON_1)%>"};</p><p> var accountBookName = '<%=accountBookName%>';</p><p><b> // 工具欄</b></p><p>
115、 var accountListToolbar = new Ext.Toolbar({</p><p> renderTo: 'accountListToolBarDiv',</p><p><b> items: [</b></p><p> '當(dāng)前:'+accountBookName,</p>
116、;<p><b> '-',</b></p><p> new Ext.Button({</p><p> id: 'accountList-search-button',</p><p> text: '查詢',</p><p> iconCls:
117、 'report_magnify'</p><p><b> }),</b></p><p> new Ext.Button({</p><p> id: 'accountList-add-button',</p><p> text: '添加',</p>
118、;<p> iconCls: 'report_add'</p><p><b> }),</b></p><p> new Ext.Button({</p><p> id: 'accountList-edit-button',</p><p> text:
119、9;修改',</p><p> iconCls: 'report_edit'</p><p><b> }),</b></p><p> new Ext.Button({</p><p> id: 'accountList-delete-button',</p>
120、<p> text: '刪除',</p><p> iconCls: 'report_delete'</p><p><b> }),</b></p><p><b> '-',</b></p><p> new Ext.But
121、ton({</p><p> id: 'accountList-inout-button',</p><p> text: '收支統(tǒng)計',</p><p> iconCls: 'chart_bar'</p><p><b> }),</b></p>&
122、lt;p> new Ext.Button({</p><p> id: 'accountList-groupin-button',</p><p> text: '收入統(tǒng)計',</p><p> iconCls: 'chart_pie'</p><p><b> }),
123、</b></p><p> new Ext.Button({</p><p> id: 'accountList-groupout-button',</p><p> text: '支出統(tǒng)計',</p><p> iconCls: 'chart_pie'</p>
124、<p><b> })</b></p><p><b> ]</b></p><p><b> });</b></p><p> // 賬目分類數(shù)據(jù)源</p><p> var accountCategoryStore = new Ext.data.Jso
125、nStore({</p><p> url: '<%=baseUrl %>/accountCategoryAction.do?method=query',</p><p> root: 'datas',</p><p> fields: ['categoryId', 'categoryName
126、'],</p><p> autoLoad: {</p><p> params: {'status':''},</p><p> callback: function(records, success){</p><p> this.insert(0, new Ext.data.Record
127、({</p><p> categoryId: "",</p><p> categoryName: "全部"</p><p><b> }));</b></p><p><b> }</b></p><p><b>
128、 }</b></p><p><b> });</b></p><p> // 賬目類型數(shù)據(jù)源</p><p> var accountTypeStore = new Ext.data.ArrayStore({ </p><p> fields : ['accountType',
129、'accountTypeName'], </p><p> data : <%=ServletHelp.getArrayFromMap(Constants.ACCOUNT_TYPE_MAP, "全部")%>,</p><p> sortInfo: {field: "accountType", direction: &
130、quot;ASC"}</p><p><b> });</b></p><p> // 檢索賬目Form</p><p> var searchAccountFormPanel = new Ext.FormPanel({</p><p> id: 'searchAccountFormPanel&
131、#39;,</p><p> renderTo: 'accountListSearchDiv',</p><p> labelWidth: 60,</p><p> width:600,</p><p> border: false,</p><p> bodyStyle: 'padd
132、ing:5px;',</p><p><b> url: '',</b></p><p><b> items: [{</b></p><p> layout:'column',</p><p> border: false,</p>&
133、lt;p><b> items:[{</b></p><p> columnWidth:.5,</p><p> layout: 'form',</p><p> border: false,</p><p><b> items: [{</b></p>
134、<p><b> // 賬目類型</b></p><p> xtype:'combo',</p><p> hiddenName: 'accountType',</p><p> fieldLabel: '賬目類型',</p><p> store:
135、accountTypeStore,</p><p> mode : 'local',</p><p> triggerAction: "all",</p><p> emptyText: '請選擇...',</p><p> valueField: 'accountType&
136、#39;,</p><p> displayField: 'accountTypeName',</p><p> listeners:{</p><p> change:function(){</p><p> accountCategoryStore.load({</p><p> para
137、ms: {'status':this.value},</p><p> callback: function(records, success){</p><p> if(records.length==0){</p><p> accountCategoryStore.removeAll();</p><p><
138、b> }else{</b></p><p> accountCategoryStore.insert(0, new Ext.data.Record({</p><p> categoryId: "",</p><p> categoryName: "全部"</p><p>&l
139、t;b> }));</b></p><p><b> }</b></p><p> searchAccountFormPanel.getForm().findField("categoryId").setValue("");</p><p><b> }</b&g
140、t;</p><p><b> });</b></p><p><b> }</b></p><p><b> },</b></p><p> editable: false,</p><p> anchor:'95%'<
141、/p><p><b> },{</b></p><p><b> // 開始日期</b></p><p> xtype:'datefield',</p><p> id: 'fromDate',</p><p> name: 'f
142、romDate',</p><p> fieldLabel: '開始日期',</p><p> format: 'Y-m-d',</p><p> value: '<%=DateUtils.getFirstDayOfMonthAsString(DateUtils.DATE_PATTON_1)%>
143、9;,</p><p> anchor:'95%'</p><p><b> }]</b></p><p><b> },{</b></p><p> columnWidth:.5,</p><p> layout: 'form',&
144、lt;/p><p> border: false,</p><p><b> items: [{</b></p><p><b> // 收支項目</b></p><p> xtype:'combo',</p><p> hiddenName: '
145、;categoryId',</p><p> fieldLabel: '收支項目',</p><p> store: accountCategoryStore,</p><p> mode : 'local',</p><p> triggerAction: "all",&l
146、t;/p><p> emptyText: '請選擇...',</p><p> valueField: 'categoryId',</p><p> displayField: 'categoryName',</p><p> editable: false,</p><
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 個人信息管理系統(tǒng)課程設(shè)計報告
- 個人信息管理系統(tǒng)-課程設(shè)計報告
- 個人信息管理系統(tǒng)課程設(shè)計
- jsp課程設(shè)計個人信息管理系統(tǒng)
- 個人信息管理系統(tǒng)課程設(shè)計說明書
- 課程設(shè)計--學(xué)生個人信息管理系統(tǒng)
- 學(xué)生個人信息管理系統(tǒng)java課程設(shè)計
- java課程設(shè)計-- 學(xué)生個人信息管理系統(tǒng)
- 圖書信息管理系統(tǒng)課程設(shè)計報告書
- 高校人員信息管理系統(tǒng) 課程設(shè)計報告書
- 學(xué)生個人信息管理系統(tǒng)java課程設(shè)計
- 數(shù)據(jù)庫課程設(shè)計報告書(學(xué)生信息管理系統(tǒng))
- 個人信息管理系統(tǒng)
- 課程設(shè)計報告書-管理信息系統(tǒng)
- 管理信息系統(tǒng)課程設(shè)計報告書
- 學(xué)生信息管理系統(tǒng)課程設(shè)計報告
- 課程設(shè)計報告--學(xué)生信息管理系統(tǒng)
- 學(xué)生信息管理系統(tǒng)課程設(shè)計報告
- 銷售信息管理系統(tǒng)課程設(shè)計報告
- 學(xué)生信息管理系統(tǒng)課程設(shè)計報告
評論
0/150
提交評論