项目前后台分离，独立的Vue前端项目在部署到 Linux 服务器上时遇的的各种问题及解决。

　　重构的项目前端由原来的 JSP 改为 Vue 框架来实现，后台对应的 Controller 修改为 Restful 接口。

　　使用 Vue 框架来实现前端的业务，前后端分离模式，充分发挥前端的优势，熟悉前端开发工具(node,webpack,npm)，体验前端开发过程，走向全栈不归路。

　　接手了个项目，需要对其进行重构，使用 Vue 框架重构前端，实现前后端分离。

　　让一个多年只熟悉JSP、JS、JQuery的后端工程师来对前端进行改造，头皮有些发麻，对后端人员来说，Vue 和 JS、JQuery完全是两个知识体系，Vue 不只是款前端框架(工具)，对后端人员来说还带来思维的转变，这不是一件容易的事。没办法只得硬顶着上，吃力不讨好的活也要干出漂亮。这篇文章记录学习过程和思路。
　　
　　Vue 官网, Vue CLI 3,

　　一个开发团队里如果没有前端工程师，或项目里如果没有做前后端分离，或仍在使用JSP, 那 Java后端工程师必要负责前端的开发，可以算半个前端工程师。

　　在前端的列表页面经常要用到翻页, 就需要用到翻页插件, 对后端工程师来说，直接引用开源成熟度高的、美观的分页插件是个高效的选择。

　　jqPaginator简洁、高度自定义的jQuery分页组件，适用于多种应用场景, GitHub。

一份不错的可通用的js，封装了一些自定义的js方法。

后台管理系统经常要用到树形插件来展示具有父子关系的功能，如父子菜单，省市区关系等；还有通过树形插件节点的勾选来设置用户与菜单权限的关联，或某些功能与省市区的关联。

zTree在树形节点的展示上用的是比较多的，支持 JSON 数据，可灵活编辑(增/删/改/查)功能。

zTree官网：http://www.treejs.cn/v3/main.php#_zTreeInfo

　　汇总form表单相关操作,document操作form表单; form表单提交方式; form表单上传文件; form表单序列化。

form 表单提交一般都会要求对表单进行验证，验证不通过则不提交，可使用onclick和onsubmit事件调用验证的方法进行处理。

　　记录个人遇到的并且觉的经常复用的js,jquery代码块。

公共

使用jQuery首先引用jQuery文件，如下示例：

1

<script type="text/javascript" src="/static/js/jquery-1.11.0.min.js"></script>

设置和获取URL

1. window.location对象获取当前页面 URL信息，可不使用window前缀。
   根据该对象的属信可以获取更详细的信息，也可设置信息。
   • alert(location); alert(document.URL);,输出 url 地址。
   • alert(location.href); ,输出完整 URL 地址。
   • location.href = '/admin/user/login?id=' + id;，页面跳转(设置URL值)。
   • document.referrer;,获取来源URL。

平时没注意，今天在项目使用时，$.ajax请求设置了contentType : "application/json",后台收不到data的内容数据，折腾了一小会，现总结下用法。