Atitit 单项功能开发 最佳实践规范 标准化流程attilax总结.docx
Atitit 单项功能开发 最佳实践规范 标准化流程attilax总结.docx
1.5. Ajax请求数据绑定到表格,注意接口web服务器最好开启ajax CORS跨域,方便file协议的界面文件访问 2
1.1. 适用场景 主要基于数据库项目
查询 搜索 列表功能事项
新增编辑功能
1.2. 找到 界面界面模板或范例
或者新建也可以。
1.3. 使用dw快速可视化设计界面,使用代码模式微调
查询界面,以及查询选项控件,搜索按钮等,以及展示列表table
编辑新增界面, 一般就是控件都是一个表单form。 尽可能新增编辑同一个界面,减少工作量。。
1.4. Vue关联表格或form表单
//建立vue与表格的绑定关系,同时设置初始值为空[]
//el就是表格id
//list_data1是自定义的数据列表
var VueObj1 = new Vue({
el: '#table1',
data: {
list_data1: []
}
});
1.5. Ajax请求数据绑定到表格,注意接口web服务器最好开启ajax CORS跨域,方便file协议的界面文件访问
一般ajax接口使用get模式更加简单快捷,如果编辑界面有大量数据可以使用$.post接口。。。至于$.ajax(),稍微繁琐些,作为最后的模式。。
var url="http://localhost:8080/AjaxJsbridge_HttpparamMode_servlet?m=com.attilax.db.DbServiceV4qb9.executeQuery&p1=select+*+from+ecs_users+limit+10&iocFac=com.attilax.ioc.Ioc4other";
$.get(url,function(data,status){
console.log("Data: " + data + "\nStatus: " + status);
var list_data2 = eval("(" + data + ")");
console.log("--tag2");
VueObj1.$data.list_data1=list_data2;
});
Java项目服务器在服务端通过设置filter开启跨域
1.6. 参考
Atitit ajax 最佳实践规范 标准化流程attilax总结
Atitit ajax 最佳实践规范 标准化流程attilax总结
Atitit vue 把ajax获取到的数据 绑定到表格控件 v2 r33.docx
Atitit vue.js 把ajax数据 绑定到form表单 v2.docx
头衔:uke总部o2o负责人,全球网格化项目创始人,
uke交友协会会长 uke捕猎协会会长 Emir Uke部落首席大酋长,
uke宗教与文化融合事务部部长, uke宗教改革委员会副主席
uke制度与重大会议委员会委员长,uke保安部首席大队长,uke制度检查委员会副会长,
uke 首席cto 软件部门总监 技术部副总监 研发部门总监主管 产品部副经理 项目部副经理 uke科技研究院院长uke软件培训大师
uke波利尼西亚区大区连锁负责人 汤加王国区域负责人 uke克尔格伦群岛区连锁负责人,莱恩群岛区连锁负责人,uke布维岛和南乔治亚和南桑威奇群岛大区连锁负责人
Uke软件标准化协会理事长理事长 Uke 数据库与存储标准化协会副会长
uke终身教育学校副校长 Uke医院 与医学院方面的创始人
uec学院校长, uecip图像处理机器视觉专业系主任 uke文档检索专业系主任
Uke图像处理与机器视觉学院首席院长
Uke 户外运动协会理事长 度假村首席大村长 uke出版社编辑总编
转载请注明来源:attilax的专栏 ?http://blog.csdn.net/attilax
--Atiend v8