Vue系列(二):Vue环境搭建与简单入门

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

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

阅读更多

Vue系列(一):MVVM概念理解和Vue介绍

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

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

阅读更多

前端分页组件-集成jqPaginator插件

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

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

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

阅读更多

zTree加载树形节点(父子菜单,省市区)

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

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

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

阅读更多

常用的jQuery,JavaScript,CSS代码句,代码块

  记录个人遇到的并且觉的经常复用的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。
阅读更多