chenqk_123的专栏

随着技术的发展，越来越多的项目需要适应市场需求，拓展海外市场必不可少的就是支持多国语言，庆幸的是angularjs提供了实现国际化的功能，那么就让我们来看看angularjs是如何实现国家化的呢？1.angularjs实现国家化原理这张展示图是借用别人的。从上面的图中可以看出，本质上国际化也是一种filter，通过filter过滤器来实现的，通过一种管道来解析成不同的json对应的

最近在忙项目，导致之前的easyUI组件的博客暂停了一阵，再加上重新捡起来java后端代码，中间还是颇费时间的。之前讲过easyUI+springmvc的整体构建项目，在这里就直接进入主题了。针对之前出现的tree代码不全的问题，在这里再次抱歉了。好了言归正传，来先看看tree官方提供的API是怎么实现的。1.easyUI tree组件的定义官方提供了两种是实现方式：1.使用e

在之前的文章中说到关于tree的使用方式，介绍了基本树的生成规则以及前后台通信达到tree的可变性。介绍的是一种最基本的树，而且是基于根节点的树。最近有人看到博客问我有关于tree的问题，我不想基于根节点的tree，我只有二级节点或者我只有三级节点。然后翻了翻easyUI的API发现了一种树可以实现这种需求-----Async Tree1.JSON格式 既然异步树支持，那么猜想一下他说

在使用easyUI做项目时，会使用到它的样式类，但是在使用的时候会出现一些莫名的错误：比如：看到报错的地方不认识，就觉得应该是使用的方法有问题。于是去看了下源码,它定义的方法也真的是挺无语的：我们来看看_376是怎么定义的呢：似乎我们看到了.tabs，控制台的错误提示也确实是property is undefined的，undefined出现的原因就那么几种，对象中

在前面说到的tree的基础上，这次说到了tabs，在layout布局时，点击树节点会在center中展示节点对应的数据信息，基本上都是以table或者easyUI中的datagrid来实现。官方给出的API文档实现起来挺简单的，定义一个div，并给div标注tabs，在center中添加，点击节点的时候去添加一个tab。1.API参考官网提供了两种创建方式：HTML方式创建

前面提到初始化tree的方法，有的时候需求需要在前端进行树的扩展，就需要做到对树的增删改了。有数据的操作，无非是增删改查这四种操作。由于在这里使用了easyui-window,所以先说一说window以及其他的两种window(dialog，message)。1.Easyui-window官网提供的window的使用如下：定义：可拖动悬浮的窗口，默认情况下可以调整窗口的大小，可

前面讲到easyUI的基本使用，其他的组件会在项目中一一提到，先根据easyUI+springmvc来搭建一个简单的项目，能达到前后台都通的目的。这样流程走起来比较直观，比较容易理解。   先看一看项目的基本目录结构，当然我这并不是唯一，只是个人风格而已，项目的真实搭建还得由有工作经验或者架构师来实现，因为他们的大局观意识比较强，搭建的项目能够适应不断加入的新需求。由于这个架构比较简单，不

1.layout布局layout在所有项目中都是至关重要的，layout直接影响到用户的使用习惯和使用心情。如果布局合理，用户会欣然接受，反之用户就会非常的反感。layout的设计一般都是由产品经理根据用户习惯设计出来，然后交给我们开发页面。当然页面的变化多端，我们这里只简单讲解一下easyUI的一般布局。1.1 layout布局划分   在上面一篇博客中我们讲到了一个简单

1.easyUI下载之前都会扯一段，但我觉得没必要了，easyUI用起来不是很难，只是简单的把组件拿出来，定义并绑定到DOM元素上。跟后台交互的，需要将后台response的数据按照easyUI API需要的格式进行转换，这种格式一般都会是一种标准的json格式，据说是因为json在数据传输中比较快而且兼容比较好，所以现在基本上都是以josn格式进行传递。那么我们来看一下使用easyUI，

之前写过一个有关easyUI tree的博客，但是由于项目传错了，再加上更换了电脑，源码没有保留住，所以出现了问题。评论上说代码有问题，于是边下载了一份，果然，博友的眼睛是雪亮的，确实有问题，之前做过两个Demo，传错了代码，导致没有达到预期的效果。后来有人加我QQ问道这个问题，觉得这是个问题，于是抽个时间，决定在重新写一份。由于两年没搞后台了，java忘得差不多了，这次顺便回顾回顾j

初试easyui，功能挺强大，但是研究了一下，逐渐攻克easyui的各个模块，今天主要是关于easyui tree的一些使用主要包括四方面，初始化加载tree（当然这里使用初始化tree数据并不是页面生成的，而是通过后台取出来的数据组装成的json  tree，然后生成树），添加子节点，修改子节点，删除子节点，以及叶子节点加载tab，根据数据库数据来生成图表趋势图。

主要实现easyui tree的功能，能够加载数据库中的数据组装成tree格式

记得之前做过一个关于easyUI tree的Demo，做完之后写了一篇博客，并把源码传到CSDN上了。后来也就没有关注过。最近翻看以前的博客，看到有一些读者来信，博友们提到代码不是全的，然后去下载了一下源码，发现，确实不是全的。关于tree的这部分代码没有上传，有可能是当时做了两个Demo，一个用户登录的Demo一个tree的Demo，将用户登录的Demo上传了。这就很尴尬了。然而我在博客中只

之前写的关于easyUI-tree的使用，在后台代码的呈现上有很多的瑕疵，这次改进了一下代码。1.新增Tree的VO类每一个实体类都应该有一个与之对应的VO，来应对页面的多变需求，以达到不修改数据库就能来满足页面结构。所以我们需要额外定义VO类，来处理不同的页面需求。Tree也是一样的，我们来看看TreeVo的定义：package com.chenqk.spring