• 技术文章 >Java >java教程

    实例解析:统计信息管理、Spring注解开发和EasyUI

    巴扎黑巴扎黑2017-07-17 13:48:06原创748
    作者: kent鹏

    转载请注明出处:

    一、统计信息管理

      

    二、Spring注解开发

      1.service为例子

    @Service("customerService")
    @Transactional(isolation=Isolation.REPEATABLE_READ,propagation=Propagation.REQUIRED,readOnly=false)public class CustomerServiceImpl implements CustomerService {
        @Resource(name="customerDao")private CustomerDao cd;

    三、EasyUI

      1.为企业开发省去美工前端.自带一套页面的样式以及效果.

       json使用fastjson-1.2.8.jar。

       主要是参考说明文档和实例来进行开发,下面增删改查为例:

      

       代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>客户信息管理</title><link rel="stylesheet" type="text/css" href="../ui/themes/default/easyui.css?1.1.11"><link rel="stylesheet" type="text/css" href="../ui/themes/icon.css?1.1.11"><script type="text/javascript" src="../ui/jquery.min.js?1.1.11"></script><script type="text/javascript" src="../ui/jquery.easyui.min.js?1.1.11"></script><script type="text/javascript" src="../ui/locale/easyui-lang-zh_CN.js?1.1.11"></script><script>//点击提交按钮触发该方法提交表单
    function submitForm(){
    // submit the form    
    $('#ff').submit();  
    }
    
            $(function(){
                //-------------------------------------------------------------------------
                $('#w').window('close'); //页面加载完成,确保窗口关闭
                //-------------------------------------------------------------------------
                $('#ff').form({    
                    url:'${pageContext.request.contextPath}/UserAction_regist',    
                    onSubmit: function(){    
                        // do some check    
                        // return false to prevent submit; 
                        return true;//让表单直接提交
                    },    
                    success:function(data){ //提交成功后调用的方法  
                        $('#w').window('close');//提交成功关闭窗口
                        $('#test').datagrid('reload'); //提交成功,重新加载列表数据   
                        $('#ff').form('clear');//提交成功后,清空表单
                    }    
                });  
            
                
                //--------------------------------------------------------------------------
                $('#test').datagrid({
                    title:'用户列表', //表格标题
                    singleSelect:true, //只允许单选
                    iconCls:'icon-tip',//表格标题图标
                    //width:700, //宽度
                    //height:350, //高度
                    nowrap: true,//某列数据较长时,是否需要换行
                    striped: true,//是否隔行变色
                    collapsible:false,//是否可以折叠表格
                    url:'${pageContext.request.contextPath}/UserAction_list',//指定表格数据加载的路径
                    sortName: 'user_id',//指定可以使用哪列进行排序
                    sortOrder: 'desc',//指定默认排序规则 asc/desc
                    remoteSort: false,//是否支持远程
                    idField:'user_id', //那一列是id列
                    frozenColumns:[[
                        {field:'ck',checkbox:true},
                        {title:'用户id',field:'user_id',width:80,sortable:true}
                    ]],
                    columns:[[
                        {field:'user_name',title:'用户名',width:120},
                        {field:'user_code',title:'登录名',width:220}
                    ]],
                    pagination:true,
                    rownumbers:true,
                    toolbar:[{ //配置工具栏
                        id:'btnadd',
                        text:'添加用户',
                        iconCls:'icon-add',
                        handler:function(){
                            $('#btnsave').linkbutton('enable');
                            //打开前清空表单
                            $('#ff').form('clear');
                            //打开表单窗口
                            $('#w').window('open');
                        }
                    },{
                        id:'btncut',
                        text:'修改用户',
                        iconCls:'icon-cut',
                        handler:function(){
                            $('#btnsave').linkbutton('enable');
                            //获得被选中的用户的id
                            var user_id = getSelected();
                            
                            if(!user_id){
                                alert("请选择用户!");
                                return;
                            }
                            //根据id回显数据
                            $('#ff').form('load','${pageContext.request.contextPath}/UserAction_toEdit?user_id='+user_id);
                            //清空密码输入框
                            
                            //打开编辑窗口
                            $('#w').window('open');
                        
                        }
                    },'-',{
                        id:'btnsave',
                        text:'删除用户',
                        disabled:false, //禁用属性
                        iconCls:'icon-save',
                        handler:function(){
                            $('#btnsave').linkbutton('enable');//点击后按钮是否可以继续点击
                            //获得被选中的用户id
                            //获得被选中的用户的id
                            var user_id = getSelected();
                            //判断id不能为空
                            if(!user_id){
                                alert("请选择用户!");
                                return;
                            }
                            //调用ajax异步发送请求删除用户
                            $.get("${pageContext.request.contextPath}/UserAction_delete?user_id="+user_id, function(data){
                                    //删除成功后,刷新列表
                                 $('#test').datagrid('reload'); //提交成功,重新加载列表数据   
                                });
                        }
                    }]
                });
                var p = $('#test').datagrid('getPager');
                $(p).pagination({
                    onBeforeRefresh:function(){
                        alert('before refresh');
                    }
                });
            });
            function resize(){
                $('#test').datagrid('resize', {
                    width:700,
                    height:400
                });
            }
            //获得被选中的
            function getSelected(){
                var selected = $('#test').datagrid('getSelected');
                if (selected){
                    return selected.user_id;
                }
            }
            function getSelections(){
                var ids = [];
                var rows = $('#test').datagrid('getSelections');
                for(var i=0;i<rows.length;i++){
                    ids.push(rows[i].code);
                }
                alert(ids.join(':'));
            }
            function clearSelections(){
                $('#test').datagrid('clearSelections');
            }
            function selectRow(){
                $('#test').datagrid('selectRow',2);
            }
            function selectRecord(){
                $('#test').datagrid('selectRecord','002');
            }
            function unselectRow(){
                $('#test').datagrid('unselectRow',2);
            }
            function mergeCells(){
                $('#test').datagrid('mergeCells',{
                    index:2,
                    field:'addr',
                    rowspan:2,
                    colspan:2
                });
            }
        </script></head><body><table id="test"></table><!-- --------------------------------------------------------------------------- --><div id="w" class="easyui-window" title="My Window" iconCls="icon-save" style="width:500px;height:200px;padding:5px;"><div style="background:#fafafa;padding:10px;width:300px;height:300px;"><form id="ff" method="post" novalidate><input  type="hidden" name="user_id"  ><div><label for="name">登陆名称:</label><input class="easyui-validatebox" type="text" name="user_code" required="true"></input></div><div><label for="name">登陆密码:</label><input class="easyui-validatebox" type="password" name="user_password" id="user_password"  required="true"></input></div><div><label for="name">用户昵称:</label><input class="easyui-validatebox" type="text" name="user_name" required="true"></input></div><div><input type="button" value="提交" onclick="submitForm();" ></div></form></div></div></body></html>

    以上就是实例解析:统计信息管理、Spring注解开发和EasyUI的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:JAVAEE 信息管理 统计
    上一篇:Servlet跳转到JSP页面后的路径问题相关解释 下一篇:JSP的优缺点及基本操作
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• Java中super关键字的用法详解• java的10种排序算法实例• 归纳整理Java线程面试题• Java归纳整理之IO流原理及流的分类• 实例介绍Java基于quasar实现协程池
    1/1

    PHP中文网