我的ext范例

最新推荐文章于 2022-03-19 00:06:23 发布
最新推荐文章于 2022-03-19 00:06:23 发布
阅读量95 收藏
点赞数
分类专栏： ajax 文章标签： EXT DWR Hibernate Acegi CSS
本人学习ext已有一段时间,将我的学习项目贴出来供大家参考
主程序参考ext官方网站的ext的window范例
main.jsp
[code]
<%@ page contentType="text/html; charset=utf-8"%>
<%@ page import="org.acegisecurity.context.SecurityContext, org.acegisecurity.userdetails.UserDetails" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>House Charge Expenses System</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="utf-8" />
<meta content="all" name="robots" />
<meta name="author" content="ark"/>
<meta name="copyright" content="ark" />
<meta name="description" content="just for testing" />
<meta name="keywords" content="family,finance,study" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/ajaxlib/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/ajaxlib/mylib/ext-patch.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/windows.css" />
<script type="text/javascript" src="<%=request.getContextPath() %>/ajaxlib/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/ajaxlib/ext/ext-all-debug.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/ajaxlib/ext/ext-lang-zh_CN.js"></script>
<!--buffalo-->
<script type="text/javascript" src="<%=request.getContextPath() %>/ajaxlib/buffalo/prototype.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/ajaxlib/buffalo/buffalo.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/ajaxlib/mylib/buffaloext.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/ajaxlib/mylib/dwrproxy.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/ajaxlib/mylib/ext-lang-zh.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/dwr/interface/houseChargeService.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/dwr/engine.js"></script>
<script language="javascript">
dwr.engine.setAsync(false);//同步
var ContextPath="<%=request.getContextPath() %>"
var END_POINT="<%=request.getContextPath() %>/bfapp";
var buffalo = new Buffalo(END_POINT,false);
</script>
<script type="text/javascript" src="<%=request.getContextPath() %>/ajaxlib/mylib/buffaloext.js"></script>

<script type="text/javascript" src="desktop.js"></script>
<script type="text/javascript" src="windows.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/steady/chargeItem.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/steady/incomeItem.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/steady/familyMember.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/steady/bankAccount.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/daily/incomeDaily.js"></script>
</head>
<body>
<div id="x-taskbar">
<div id="title-bar">House Charge Expenses System</div>
<div id="logname">用户名:<strong class="username">
<%
SecurityContext context=(SecurityContext)request.getSession().getAttribute("ACEGI_SECURITY_CONTEXT");
UserDetails userDetails=(UserDetails)context.getAuthentication().getPrincipal();
out.print(userDetails.getUsername());
%>
</strong> | <a href="<%=request.getContextPath() %>/logout.html">登出</a>
</div>
<div id="x-launcher-wrap"><div id="x-launcher-inner"><div id="x-launcher-left"><div id="x-launcher-right"><div id="x-launcher-center"><div id="x-launcher"></div><div id="x-info"><ext:user-name /></div></div></div></div></div></div>
</div>
<div id="x-desktop">
</div>
<div id="x-windows">
<div id="x-winlist"><div id="spacer"></div></div>
<div class="x-clear"></div>
</div>
</body>
</html>
[/code]
windows.js
[code]
Myapp = new Ext.app.App({
init :function(){
Ext.QuickTips.init();
},

getModules : function(){
return [
new chargeItemWindow(),
new incomeItemWindow(),
new familyMemberWindow(),
new bankAccountWindow(),
new incomeDailyWindow(),
];
}
});
[/code]

