## 小型搜索下拉框(ssm框架)

## 小型搜索下拉框(ssm框架)

简单的;(不查数据库)
jsp/html界面;

名称

弥雾机
喷雾器
无人机
烟雾器

搜索下来框简单实例;
下来框数据为数据库的搜索框;(较为复杂)
jsp/html代码;

名称

js /vue.js代码:

new Vue({
el : “#vueall”,
data : {
vueObj : {},
lists : [],
list:[],
selectlist : [],
name : “”
},
created : function() {
var self = this;
search(self, 1);
},
methods : {

	sprayingEquipmentName:function(sname){
         var self= this;
         self.search(self, 1, sname);
		
		}
			
	},
	
 search:function(self, pageNum, name) {
// 搜索所有的数据
var  self=this;
$.ajax({
			type : "post",
			url : basePath + "/sprayeq/searchsprayeq.do",
			dataType : 'json',
			data : {
				dtoName : name,
		       
			},
			success : function(data) {
				self.list=data;	
			},
			error : function(data, type, err) {
				alert("错误类型：" + type + "; 错误信息：" + err);
			}
		});

}

});
ssm框架Controller层;
package com.mpn.controller.sys;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.github.pagehelper.PageHelper;
import com.mpn.dto.InputDto;
import com.mpn.model.TZdDrug;
import com.mpn.model.TZdDrugExample;
import com.mpn.model.TZdSprayingequipment;
import com.mpn.model.TZdSprayingequipmentExample;
import com.mpn.service.imp.sys.SprayEqManageServiceImpl;
import com.mpn.util.BaseVo;
import com.mpn.util.JsonUtils;
import com.mpn.util.PageGetBaseVo;

@Controller
@RequestMapping("/sprayeq")
public class SprayEqManageController {
@Resource
private SprayEqManageServiceImpl eqManageServiceImpl;

/*
 * 搜索出喷施药农械的下拉框
 */
@RequestMapping("/searchselect.do")
@ResponseBody
public List<TZdSprayingequipment> searchSelect(InputDto dto, HttpServletRequest request) {//inputDto为一个类;
	List<TZdSprayingequipment> lists = eqManageServiceImpl.searchByName(dto);
	return lists;

}

}
service层;
package com.mpn.service.imp.sys;

import java.util.List;

import javax.annotation.Resource;

import org.springframework.stereotype.Service;
import org.w3c.dom.stylesheets.LinkStyle;

import com.mpn.dao.TZdSprayingequipmentMapper;
import com.mpn.dto.InputDto;
import com.mpn.model.TZdSprayingequipment;
import com.mpn.model.TZdSprayingequipmentExample;

@Service
public class SprayEqManageServiceImpl {
@Resource
private TZdSprayingequipmentMapper tZdSprayingequipmentMapper;
private String inputname;

/*
 * 查询根据name
 */
public List<TZdSprayingequipment> searchByName(InputDto inputDto) {
	TZdSprayingequipmentExample example = new TZdSprayingequipmentExample();
	com.mpn.model.TZdSprayingequipmentExample.Criteria criteria = example.createCriteria();
	if (inputDto.getDtoName() != null) {
		criteria.andSprayingEquipmentNameLike(inputDto.getDtoName());
	} else {
		criteria.andSprayingEquipmentIdIsNotNull();
	}
	example.setOrderByClause("sprayingEquipmentId");
	List<TZdSprayingequipment> result = tZdSprayingequipmentMapper.selectByExample(example);
	return result;

}

}
InputDto类;
package com.mpn.dto;

import java.sql.Date;

public class InputDto {

private String dtoName;

private String dtoId;

private String dtoYear;

private String dtoArea;
private Date  date;

public String getDtoArea() {
	return dtoArea;
}

public void setDtoArea(String dtoArea) {
	this.dtoArea = dtoArea;
}

// 锟斤拷页
private int pageNum;

public String getDtoName() {
	return dtoName;
}

public void setDtoName(String dtoName) {
	this.dtoName = dtoName;
}

public String getDtoId() {
	return dtoId;
}

public void setDtoId(String dtoId) {
	this.dtoId = dtoId;
}

public int getPageNum() {
	return pageNum;
}

public void setPageNum(int pageNum) {
	this.pageNum = pageNum;
}

public String getDtoYear() {
	return dtoYear;
}

public void setDtoYear(String dtoYear) {
	this.dtoYear = dtoYear;
}

public Date getDate() {
	return date;
}

public void setDate(Date date) {
	this.date = date;
}

}
源码地址;