智能化表格,智能化表单模块化--JAVA

来源:互联网 发布:php 数组怎么赋值给js 编辑:程序博客网 时间:2024/04/30 08:23

喜欢程序的一起研究研究,毕竟探讨才有更好的发现

需求:开发中会碰到许多表格或者表单的增删改查,通常情况下我们在后台通常要专门对其进行一个action的创建及其各种增删改成的实现。为了简化代码,实现天下一统,现有如下要求:

1.增删改查固定action处理,前台只需传入参数就可完成对应的增删改查。

2.基于前台页面的展现,因为样式目前最流行的就是bootstrap,而且国外都把此作为网站的标准之一,程序员面试中都有这方面技术的要求,因为轻巧大方所以最好能把前台弄成个组件给展现大家。


目前进展:

一.参数化进行增删改查,虽然不是太好用,但是已经可以通过JS操作这些表了。

说下实现思路:

 1.单独写了个请求解析,把“uesr.xxx”这种格式的解析并通过反射机制实例化类

 2.通过hibernate中的增删改,对其对象进行操作(基于query方法);

注:不多解释,但凡爱好程序的可以自己摸索出来。

 二.流程实现介绍

1.前台:

通过定义一个Table元素,并把其Tbody的Id传入我之前写过的POST的分页JS,调用上述介绍的通用处理请求

传入固定格式参数,后台自动解析,并根据参数生成查询的字段HTML返回给前台,前台展现。并可以调用增,删,改,查按钮操作数据。

完成进度:增删改的通用方法已经完成,查的话还没有实现个性定制化,不过可以定义到输出那个字段。

2.后台:

基于固定格式的POST请求解析,并实例化提交类型的对象,调用POST提交过来的相关方法执行。


上述是对表单的整体思路及其模块组件的实现。

现在来说下基于增删改查的表单实现:

bootstrap提供了一个界面非常酷的静态框组件,应用他我们可以设计出不错的表单。

第一步:简化其静态框,用久的人都知道,要分一个不同ID,及其要进行代码的复制粘贴

JS化,定义方法:xxx('divId')//通过传入ID值自动把div里面HTML加载到HTML中,并调用该对象里面的固定方法实现改模态框的显示,隐藏。

不多解释了,会JS或JQUERY的一定是so ez;

第二步:后台已经有固定的增删改方法,只需要通过AJAX传参调用就行了。

上述虽然都能实现,但个人感觉还有许多不足点,用起来并不理想。所以大家更好的意见的话,还要大家提提宝贵意见。










0 0
原创粉丝点击