familyMember.js
[code]familyMemberWindow = Ext.extend(Ext.app.Module, {
init : function(){
this.launcher = {
text: '家庭成员',
iconCls:'icon-grid',
handler : this.createWindow,
scope: this
}
},

createWindow : function(){
var desktop = this.app.getDesktop();
var cm = new Ext.grid.ColumnModel([{
header: '姓名',
dataIndex: 'name',
width: 220,
editor: new Ext.grid.GridEditor(new Ext.form.TextField({allowBlank: false}))
}]);

// by default columns are sortable
cm.defaultSortable = true;

var FamilyMember = Ext.data.Record.create([
{name:'id',type:'int',mapping:'id'},
{name: 'name',type:'string',mapping: 'name'}
]);

var ds = new Ext.data.Store({
proxy: new Buffalo.Ext.DataProxy(buffalo,"houseChargeService.getAllFamilyMember",[]),
reader: new Ext.data.ArrayReader({id: 'id'}, FamilyMember),
// turn off remote sorting
remoteSort: false
});

var gridPanel = new Ext.grid.EditorGridPanel({
store: ds,
cm: cm,
selModel: new Ext.grid.CellSelectionModel(),
enableColLock:false,
buttonAlign:'top',
tbar:[{
text: '新增',
handler :doAdd
},{
text: '保存',
handler : doSave
},{
text: '删除',
handler : doDel
}]
});

var win = desktop.getWindow('familyMember-win');
if(!win){
win = desktop.createWindow({
id: 'familyMember-win',
title:'家庭成员',
width:740,
height:460,
x:10,
y:10,
iconCls: 'icon-grid',
shim:false,
animCollapse:false,
constrainHeader:true,
layout: 'fit',
items: gridPanel
});
}
ds.load();
win.show();

function doAdd() {
var p = new FamilyMember({
id:-1,
name:''
});
gridPanel.stopEditing();
var yetCount=ds.getCount();
ds.insert(yetCount, p);
//标示cell已修改过
ds.getAt(yetCount).set("name",'未命名');
gridPanel.startEditing(yetCount, 0);
}

function doSave() {
var eds=ds.getModifiedRecords().slice(0);
for(var i = 0;i<eds.length;i++){
record =eds[i];
if (record.get("id")==-1) {
buffalo.remoteCall("houseChargeService.createFamilyMember",[record.get("name")],function(reply) {
var sucess = reply.getResult();
if (sucess==1) {
alert("重复姓名!");
} else {
if (sucess!=0) {
alert("保存失败!");
} else {
record.commit();
}
}
});
} else {
buffalo.remoteCall("houseChargeService.updateFamilyMember",[record.get("id"),record.get("name")],function(reply) {
var sucess = reply.getResult();
if (sucess==1) {
alert("重复姓名!");
} else {
if (sucess!=0) {
alert("保存失败!");
} else {
record.commit();
}
}
});
}
}
}


function doDel(){
if(gridPanel.selModel.hasSelection()){
Ext.MessageBox.confirm('Message', '确定删除吗?', doDelDetail);
} else {
Ext.MessageBox.alert('Error', '请选中一行!');
}
}

function doDelDetail(btn) {
if (btn == 'yes') {
var record = ds.getAt(gridPanel.selModel.getSelectedCell()[0]);
if (record.get("id")==-1) {
ds.remove(record);
} else {
buffalo.remoteCall("houseChargeService.deleteFamilyMember",[record.get("id")],function(reply) {
var sucess = reply.getResult();
if (sucess!=0) {
alert(" 删除失败!");
} else {
ds.remove(record);
}
});
}
}
}


}
});
[/code]
incomeDaily.js
[code]
incomeDailyWindow = Ext.extend(Ext.app.Module, {
init : function(){
this.launcher = {
text: '收入日记录',
iconCls:'icon-grid',
handler : this.createWindow,
scope: this
}
},

createWindow : function(){
var desktop = this.app.getDesktop();
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
var cm = new Ext.grid.ColumnModel([
{
header: "收入项目",
sortable: true,
dataIndex: 'incomeItem_name',
width: 100
},{
header: "日期",
dataIndex: 'date',
width:60,
renderer:Ext.util.Format.dateRenderer('Y/m/d')
},{
header: "金额",
dataIndex: 'amount',
align: 'right',
width: 100
},{
header: "家庭成员",
dataIndex: 'familyMember_name',
width: 80
},{
header: "银行",
dataIndex: 'bankAccount_bank',
width: 120
},{
header: "帐号",
dataIndex: 'bankAccount_accountNo',
width: 120
},{
header:"备注",
dataIndex: 'remark',
width: 80
}]);

// by default columns are sortable
cm.defaultSortable = true;

var IncomeDaily = Ext.data.Record.create([
{name:'id',type:'int',mapping:'id'},
{name: 'incomeItem_name', type: 'string',mapping:'incomeItem.name'},
{name: 'date', type: 'date',dateFormat: 'Y/m/d',mapping:'date'},
{name: 'amount', type: 'float',mapping:'amount'},
{name: 'familyMember_name', type: 'string',mapping:'familyMember.name'},
{name: 'bankAccount_bank', type: 'string',mapping:'bankAccount.bank'},
{name: 'bankAccount_accountNo', type: 'string',mapping:'bankAccount.accountNo'},
{name: 'remark', type: 'string',mapping:'remark'}
]);

var ds = new Ext.data.Store({
proxy: new Ext.data.DWRProxy(houseChargeService.findIncomeDaily),
reader: new Ext.data.JsonReader({totalProperty:'total',root:'list',id:'id'},IncomeDaily),
remoteSort: false,
});

var gridPanel = new Ext.grid.EditorGridPanel({
ds:ds,
cm: cm,
sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
enableColLock:false,
autoSizeColumns: true,
buttonAlign:'top',
tbar:[{
text: '新增',
handler :doAdd
},{
text: '查询',
handler : doQuery
},{
text: '删除',
handler : doDel
}],
bbar:new Ext.PagingToolbar({
pageSize: 2,
store: ds,
displayInfo: true
})
});

var win = desktop.getWindow('incomeDaily-win');
if(!win){
win = desktop.createWindow({
id: 'incomeDaily-win',
title:'收入日记录',
width:740,
height:460,
x:10,
y:10,
iconCls: 'icon-grid',
shim:false,
animCollapse:false,
constrainHeader:true,
layout: 'fit',
items: gridPanel
});
}

win.show();

function doAdd() {
var allIncomeItem=[];
buffalo.remoteCall("houseChargeService.findRootIncomeItem",[], function(reply) {
getChild(reply.getResult());
function getChild(parent) {
if (parent.children.lengt==0) {
return 0;
}
for(var i=0; i<parent.children.length; i++) {
allIncomeItem.push([parent.children[i].id,parent.children[i].name]);
getChild(parent.children[i]);
}
}
});

var allFamilyMember=[];
buffalo.remoteCall("houseChargeService.getAllFamilyMember",[],function(reply) {
var list = reply.getResult();
for(var i=0; i<list.length; i++) {
allFamilyMember.push([list[i].id,list[i].name]);
}
});

var allBankAccount=[];
buffalo.remoteCall("houseChargeService.getAllBankAccount",[],function(reply) {
var list = reply.getResult();
for(var i=0; i<list.length; i++) {
if (list[i].bank=="现金") {
allBankAccount.push([list[i].id,list[i].bank]);
} else {
allBankAccount.push([list[i].id,list[i].bank+" "+list[i].accountNo+" "+list[i].cardNo]);
}
}
});

var addForm = new Ext.FormPanel({
onSubmit: Ext.emptyFn,
submit: function() {
this.getEl().dom.submit();
},
labelWidth: 75, // label settings here cascade unless overridden
frame:true,
title: '',
//bodyStyle:'padding:5px 5px 0', ark
bodyStyle:'padding: 0',
width: 350,
labelSeparator:'',
items: [{
xtype:'combo',
fieldLabel: '家庭成员',
store: new Ext.data.SimpleStore({
fields: ["id","name"],
data: allFamilyMember
}),
editable: false,
hiddenName:'familyMember_id',
displayField:'name',
valueField:'id',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'请选择家庭成员',
selectOnFocus:true,
resizable:true,
allowBlank:false,
forceSelection:true
},{
xtype:'datefield',
fieldLabel: '日期',
name: 'date',
width: 100,
allowBlank: false,
format:'Y/m/d'
}, {
xtype:'numberfield',
fieldLabel: '金额',
name: 'amount',
width: 100,
allowBlank: false,
allowNegative: false,
minValue: 0
},{
xtype:'combo',
fieldLabel: '账户',
store: new Ext.data.SimpleStore({
fields: ["id","name"],
data: allBankAccount
}),
editable: false,
hiddenName:'bankAccount_id',
displayField:'name',
valueField:'id',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'请选择账户',
selectOnFocus:true,
resizable:true,
allowBlank:false,
forceSelection:true
},{
xtype:'combo',
fieldLabel: '收入项目',
store: new Ext.data.SimpleStore({
fields: ["id","name"],
data: allIncomeItem
}),
editable: false,
hiddenName:'incomeItem_id',
displayField:'name',
valueField:'id',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'请选择收入项目',
selectOnFocus:true,
resizable:true,
allowBlank:false,
forceSelection:true
},{
xtype:'textfield',
fieldLabel: '备注',
name: 'remark',
width:300
}
],
buttons: [{
text: '保存',
handler:function(){
if(addForm.form.isValid()){
var my=addForm.form.getValues();
buffalo.remoteCall("houseChargeService.createIncomeDaily",[parseInt(my.incomeItem_id),Date.parseDate(my.date, "Y/m/d"),parseFloat(my.amount),parseInt(my.familyMember_id),parseInt(my.bankAccount_id),my.remark],function(reply) {
var sucess = reply.getResult();
if (sucess!=0) {
alert("保存失败!");
} else {
alert("保存成功!");
}
});
addWindow.close();
}
}
},{
text: '放弃',
handler: function(){
addWindow.close();
}
}]
});
var addWindow
if(!addWindow){
addWindow = new Ext.Window({
id: 'incomeDaily-add-win',
layout:'fit',
width:500,
height:300,
plain: true,
items:addForm
});
}
addWindow.show(this);
addForm.form.setValues({date:(new Date()).format("Y/m/d"),familyMember_id:'1',bankAccount_id:'1',incomeItem_id:'2'});
addForm.form.render();
}

function doQuery() {
var allIncomeItem=[];
buffalo.remoteCall("houseChargeService.findRootIncomeItem",[], function(reply) {
getChild(reply.getResult());
function getChild(parent) {
if (parent.children.lengt==0) {
return 0;
}
for(var i=0; i<parent.children.length; i++) {
allIncomeItem.push([parent.children[i].id,parent.children[i].name]);
getChild(parent.children[i]);
}
}
});
//alert(allIncomeItem);


var allFamilyMember=[];
buffalo.remoteCall("houseChargeService.getAllFamilyMember",[],function(reply) {
var list = reply.getResult();
for(var i=0; i<list.length; i++) {
allFamilyMember.push([list[i].id,list[i].name]);
}
});

var allBankAccount=[];
buffalo.remoteCall("houseChargeService.getAllBankAccount",[],function(reply) {
var list = reply.getResult();
for(var i=0; i<list.length; i++) {
if (list[i].bank=="现金") {
allBankAccount.push([list[i].id,list[i].bank]);
} else {
allBankAccount.push([list[i].id,list[i].bank+" "+list[i].accountNo+list[i].cardNo]);
}
}
});

var queryForm = new Ext.FormPanel({
onSubmit: Ext.emptyFn,
submit: function() {
this.getEl().dom.submit();
},
labelWidth: 75, // label settings here cascade unless overridden
frame:true,
title: '',
//bodyStyle:'padding:5px 5px 0', ark
bodyStyle:'padding: 0',
width: 350,
labelSeparator:'',
items: [{
xtype:'fieldset',
checkboxName:'queryFamilyMember_id',
checkboxToggle:true,
title: '按家庭成员查询',
autoHeight:true,
defaults: {width: 210},
collapsed: true,
items :[{
xtype:'combo',
fieldLabel: '家庭成员',
store: new Ext.data.SimpleStore({
fields: ["id","name"],
data: allFamilyMember
}),
editable: false,
hiddenName:'familyMember_id',
displayField:'name',
valueField:'id',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'请选择家庭成员',
selectOnFocus:true,
resizable:true,
allowBlank:false,
forceSelection:true
}]
},{
xtype:'fieldset',
checkboxToggle:true,
checkboxName:'queryDate',
title: '按日期查询',
autoHeight:true,
defaults: {width: 210},
collapsed: true,
items :[{
xtype:'datefield',
fieldLabel: '日期起',
name: 'dateFrom',
width: 100,
allowBlank: false,
format:'Y/m/d'
},{
xtype:'datefield',
fieldLabel: '日期迄',
name: 'dateTo',
width: 100,
allowBlank: false,
format:'Y/m/d'
}]
},{
xtype:'fieldset',
checkboxToggle:true,
checkboxName:'queryAmount',
title: '按金额查询',
autoHeight:true,
defaults: {width: 210},
collapsed: true,
items :[{
xtype:'combo',
fieldLabel: '运算符',
store: new Ext.data.SimpleStore({
fields: ["id","name"],
data: [['<','小于'],['<=','小于等于'],['==','等于'],['>','大于'],['>=','大于等于']]
}),
editable: false,
hiddenName:'cmp_id',
displayField:'name',
valueField:'id',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'请选择运算符',
selectOnFocus:true,
resizable:true,
allowBlank:false,
forceSelection:true
},{
xtype:'numberfield',
fieldLabel: '金额',
name: 'amount',
width: 100,
allowBlank: false,
allowNegative: false,
minValue: 0
}]
},{
xtype:'fieldset',
checkboxToggle:true,
checkboxName:'queryBankAccount_id',
title: '按账户查询',
autoHeight:true,
defaults: {width: 210},
collapsed: true,
items :[{
xtype:'combo',
fieldLabel: '账户',
store: new Ext.data.SimpleStore({
fields: ["id","name"],
data: allBankAccount
}),
editable: false,
hiddenName:'bankAccount_id',
displayField:'name',
valueField:'id',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'请选择账户',
selectOnFocus:true,
resizable:true,
allowBlank:false,
forceSelection:true
}]
},{
xtype:'fieldset',
checkboxToggle:true,
checkboxName:'queryIncomeItem_id',
title: '按收入项目查询',
autoHeight:true,
defaults: {width: 210},
collapsed: true,
items :[{
xtype:'combo',
fieldLabel: '收入项目',
store: new Ext.data.SimpleStore({
fields: ["id","name"],
data: allIncomeItem
}),
editable: false,
hiddenName:'incomeItem_id',
displayField:'name',
valueField:'id',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'请选择收入项目',
selectOnFocus:true,
resizable:true,
allowBlank:false,
forceSelection:true
}]
}
],
buttons: [{
text: '查询',
handler:function(){
if(queryForm.form.isValid()){
var my=queryForm.form.getValues();
ds.proxy.dwrParams=[my.queryFamilyMember_id=='on'?true:false,parseInt(my.familyMember_id),my.queryDate=='on'?true:false,Date.parseDate(my.dateFrom, "Y/m/d"),Date.parseDate(my.dateTo, "Y/m/d"),my.queryAmount=='on'?true:false,my.cmp_id,parseFloat(my.amount),my.queryBankAccount_id=='on'?true:false,parseInt(my.bankAccount_id),my.queryIncomeItem_id=='on'?true:false,parseInt(my.incomeItem_id)];
ds.load({params:{start:0,limit:2}});
queryWindow.close();
}
}
},{
text: '退出',
handler: function(){
queryWindow.close();
}
}]
});
var queryWindow
if(!queryWindow){
queryWindow = new Ext.Window({
id: 'incomeDaily-query-win',
layout:'fit',
width:500,
height:300,
maximizable:true,
plain: true,
items:queryForm
});
}
queryWindow.show(this);
queryForm.form.setValues({incomeItem_id:'2',dateFrom:(new Date(2007,1,1)).format("Y/m/d"),dateTo:(new Date()).format("Y/m/d"),familyMember_id:'1',bankAccount_id:'1',cmp_id:'>',amount:100,});
queryForm.form.render();
}



function doDel(){
if(gridPanel.selModel.hasSelection()){
Ext.MessageBox.confirm('Message', '确定删除吗?' , doDelDetail);
} else {
Ext.MessageBox.alert('Error', '请选中一行');
}
}

function doDelDetail(btn) {
if (btn == 'yes') {
var record =gridPanel.selModel.getSelected();
if (record.get("id")==-1) {
ds.remove(record);
} else {
buffalo.remoteCall("houseChargeService.deleteIncomeDaily",[record.get("id")],function(reply) {
var sucess = reply.getResult();
if (sucess!=0) {
alert("删除失败!");
} else {
ds.remove(record);
}
});
}
}
}



}
});
[/code]
dwrproxy.js
[code]
Ext.data.DWRProxy = function(dwrCall,dwrParams){
Ext.data.DWRProxy.superclass.constructor.call(this);
this.dwrCall = dwrCall;
this.dwrParams=dwrParams||[];
};

