Atitit 单项功能开发 最佳实践规范 标准化流程attilax总结.docx

Atitit 单项功能开发 最佳实践规范 标准化流程attilax总结.docx

 

 

1.1. 适用场景 主要基于数据库项目 1

1.2. 找到 界面界面模板或范例 1

1.3. 使用dw快速可视化设计界面，使用代码模式微调 1

1.4. Vue关联表格或form表单 1

1.5. Ajax请求数据绑定到表格，注意接口web服务器最好开启ajax CORS跨域，方便file协议的界面文件访问 2

1.6. 参考 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