`
MMSCAU
  • 浏览: 115663 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

基于Drools 规则引擎的信用卡申请系统<2> 之 页面设计

阅读更多

 

界面设计:IE8 截图:http://localhost:8080/S2/

IE8 截图

 

 

 

代码清单:

index.jsp

<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>Extjs-Struts测试</title>

    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
    <script type="text/javascript" src="ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
  
    <script type="text/javascript" src="second.js"></script>
  </head>
 
  <body>

  </body>
</html>

 

second.js

 

Ext.onReady(function(){
 //开启快速提示功能
 Ext.QuickTips.init();
 Ext.form.Field.prototype.msgTarget='qtip';
 
  var appform=new Ext.FormPanel({
     // title:'申请人信息:',
      width:600,
      height:400,
      waitMsgTarget: true,
      frame:true,
      layout:'form',
      items:[
      {
       xtype:'fieldset',
       title:'基本信息',
       labelAlign:'right',
       items:[
       {
        layout:'column',
        border:true,
        labelSeparator:':',
        //为其命名
        
        items:[
        {
         columnWidth:.5,
         layout:'form',
         border:true,
         
         items:[
         {
          xtype:'textfield',
          fieldLabel:'姓名',
          name:'username',
          allowBlank:false,
          blankText:'姓名不能为空',
          anchor:'90%'
         }
         ]
         },
        {
                columnWidth:.5,
                layout:'form',
                border:true,
              
                items:[
                {
                 
                 xtype:'combo',
                 fieldLabel:'性别',
                 name:'sex',
                 emptyText:'请选择性别',
                 triggerAction: 'all',
                 store:[
                   '男',
                   '女',
                   '保密'
                 ]
                }
                ]
          }
        ]
       },
       //第二行
       {
        //开始
            layout:'column',
        border:false,
        labelSeparator:':',
        //为其命名
        
        items:[
        {
         columnWidth:.5,
         layout:'form',
         border:true,
         
         items:[
         {
          xtype:'combo',
          fieldLabel:'学历',
          allowBlank:false,
          blankText:'学历不能为空',
          name:'degree',
          emptyText:'请选择学历',
          triggerAction: 'all',
          store:['大专以下',
            '大专',
            '本科',
            '本科以上'
          ] 
         }
         ]
        },
        {
                columnWidth:.5,
                layout:'form',
                border:true,
                labelSeparator:':',
                items:[
                {
                 
                 xtype:'textfield',
                 fieldLabel:'电话',
                 name:'tel'
                }
                ]
        }
        ]
        //结束
       },
       //第三行
       {
        //开始
            layout:'column',
        border:true,
        labelSeparator:':',
        //为其命名
        
        items:[
        {
         columnWidth:.5,
         layout:'form',
         border:false,
         
         items:[
         {
          xtype:'textfield',
          fieldLabel:'月收入',
          allowBlank:false,
          blankText:'月收入不能为空',
          name:'salary'
         }
         ]
        },
        {
                columnWidth:.5,
                layout:'form',
                border:true,
               // labelSeparator:':',
                items:[
                {
                 
                 xtype:'textfield',
                 fieldLabel:'年龄',
                 name:'age'
                }
                ]
        }
        ]
        //结束
       }
       ]
      },
      //Part2 信息II
      {
       xtype:'fieldset',
       title:'其他信息',
     
       labelAlign:'right',
       items:[
         //是否有房
        {
         columnWidth:.5,
         layout:'form',
         border:true,
         
         items:[
         {
          xtype:'combo',
          fieldLabel:'是否有房子/房产',
          name:'hasHouse',
          emptyText:'请选择',
          allowBlank:false,
          blankText:'此选项不能为空',
          triggerAction: 'all',
          store:['有',
            '无'
          ] 
         }
         ]
        },
         //是否有车
          {
         columnWidth:.5,
         layout:'form',
         border:true,
         
         items:[
         {
          xtype:'combo',
          fieldLabel:'是否有车',
          name:'hasCar',
          emptyText:'请选择',
          allowBlank:false,
          blankText:'此选项不能为空',
          triggerAction: 'all',
          store:['有',
            '无'
          ] 
         }
         ]
        },
          //是否持有其他卡
          {
         columnWidth:.5,
         layout:'form',
         border:true,
         
         items:[
         {
          xtype:'combo',
          fieldLabel:'现在是否持有其他信用卡',
          name:'hasCredit',
          triggerAction: 'all',
          emptyText:'请选择',
          store:['有',
            '无'
          ] 
         }
         ]
        },
        
       {
        xtype:'textfield',
        fieldLabel:'现有信用卡数量',
        name:'company'
       },
       
       {
        xtype:'textfield',
        fieldLabel:'任职公司',
        name:'company'
       },
       {
        xtype:'textfield',
        fieldLabel:'职位',
        name:'position'
       }
       
       ]
      }
      ],
      buttons:[{
         text:'提交',
         handler:function(){
            if(appform.form.isValid()) //验证合法后
            {
             Ext.MessageBox.show({
                 title:'请稍等',
                 msg:'正在对您的申请进行评估...',
                 progressText:'',
                 width:200,
                 progress:true,
                 closable:false
             });
             var f=function(v){
              return function(){
               if(v==11)
               {
                Ext.MessageBox.hide();
                //进行提示申请功过
               }
               else{
                  var i=v/11;
                  Ext.MessageBox.updateProgress(i,'');
               }
               
              }
             }
             for(var i=1;i<13;i++){
              setTimeout(f(i),i*150);
             }
             
             
             //提交数据2
             //提交数据
             appform.getForm().submit({
              
url:'apply.action', //此处的url为Struts.xml中action的名称
               success:function(form,action){
                        alert(action.result.msg);
                    //alert("OK");
               },
               failure:function(form,action){
                     alert(action.result.msg);
                    // alert("Not OK!!");
                   
               }
              
             })

            }
            else{
             Ext.MessageBox.show({
                title:'检测不通过',
                msg:'请检查您刚刚填写的申请信息...'
             })
            }
         }
      },
      {
       text:'重设',
       //事件
       handler:function(){
        appform.form.reset();
       }
      }
      ]
     
  })
 
  appform.render(document.body);
 
  //加多一个window进行测试
  var win=new Ext.Window({
      title:'Drools--信用卡申请',
      width:620,
      height:420,
      items:[
        appform
      ]
  })
  win.show();
})

 

 

 

 

 

  • 大小: 85.2 KB
  • 大小: 44.6 KB
分享到:
评论

相关推荐

    DroolsExtDemo

    在DroolsExtDemo中,Drools被用来定义和执行信用卡申请的审批规则。这些规则可能包括申请人的信用评分、收入水平、债务状况等多个因素。通过Drools的规则语言,开发者可以清晰地编写出业务逻辑,使得审批流程自动化...

    平原型生活垃圾填埋场扩容措施研究及应用_刘志刚.pdf

    平原型生活垃圾填埋场扩容措施研究及应用_刘志刚.pdf

    跨模型迁移指南:将OpenAI项目快速适配DeepSeekAPI.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    智能推荐系统实战:DeepSeekAPI在电商场景的个性化排序应用.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    成本控制秘籍:DeepSeekAPI计费机制与优化方案全解.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    Wallpaper Engine 壁纸一键提取

    Wallpaper Engine 是一款广受欢迎的动态壁纸软件,允许用户将各种动态、交互式壁纸应用到桌面上。其丰富的创意工坊内容让用户可以轻松下载和分享个性化的壁纸。而“一键提取”功能则是 Wallpaper Engine 中一个非常实用的工具,能够帮助用户快速提取和保存壁纸资源,方便后续使用或分享。

    性价比革命:DeepSeekAPI成本仅为GPT-4的3%的技术揭秘.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    本地部署DeepSeek模型:API调用与自有算力结合的混合架构设计.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    这是一份非常有意义的实习报告

    这是一份非常有意义的实习报告

    用Python玩转DeepSeek:代码生成接口的10个实战案例.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    爱华AIWA HS-J9磁带随身听维修服务手册 说明书电路原理图PCB图

    爱华AIWA HS-J9磁带随身听维修服务手册 说明书电路原理图PCB图

    从ChatGPT到DeepSeek:API迁移指南与参数映射对照表.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    房屋租赁合同[示范文本].doc

    房屋租赁合同[示范文本].doc

    智能体开发:将DeepSeekAPI集成到知识库系统的全流程.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    单片机 入门学习视频教程 自学资料

    单片机 入门学习视频教程 自学资料

    模型定制化实战:基于DeepSeek的行业术语微调教程.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    5个提升DeepSeekAPI生成质量的调参技巧,开发者必看!.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    参数调优手册:temperature和top_p对输出结果的影响实验.pdf

    在日常的工作和学习中,你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼?DeepSeek 或许就是你一直在寻找的解决方案!它以其高效、智能的特点,在各个行业都展现出了巨大的应用价值。然而,想要充分发挥 DeepSeek 的优势,掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发,为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习,你将能够轻松地运用 DeepSeek 解决实际问题,提升工作效率和质量,让自己在职场和学术领域脱颖而出。现在,就让我们一起开启这场实用又高效的学习之旅吧!

    auto_gptq-0.5.1.tar.gz

    auto_gptq-0.5.1.tar.gz

    贪心算法7日速成:LeetCode经典题型+华为机考真题.pdf

    # 踏入C语言的奇妙编程世界 在编程的广阔宇宙中,C语言宛如一颗璀璨恒星,以其独特魅力与强大功能,始终占据着不可替代的地位。无论你是编程小白,还是有一定基础想进一步提升的开发者,C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件,执行速度快,是系统软件、嵌入式开发的首选。同时,代码可在不同操作系统和硬件平台间轻松移植,极大节省开发成本。 学习C语言,能让你深入理解计算机底层原理,培养逻辑思维和问题解决能力。掌握C语言后,再学习其他编程语言也会事半功倍。 现在,让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析,助你逐步掌握C语言核心知识和编程技巧。别再犹豫,加入我们,在C语言的海洋中尽情遨游,挖掘无限可能,为未来的编程之路打下坚实基础!

Global site tag (gtag.js) - Google Analytics