VueJS父子组件属性同步

发表于 | 更新于   |   更新于 | 分类于 | 评论数： | 阅读次数：

VueJS父子组件属性同步

背景

为了解决ElementUI中Dialog+Form同时用于添加、修改操作时，Form中输入项值及检验状态滞留（显示的是上一次关闭Dialog前的值）的问题。

在父组件中对Table行数据进行添加、修改操作，使用了ElementUI的Dialog组件，添加、修改操作使用同一Dialog表单。那么问题来了，点击添加按钮时，对话框表单输入项初始化状态都应置空；点击修改按钮对话框表单输入项应初始化为当前行的值；另外，我给表单加了ElementUI自带的输入校验。

Dialog关闭时，仅设置了display:none属性。每次Dialog显示时都会遗留上一次关闭之前的值或者校验提示状态。虽然可以在代码中显示重置表单各项数据，以及通过this.$refs['form'].resetForm()、this.$refs['form'].clearValidate()重置表单校验状态，但是this.$refs['form'].resetForm()重置后的表单值始终为第一次打开Dialog时的值。

阅读全文 »

Webpack前端整合到SpringMVC项目中

发表于   |   更新于 | 分类于 | 评论数： | 阅读次数：

Webpack前端整合到SpringMVC项目中

背景

容器引擎系统不支持直接部署Nodejs环境，需要结合maven插件在jenkins构建阶段编译Webpack项目。这里我把前端代码整合到SpringMVC项目中，作为一个整体工程进行打包部署。

SpringMVC是已有项目，需要保留旧版本。这次重构前端，并在后端添加单独API模块。

目录结构

1
2
3
4
5
6
|-- src
    |-- frontend （Webpack项目）
    |-- java
    |-- resources
    |-- webapp
|-- pom.xml

如上所示，frontend是Webpack项目，可以单独在Webstorm进行开发运行。如果要在SpringMVC工程中编译Webpack并部署到Tomcat，需要对pom.xml作少许改动，添加相应的maven插件。

阅读全文 »

Spring的自定义标签

发表于   |   更新于 | 分类于 | 评论数： | 阅读次数：

Spring的自定义标签

Spring为自定义xml标签加载提供了扩展。用户可自定义标签并注册到Spring的bean容器中。实现较为复杂的bean加载解析。

技术要点：

  • XML、DTD、XSD
阅读全文 »

用hexo搭建Git Page个人博客

发表于 | 更新于   |   更新于 | 评论数： | 阅读次数：
写在前面

  一直用有道笔记写东西，最近鼓捣了下Git Page，发现还(bu)不(yao)错(qian)，主要是GitHub这条大腿比较粗，抱起来就一个字—稳。Git Page可以结合开源静态站点生成器Jekyll、hexo等。

  Jekyll需要安装Ruby环境，虽然我的Mac自带了Ruby，但万一哪天用Windows还得装个Ruby环境，好麻烦的说。Jekyll很好，所以我选择hexo。

阅读全文 »