【项目总结】蚂上配件PC版商家后台

项目概况

项目时间：2016.5.16
《蚂上配件》是让汽修厂发布配件需求，由经销商提供报价，再通过系统平台进行筛选推荐给汽修厂。

 

开发问题

跨域问题

目前的线上地址是：www.chepingmall.com，后端php提供接口。 后续的开发都使用java，并且api接口改为mspei8.cn域名下，需要支持跨域请求。

跨域一般用jsonp，兼容性比较好。
但是考虑项目后期这部分会转到同域名下，而且网址不需要支持ie8，ie9，所以我们考虑使用html5最新的跨域资源共享（CORS）来实现跨域请求。

http://www.cnblogs.com/woodk/p/5504864.html

 

数据验证

validate，正则匹配 （http://www.cnblogs.com/woodk/p/5589331.html）

 

分页

layerPage （http://laypage.layui.com/）

layer系列的弹出层也很好用 

 

ajax上传excel导入，ajax封装头信息

原生的ajax封装，主要是formData()，和XHR。可以添加头信息。

另一个插件jquery.form.js 这次没有使用，因为需要封装头信息。（此处涉及跨域，以及后端的设置 http://www.cnblogs.com/woodk/p/5578448.html） 

我的代码：《原生js封装ajax：传json，str，excel文件上传表单提交》

 

模糊匹配仿百度自动下拉提示

http://www.cnblogs.com/woodk/p/5592209.html，

焦点移除后的事件，这一点估计jqueryui也是用的mousedown事件绑定，参考（http://demo.zhaotexiao.com/jquery/201501/357/index.html）

 

车型选择树组件

从蚂上集采后台修改后，用到蚂上配件前台，有较大改动，并增加了修改车型功能。

 

使用的模块和框架

模块化：seajs

工程化：gulp

jquery插件：（layer弹出层，plupload上传组件，verifyForm表单验证，laydate日历选择，selectui下拉框美化）

数据绑定：handlebars.js