码迷,mamicode.com
首页 > 编程语言 > 详细

JAVAEE——SSH项目实战03:新增客户、数据字典、文件上传和修改客户

时间:2017-07-11 19:25:40      阅读:321      评论:0      收藏:0      [点我收藏+]

标签:img   enable   ajax技术   tar   根据   项目实战   遍历   charset   cto   

作者: kent鹏  

转载请注明出处: http://www.cnblogs.com/xieyupeng/p/7145599.html 

一、新增客户

  1.数据字典

   用于枚举项目中有限个数的字典项

   (1)表中数据字典与其他表的关系:

   技术分享

   技术分享

   建表语句:

CREATE TABLE `base_dict` (
  `dict_id` varchar(32) NOT NULL COMMENT 数据字典id(主键),
  `dict_type_code` varchar(10) NOT NULL COMMENT 数据字典类别代码,
  `dict_type_name` varchar(64) NOT NULL COMMENT 数据字典类别名称,
  `dict_item_name` varchar(64) NOT NULL COMMENT 数据字典项目名称,
  `dict_item_code` varchar(10) DEFAULT NULL COMMENT 数据字典项目(可为空),
  `dict_sort` int(10) DEFAULT NULL COMMENT 排序字段,
  `dict_enable` char(1) NOT NULL COMMENT 1:使用 0:停用,
  `dict_memo` varchar(64) DEFAULT NULL COMMENT 备注,
  PRIMARY KEY (`dict_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

   (2)映射文件配置

   客户实体中引用数据字典对象:

    //引用关联的数据字典对象
    private BaseDict cust_source; //客户来源 cust_source.dict_id
    private BaseDict cust_industry; //客户行业
    private BaseDict cust_level; //客户级别

   将数据字典对象在映射文件中配置:

        <!-- 多对一 -->
        <many-to-one name="cust_source" column="cust_source" class="BaseDict" ></many-to-one>
        <many-to-one name="cust_industry" column="cust_industry" class="BaseDict" ></many-to-one>
        <many-to-one name="cust_level" column="cust_level" class="BaseDict" ></many-to-one> 

 

  2.使用ajax技术在页面加载字典下拉选

//使用ajax加载数据字典,生成select
//参数1: 数据字典类型 (dict_type_code)
//参数2: 将下拉选放入的标签id
//参数3: 生成下拉选时,select标签的name属性值
//参数4: 需要回显时,选中哪个option
function loadSelect(typecode,positionId,selectname,selectedId){
    //1 创建select对象,将name属性指定
    var $select =  $("<select name="+selectname+" ></select>");
    //2 添加提示选项
    $select.append($("<option value=‘‘ >---请选择---</option>"));
    //3 使用jquery 的ajax 方法,访问后台Action
    $.post("${pageContext.request.contextPath}/BaseDictAction", { dict_type_code:typecode},
      function(data){
               //遍历
    //4 返回json数组对象,对其遍历
               $.each( data, function(i, json){
        // 每次遍历创建一个option对象
                   var $option = $("<option value=‘"+json[‘dict_id‘]+"‘ >"+json["dict_item_name"]+"</option>"); 
                   
            if(json[‘dict_id‘] == selectedId){
            //判断是否需要回显 ,如果需要使其被选中
                $option.attr("selected","selected");
            }
        //并添加到select对象
                $select.append($option);
               });
      },"json");
        
    //5 将组装好的select对象放入页面指定位置
    $("#"+positionId).append($select);
}

   add.jsp

$(document).ready(function(){
    loadSelect("006","level","cust_level.dict_id");
    loadSelect("001","industry","cust_industry.dict_id");
    loadSelect("009","source","cust_source.dict_id");
    });
</script>

   BaseDictAction:

public class BaseDictAction extends ActionSupport {

    private String dict_type_code;
    
    private BaseDictService baseDictService;
    @Override
    public String execute() throws Exception {
        //1 调用Service根据typecode获得数据字典对象list
        List<BaseDict> list = baseDictService.getListByTypeCode(dict_type_code);
        //2 将list转换为 json格式
        String json = JSONArray.fromObject(list).toString();
        //3 将json发送给浏览器
        ServletActionContext.getResponse().setContentType("application/json;charset=utf-8");
        ServletActionContext.getResponse().getWriter().write(json);
        return null;//告诉struts2不需要进行结果处理
    }
    
    public String getDict_type_code() {
        return dict_type_code;
    }
    public void setDict_type_code(String dict_type_code) {
        this.dict_type_code = dict_type_code;
    }

    public void setBaseDictService(BaseDictService baseDictService) {
        this.baseDictService = baseDictService;
    }
}

   BaseDictServiceImpl:

public class BaseDictServiceImpl implements BaseDictService {
    
    private BaseDictDao bdd;
    
    @Override
    public List<BaseDict> getListByTypeCode(String dict_type_code) {
        return bdd.getListByTypeCode(dict_type_code);
    }

    public void setBdd(BaseDictDao bdd) {
        this.bdd = bdd;
    }
}

   BaseDictDaoImpl:

public class BaseDictDaoImpl extends BaseDaoImpl<BaseDict> implements BaseDictDao {

    @Override
    public List<BaseDict> getListByTypeCode(String dict_type_code) {
        //Criteria
        
        //创建离线查询对象
        DetachedCriteria dc = DetachedCriteria.forClass(BaseDict.class);
        //封装条件
        dc.add(Restrictions.eq("dict_type_code", dict_type_code));
        //执行查询
        List<BaseDict> list = (List<BaseDict>) getHibernateTemplate().findByCriteria(dc);
        
        return list;
    }
}

  struts.xml

        <!-- 数据字典Action -->
        <action name="BaseDictAction" class="baseDictAction" method="execute" ></action>

   applicationContext.xml

    <bean name="baseDictAction" class="cn.xyp.web.action.BaseDictAction" scope="prototype" >
        <property name="baseDictService" ref="baseDictService" ></property>
    </bean>

    <bean name="baseDictService" class="cn.xyp.service.impl.BaseDictServiceImpl" >
        <property name="bdd" ref="baseDictDao" ></property>
    </bean>

    </bean>
        <bean name="baseDictDao" class="cn.xyp.dao.impl.BaseDictDaoImpl" >
        <!-- 注入sessionFactory -->
        <property name="sessionFactory" ref="sessionFactory" ></property>
    </bean>

  3.分析实现新增客户

   技术分享

 

二、在新增客户中加入文件上传

  1.文件上传页面3个要求

    <!-- 文件上传页面3个要求:
            1.表单必须post提交
            2.表单提交类型enctype.必须多段式.
            3.文件上传使用<input type="file" /> 组件
     -->
    <FORM id=form1 name=form1
        action="${pageContext.request.contextPath }/CustomerAction_add"
        method="post" enctype="multipart/form-data" >

  2.后台接收(记得生成getset方法)

    //上传的文件会自动封装到File对象
    //在后台提供一个与前台input type=file组件 name相同的属性
    private File photo;
    //在提交键名后加上固定后缀FileName,文件名称会自动封装到属性中
    private String photoFileName;
    //在提交键名后加上固定后缀ContentType,文件MIME类型会自动封装到属性中 
    private String photoContentType;

   使用:

    public String add() throws Exception {
        if(photo!=null){
        System.out.println("文件名称:"+photoFileName);
        System.out.println("文件类型:"+photoContentType);
        //将上传文件保存到指定位置
        photo.renameTo(new File("E:/upload/haha.jpg"));
        }

 

三、客户修改

   技术分享

 

JAVAEE——SSH项目实战03:新增客户、数据字典、文件上传和修改客户

标签:img   enable   ajax技术   tar   根据   项目实战   遍历   charset   cto   

原文地址:http://www.cnblogs.com/xieyupeng/p/7145599.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!