实现内部角色登陆强制订单状态demo

话不多说先上图，业务需求就是这个样子
手动撸了个前端页面，能用就行，UI请勿吐槽

实现效果：
首先点击look up查到MySQL数据库里的数据，这里有个小知识点，**

最右边的修改状态框下面是动态生成一个可以修改的订单状态的下拉框，并且只能往该订单状态前面修改，不能往后修改

**（意思就是出了状况可以更改，但不能还没做就直接修改到后面的状态去！！！）

然后点击修改状态下拉框，选择你要修改的状态

点击提交，确认后传给后台，修改成功后前台提示修改成功


前端js显示修改成功，那么我们看看到底修改成功了没呢，来 一起看看数据库：

再次在前台look up一次试试到底有没有改:

上面保存本次记录是保存的cn值，后来需求改变，要求保存状态的key值，因此用英文保存，这个功能到此可以说是完成了，整个需求就是这样子，我们来试试要怎么做，做到这个效果吧^_
**

咳咳：到干货了，睡着的童鞋醒醒：

**
先讲讲实现此功能的一些技术和工具：
eclipse（最后一个项目用它了，下次更新楼主用的应该是idea了）+ MySQL8.0 + tomcat 9.0++Sqlyog可视化工具+ SSH框架（有点老的框架了，项目历史遗留问题就不在这里说了） + jQuery + Ajax +Json + 前端三件套（H5,JS,CSS）
首先，当然是先撸一个前台界面了，由于这个小功能是楼主本人全部操刀的，因此前台就直接简单粗暴的用jsp撸了一套界面

首先我先用一个table显示这些表头，然后再声明一个table来存jQuery post收到后台下发的数据动态显示到界面上，在同一个表里会将表头遮掉（楼主前端太扣脚了），只能想出此拙计，你们仔细看会发现上面的界面上明显上下分层，不是一张表


第三张table用来显示下面要输入的原因，感觉一张表能做的事硬是被我搞成三张表，写到这里我自己都有点羞愧了。。。

接下来这个是前端的look up搜索订单操作的onclick事件，和提交操作的onclick事件，这个事件在下面的jQuery function中调用


第一个功能：
搜索，jQuery实现，接收后台下发的json值，添加到对应的表格中去：这里贴上源码:

function searchByReportNumber(){
		console.log('click');
		var reportNo = document.querySelector("#reportNo").value;
		var url = "FIUpdateOrderState.action?reportNo=" +  reportNo;
		if(reportNo=="")
			{
			alert("不能为空哦！请输入报告号^_^");
			return false;
			} 		 
		$.post(url, function(json) {				
			 console.log(json);			 	
			 	console.log('operation',json.data.operation.length)	
			 	$("#searchResult tr").remove();	//删除首行，每次都是显示当前订单信息
			 				var operationItem = json.data.operation;		 								 			 							 								 				
			 				var str = '';
			 				 $.each(operationItem, function (i, item) {					 	   					
			 				 str +=""+item.text.cn+""}); 		 				
			                  var search ='' + json.data.poNo + '' + json.data.reportNo + '' + json.data.productName + ''
			                    	+ '' + json.data.color + '' + json.data.state.text.cn + ''
			 						+'' 				 						
									+''   				 						
									+'Please select'+ str +''
									+'';										 		   			 	
			                 $('#searchResult').append(''+ search +'');		 				
			var searchdata = json.data
			if(searchdata.reportNo==""){
				alert("Check carefully~，请输入正确的报告号并确认solr是否启动 ^_^");	 				
				return false;
			}
		jsonString = JSON.stringify(json);  								// 将post请求获取到的json数据转成字符串	 			
		return jsonString;											//传给下面的function使用
		}, "json");			
	}

采用的拼接字符串的方法，将接收到的json中data对应的value添加到表格中，json数据如下图：

接下来说一下，后台怎么实现在文本框输入报告号，也就是reportNo后，查到这一单的订单信息的
首先创建一个action控制类-FIUpdateOrderState.java
然后在struts2配置文件里配置响应成功后下发的跳转路径，如：
注意这里成功跳转到json…jsp界面然后下发数据

结合这个look up搜索按钮的响应事件跳转：

由此当点击查询时，直接跳转到后台action中对应的类FIUpdateOrderState.java
然后FIUpdateOrderState.java中用request.getParameter(“reportNo”)方法得到前台传来的reportNo值
然后到这里就很简单了，我们可以写sql直接一个查询语句查询数据库里得到这个订单的你想要获得的信息，我们这里只需要五个信息，（PO号，报告号，产品名称，颜色，订单状态）

select poNo,reportNo,productName,color,state from orderItem where reportNo = ？reportNo;

我这里采用的方法是使用企业级搜索引擎 solr，这个东西很好用，但是又不太好用，看项目的大小，当业务达到一定的量级，且数据量越来越大时，这时候solr的好处就很明显了，它对复杂关联数据的搜索很快，比用sql语句要好用很多，但数据量的时候就没什么必要了，用sql语句查询也很快
不清楚的小伙伴找度娘–>什么是solr
代码实现:

String reportId = request.getParameter("reportNo");			//获取前端输入的报告号
		String reportNo = null;
		System.out.println(reportId);
		if (reportId != null && !reportId.equals("")) {
			reportNo = reportId.trim();
		}
		
		List tasks = new ArrayList<>();							//solr查询订单是否存在			
		String searchType=CommonConstant.SOLR_SEARCH_TYPE_WEB;			
		if(reportNo!=null){
			List searchList = new ArrayList<>();
			List