Vue系列(三):独立Vue前端项目部署问题解决汇总
项目前后台分离,独立的Vue前端项目在部署到 Linux 服务器上时遇的的各种问题及解决。
项目前后台分离,独立的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 数据,可灵活编辑(增/删/改/查)功能。
汇总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> |
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
的内容数据,折腾了一小会,现总结下用法。