java-真正面向配置+组件的开发

最新推荐文章于 2024-07-10 21:37:49 发布

陕西小伙伴网络科技有限公司

最新推荐文章于 2024-07-10 21:37:49 发布

阅读量1.8k

点赞数 1

分类专栏：组件开发

本文链接：https://blog.csdn.net/shuaizai88/article/details/84670602

版权

组件开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

想大家在阅读本文章之前先阅读https://blog.csdn.net/shuaizai88/article/details/84670485

博主提供的开源组件 Mybatis-JPA 组件开源地址 https://gitee.com/shuaizai88/jack_mybatis_jpa

1 什么叫做组件

组件 1.0 就是js插件，比如一个下拉，一个文件上传。

组件2.0 几个js插件组合而成，比如可以吧省市区变成一个组件，也可能是业务组件，比如很多地方都写这么个功能，每次复制粘贴不好维护，那么就抽离引入吧。

组件 3.0 直接和DB打交道的组件。

根据约定，这个省市区的三个字段的命名是什么，对应数据库的哪个字段，这个省市区组件，和校验插件(他们可能不是一家的)，如何去集成。

2 为啥需要组件

有了组件，我们可以把代码写到最简单。只关注核心业务逻辑，不写一行多余的代码。

3 使用组件后的代码是怎样的？

A 使用JS来做项目配置，业务代码和配置代码在一起，如果你想，你甚至可以把SQL写这里(不要先喷我安全问题，后面讲安全)。

B 上干货吧，以下是初版本的设计。

var modelConfig= {title:'学生',pkey:'student_id',orderBy:'student_id Desc',db:'ucenter',name="student",table:'t_student'};

var listPage={ 
  getListSett:function(){
	  return [
		  {field:'name',title:'姓名',width:'25%',formart:'testFormart',align:'center'},
	      {field:'sex',title:'姓名',width:'25%',formart:'testFormart',align:'center',trans:'wordbook',key:'sex',showField:'transMap.sexName'}
  ]},
  getFilter:function(){
      return [
		  {field:'type',type:'select',url:'${path.basePath}/ms/xx?xx=${param.fatherId}',val:'id',text:'typeName',title:'分类'},
		  {field:'sex',type:'wordbook',code:'sex',title:'性别'},
		  {field:'name',type:'input',title:'姓名',filterType:'like'},
		  {field:'startDate',type:'date',title:'开始日期',dateSett:'{formart:"yyyy-MM-dd"}',filterType:'>='},
	  ];      
  }, 
  getButtons:function(){
       return {'你好':'sayHello'};
  },
  getDisableButton:function(){
	    return ['del','export'];  
  },
  otherFunction:function(){
      return {
	     formart:function(index,val){
	        return '<font size="10">' + row.val + '</font>'
	    },
	     sayHello:function(row){
		    
	    }
	  }		
  }
};


var add={ 
	getFormField:function(){
	     return [
			  {field:'name',title:'姓名',required:true,max:10,type:'input'},
			  {field:'age',title:'姓名',required:true,dataType:'n0-3',type:'input'},
			  {field:'sex',title:'性别',required:true,type:'wordbook',code:'sex'},
		 ];
	},
	otherFunction:function(){
      return {
	     ready:function(){
	        
	    },
	    loadSuccess:function(info){
		    
	    },
	    onSave:function(){
		    
	    },
		saveSucess:function(){
		    
	    },
		saveError:function(){
		    
	    },
	  }		
   }
}

是不是都能看懂？无论你是个java程序员，还是个php程序员，又或者是个前端程序员，只要你弄懂数据库设计，就可以写CRUD了。

上面代码中的部分解释：trans:wordbook 字典，code:字典编码。

dataType：数据验证规则，如果有多个可以写 a&b 或者 a|b。

listPage 代表列表页面，包含列表字段配置，过滤条件配置，自定义按钮配置，禁用系统默认按钮配置，以及自定义js配置。

add 代表添加/修改/详情页面，包含表单字段配置，以及几个handel，当然也可以自己写其他的方法。