Ext.extend(Ext.data.DWRProxy, Ext.data.DataProxy, {
load : function(params, reader, callback, scope, arg) {
var self = this;
if(this.fireEvent("beforeload", this, params) !== false) {
var delegate = this.loadResponse.createDelegate(this, [reader, callback, scope, arg], 1);
arg.params=arg.params||{};
var allParams=[arg.params.start||0,arg.params.limit||2].concat(this.dwrParams);
allParams.push(delegate);
this.dwrCall.apply(this,allParams);
} else {
callback.call(scope || this, null, arg, false);
}
},

loadResponse : function(listRange, reader, callback, scope, arg) {
var result;
try {
result = reader.readRecords(listRange);
} catch(e) {
this.fireEvent("loadexception", this, null,listRange, e);
callback.call(scope, null, arg, false);
return;
}
callback.call(scope, result, arg, true);
}

});
[/code]
ksark
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ext4.2MVC 范例代码
04-24
EXT4.2 MVC范例代码主要展示了如何在编程中应用EXT4.2框架与MVC（Model-View-Controller）设计模式相结合的方式进行项目开发。EXT4.2是一款流行的JavaScript库，专门用于构建富客户端应用程序，它提供了丰富的UI组件...
Ext范例，增删改查，树，界面设计
12-17
ExtJS 是一个强大的JavaScript库，专门用于构建富客户端应用程序，尤其在企业级Web应用中广泛应用。这个压缩包文件包含的示例和资源主要展示了如何利用ExtJS实现数据操作（增删改查）以及树形视图（TreePanel）的...
extjs表单
huangzihao100的专栏
09-19 463
支持:按键监听,检验,错误信息,输入约束都在配置项中支持 核心组件: Ext.form.FormPanel:面板 Ext.form.Field:与用户交互,类似于INPUT Ext.onReady(function(){     var movie_form  =  new  Ext.FormPanel({      url: 'movie ‐form ‐submit.php',
elementui，请求后端数据的方法封装
sunsiny
01-11 2157
最近遇到一个前端，请求参数不是按照json来搞的，给我整迷了，而且她还比较倔强。因为后端框架是统一按照json的格式接收和返回数据的（例外的除外），接下来就下一个请求后端的方法，大家可以参考一下： 前端先写一个js，请求客户列表数据的方法： <template> <div class="app-container"> <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSe
前端解决跨域--proxy
Js_Zoro的博客
03-19 3288
vue的proxy代理，解决跨域问题
EXT 中文手册
热门推荐
手掌日月摘星辰
05-28 1万+
个人github：https://github.com/qiilee  欢迎follow EXT 中文手册 前  言 本手册所有内容均粘贴自互联网，如有错误，请多见谅。 目    录     EXT中文手册 1 EXT简介 3 目錄 3 下载Ext 4 开始！ 4 Element：Ext的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使...
Struts的Ext增删改查应用范例
07-29
Struts是Java Web开发中的一款经典MVC框架，它的全称是Apache Struts，由Apache软件基金会维护。这个框架主要用于构建基于J2EE的Web应用程序，提供了一种组织应用程序结构和控制应用程序流程的方式。...
GWT+EXT+STRUTS2+Eclipse完整范例.rar
11-13
标题 "GWT+EXT+STRUTS2+Eclipse完整范例.rar" 提示我们这是一个包含一个集成开发环境Eclipse的项目，该项目集成了Google Web Toolkit (GWT), EXT JS 和Struts2框架。描述 "整合 GWT EXT STRUTS2 Eclipse 范例" 明确...
基于Struts的Ext增删改查应用范例
08-23
**基于Struts的Ext增删改查应用范例详解** 在Web开发中，Struts框架与ExtJS库的结合常用于构建高效的用户界面和后台数据交互。本应用范例是针对初学者的一个宝贵资源，它提供了清晰的注释和全面的功能，使开发者...
常用芯片手册芯片资料MAX260常用芯片手册芯片资料MAX260
最新发布
08-31
常用芯片手册芯片资料MAX260常用芯片手册芯片资料MAX260提取方式是百度网盘分享地址
常用芯片手册芯片资料82530常用芯片手册芯片资料82530
08-31
常用芯片手册芯片资料82530常用芯片手册芯片资料82530提取方式是百度网盘分享地址
全国互联网网民数和互联网普及率.xlsx
08-31
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/141286857 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 各省、地级市、区县互联网普及率、宽带接入户数和电话用户数等 1、全国互联网网民数和互联网普及率（1997-2020年）； 2、各省互联网网民数和互联网普及率（1997-2016年）； 3、地级市互联网宽带接入用户（1996-2020年）； 4、各区县电话用户数（2004-2019年）
SQLAlchemy-2.0.30-cp37-cp37m-musllinux_1_1_x86_64.whl
08-31
SQLAlchemy 是一个 SQL 工具包和对象关系映射（ORM）库，用于 Python 编程语言。它提供了一个高级的 SQL 工具和对象关系映射工具，允许开发者以 Python 类和对象的形式操作数据库，而无需编写大量的 SQL 语句。SQLAlchemy 建立在 DBAPI 之上，支持多种数据库后端，如 SQLite, MySQL, PostgreSQL 等。 SQLAlchemy 的核心功能： 对象关系映射（ORM）： SQLAlchemy 允许开发者使用 Python 类来表示数据库表，使用类的实例表示表中的行。 开发者可以定义类之间的关系（如一对多、多对多），SQLAlchemy 会自动处理这些关系在数据库中的映射。 通过 ORM，开发者可以像操作 Python 对象一样操作数据库，这大大简化了数据库操作的复杂性。 表达式语言： SQLAlchemy 提供了一个丰富的 SQL 表达式语言，允许开发者以 Python 表达式的方式编写复杂的 SQL 查询。 表达式语言提供了对 SQL 语句的灵活控制，同时保持了代码的可读性和可维护性。 数据库引擎和连接池： SQLAlchemy 支持多种数据库后端，并且为每种后端提供了对应的数据库引擎。 它还提供了连接池管理功能，以优化数据库连接的创建、使用和释放。 会话管理： SQLAlchemy 使用会话（Session）来管理对象的持久化状态。 会话提供了一个工作单元（unit of work）和身份映射（identity map）的概念，使得对象的状态管理和查询更加高效。 事件系统： SQLAlchemy 提供了一个事件系统，允许开发者在 ORM 的各个生命周期阶段插入自定义的钩子函数。 这使得开发者可以在对象加载、修改、删除等操作时执行额外的逻辑。
百度云/百度网盘Python客户端
08-31
极简说明 安装: pip install bypy 运行: bypy 这是一个百度云/百度网盘的Python客户端。主要的目的就是在Linux环境下（Windows下应该也可用，但没有仔细测试过）通过命令行来使用百度云盘的2TB的巨大空间。比如，你可以用在Raspberry Pi树莓派上。它提供文件列表、下载、上传、比较、向上同步、向下同步，等操作。
2010-2021年省级碳排放和分行业二氧化碳排放数据(全新整理)
08-31
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/141286902 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 分行业二氧化碳排放量 数据来源：中国能源统计等 时间范围：1994-2021年 指标：八类能源和总量
SQLAlchemy-2.0.31-cp310-cp310-manylinux_2_17_x86_64.whl
08-31
SQLAlchemy 是一个 SQL 工具包和对象关系映射（ORM）库，用于 Python 编程语言。它提供了一个高级的 SQL 工具和对象关系映射工具，允许开发者以 Python 类和对象的形式操作数据库，而无需编写大量的 SQL 语句。SQLAlchemy 建立在 DBAPI 之上，支持多种数据库后端，如 SQLite, MySQL, PostgreSQL 等。 SQLAlchemy 的核心功能： 对象关系映射（ORM）： SQLAlchemy 允许开发者使用 Python 类来表示数据库表，使用类的实例表示表中的行。 开发者可以定义类之间的关系（如一对多、多对多），SQLAlchemy 会自动处理这些关系在数据库中的映射。 通过 ORM，开发者可以像操作 Python 对象一样操作数据库，这大大简化了数据库操作的复杂性。 表达式语言： SQLAlchemy 提供了一个丰富的 SQL 表达式语言，允许开发者以 Python 表达式的方式编写复杂的 SQL 查询。 表达式语言提供了对 SQL 语句的灵活控制，同时保持了代码的可读性和可维护性。 数据库引擎和连接池： SQLAlchemy 支持多种数据库后端，并且为每种后端提供了对应的数据库引擎。 它还提供了连接池管理功能，以优化数据库连接的创建、使用和释放。 会话管理： SQLAlchemy 使用会话（Session）来管理对象的持久化状态。 会话提供了一个工作单元（unit of work）和身份映射（identity map）的概念，使得对象的状态管理和查询更加高效。 事件系统： SQLAlchemy 提供了一个事件系统，允许开发者在 ORM 的各个生命周期阶段插入自定义的钩子函数。 这使得开发者可以在对象加载、修改、删除等操作时执行额外的逻辑。
科技小贴士-美国白宫召开会议讨论开源软件给软件供应链带来的安全隐患(1).docx
08-31
科技小贴士-美国白宫召开会议讨论开源软件给软件供应链带来的安全隐患(1).docx
vite-page-entry-main.zip
08-31
vite-page-entry-main.zip
ExtJS入门实战教程：提升Web应用体验
这不仅是个实践平台，也是理论知识与实际操作相结合的学习范例。 对于进阶需求，作者发布了更详尽的《ExtJS实用开发指南》，内容涵盖ExtJS框架详细使用方法、控件配置参数、属性、方法及事件介绍，服务器端集成以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值