忘记ssh的原因,使用ssh的请发言

simplesns 发布于 2011/04/10 19:56
阅读 350
收藏 1

今天分享下使用simple开发的一个新增例子,本人很害羞,希望一起学习simple的给予掌声鼓励一下,让我有勇气可以献丑。

好了,说下要完成的需求吧!

新增需要完整的功能包括:

1) 需要完成对指定字段的校验。

2) 需要完成对时间选择弹出功能的实现

3) 最重要的当然是要把数据保存到数据中了。

 

下面是我在开发中的核心文件,他就可以完成上述的效果,具体代码如下:

 

<components>

        <!-- 客户端页面数据校验组件  -->   
        <validation name="YddValidation" triggerSelector="#_YddBtn"
            warnType="insertAfter">
            <validator selector="#clmc" method="required" />
        </validation>

 

       <!-- 日历组件的使用, 可以参考 developer\comps\calendar\demo.jsp ,showTime 用来显示是否显示具体时间 -->
        <calendar name="csdata" inputField="csdataCalendarText"
            dateFormat="yyyy-MM-dd HH:mm">
        </calendar>
        <calendar name="jcdata" inputField="jcdataCalendarText2"
            dateFormat="yyyy-MM-dd HH:mm" showTime="true">
        </calendar>
       
 
        
        <!-- 保存ajax -->  
        <ajaxRequest name="demo_save"
            handleClass="demo.DcfwHandle"
            handleMethod="doSave" formSelector="#ajaxdcfw_ydd_Params">
            <jsCompleteCallback>
                if (json["ok"])
                alert("保存成功!");
            </jsCompleteCallback>
        </ajaxRequest>

    </components>

 

 

运行一下看看效果:

1. 这是基本的jsp表单,纯html,使用simple开发,写一个对应文件名的xml进行声明,就可以完成下面的功能。

2) 这是在声明中要对该字段进行验证。 simple对验证的策略做的真细啊.

3) 这是使用simple的日历组件,只需要声明下,就可以完成弹出日期选择框,真的很惊讶!


4) 日历组件还有更多的配置项,细心的应该发现这个两个日历框有何不同吗,留给你观察吧。

5)这是点击保存,提示成功

6) 当然数据入库了,给大家看下,后续会做展示。

 

总结:

        通过使用simple开发新增功能,我觉得特别方便,需要做的工作就是声明组件,描述组件与jsp页面的绑定。

在做的过程也遇到很多问题,比如,开始并不会使用验证组件,只是在演示demo上看到过有这个功能,我就在svn

上下载了代码,并在本地部署了一套,操作过程中,不知道simple需要连接数据库,在启动的时候总是报错,在论坛上得到simple的团队的支持,才把环境跑起来。

然后,就看到每个组件使用都有例子,参考了官方对组件的介绍,就把遇到的问题化解了。

 

      单纯的使用ajax网上教程很多,而简单的配置一下,就可以完成校验与日历选择的功能,由于我一直使用ssh,类似的功能我也写一堆js校验,还的网站找日历插件( ssh 我只能说 goodbye )。

 

     对于后台代码,也是按照网上的例子,不需要写bean,直接在ajax中进行jsp与后台数据库字段的映射,就完成的操作了。

返回顶部
顶部