项目总结

一.项目简介：

这几天做了一个小项目，是关于管理学校商家的，这个可以说是我做的第一个项目。此项目是由5人完成的。一个UI,两个做后台的，一个做小程序前端的，我负责这个项目后台部分的前端。我大概花了一个礼拜完成的，负责后台的没有给我接口，所以我是借助mock.js完成的。

二.项目中遇到的问题及解决方法

1.实现图片上传，预览，以及删除功能

这个之前没实现过，一开始不知道咋弄，后来经过百度解决了这个问题。

参考博客

2.实现查询功能

含义：

当用户输入关键字之后，对文档树进行遍历，找到用户想要的那条数据，然后显示在最上面。

解决方法： 代码如下

function getTextNode(ele) { 
   var nodes = ele.childNodes;
   for(let i = 0; i < nodes.length; i++) {
	    if (nodes[i].nodeType == 3) {    //文本节点
	        if (nodes[i].nodeValue == inputBusiValue) {     //查找的是此关键字
	            var e = $(nodes[i]).parents("tr");      //得到的是Dom树中节点的引用  e只有一份并不是复制而来的
	           var parNode =  document.getElementById('busiBody');
	           parNode.insertBefore(e[0], parNode.firstChild); 
	        }
	    } else if(nodes[i].nodeType === 1) {   //元素节点
        	getTextNode(nodes[i]);
    	}  
    }
}

项目地址：