SpringBoot项目数据库访问MySQL 此项目以MySQL数据库作为测试数据库，并使用Flyway来管理数据库版本。 先要安装好MySQL数据库，然后建立测试数据库user_db，我们使用Flyway来管理数据库版本，因此不用建表，直接通过Flyway脚本sql来见表，并自动维护好数据库表结构版本信息。 新建项目 参考基本配置文章：https…

Spring Boot基础项目 新建统一Spring Boot的父工程 新建一个通用的父工程，为pom工程，继承于spring-boot-starter-parent，可以维护一些自定义的版本、插件等信息等。 然后可以再在下级新建子项目的pom或者jar工程。 下面以简单的数据库访问工程为例，会使用到lombok、mybatis-plus，需要引入…

Vue项目集成Axios支持Restful调用 Axios是前端Http请求工具，集成ajax请求，提供Promise API，方便请求处理，并可以很好的定制拦截器等统一处理请求和响应。 GitHub地址： https://github.com/axios/axios 安装Axios 使用npm安装axios即可 npm install axios…

Vue项目中使用Vuex作为状态管理已经是比较通用的做法了，新建Vue项目的时候就可以选择集成Vuex，其实Vuex本质上类似全局的变量存储，方便在所有Vue组件中共享，而且也可以动态改变状态。 在单页应用中Vue项目集成Vuex也就足够基本使用了，但是刷新页面的时候数据都会被清空，在某些情况下，我们需要这些状态能保存下来，比如登录后的用户信息、A…

通常情况下，很多后台管理界面需要有好几套颜色的主题，我们的Vue项目已经集成了ElementUI，本来也支持主题定制，ElementUI使用了Sass开发样式，因此自定义样式也是很方便的。 自定义样式 参考：https://element.eleme.cn/#/zh-CN/component/custom-theme 主要就是修改ElementUI…

前面已经搭建好VueJS环境，下面可以引入ElementUI组件了，ElementUI提供比较完整的控件库，很容易搭建一个自己的后台页面。 参考地址：https://element.eleme.cn/#/zh-CN/component/installation 安装并使用ElementUI npm install element-ui --save…

Vue一般开发基于nodejs环境，提前安装好nodejs之后，才能进行下面的操作。 安装Vue Cli工具 最好先设置好registry，下载速度会快些，参考可选镜像：https://developer.aliyun.com/mirror/NPM npm config set registry=https://r.cnpmjs.org #或者是使…

vagrant是HashiCorp的虚拟机管理软件，可以管理virtualbox，VMware，docker等镜像, 在vagrant中统一被称之为box。 对于搭建和配置集群开发环境很方便 下载vagrant 下载地址：https://www.vagrantup.com/downloads.html 文档地址： https://www.vagra…

​ 公司目前做了一个基于Vuejs为前端加Java为后端的H5系统，公司很多客户希望对接企业微信单点登录。这里记录下开发企业微信单点登录模式。 ​ 为了测试方便，建立测试公司来做测试。 企业微信单点登录流程 要实现单点登录，先要注册公司企业微信，然后配置应用，并配置相关的URL，信任域名，回调地址等。 简单操作开发逻辑： 配置企业微信单点登录 注册…

最近公司有钉钉单点登录需求，需用用户在钉钉中点击配置好的应用能自动登录到应用当中，我们的应用是移动端H5页面。 配置钉钉相关环境 钉钉单点登录需要注册号钉钉企业，然后配置企业H5应用，并把地址和出口IP等信息配置到应用中，应用的访问页面需要引入钉钉的dingtalk-jsapi，并通过dingtalk-jsapi+corpId获取免登code，后台…