- 博客(34)
- 收藏
- 关注
RSS订阅原创 iconfont 彩色图标的使用
2. 定位到 iconfont 下载的目录，然后输入iconfont-tools 对 文件进行转换。1.安装 npm install -g iconfont-tools。目录底下生成了iconfont_color.css文件。3. 应用 iconfont_color.css文件。
2023-06-06 22:26:50
346
原创 Ant Design Vue 之a-tree-select
Ant Design Vue 是比较流行的vue框架之一，主要是展示a-tree-select 的简单用法，a-tree-select组件主要用于展示树结构的选择。
2023-01-30 21:37:30
4752
原创 SpringBoot 集成Elasticsearch
Elasticsearch是一个开源的高扩展的分布式全文检索引擎，它可以近乎实时的存储、检索数据；本身扩展性很好，可以扩展到上百台服务器，处理PB级别的数据。Elasticsearch也使用Java开发并使用Lucene作为其核心来实现所有索引和搜索的功能，但是它的目的是通过简单的RESTful API来隐藏Lucene的复杂性，从而让全文搜索变得简单。1.安装Elasticsearch服务并进行相关配置，启动Elasticsearch服务2. 安装Elasticsearch Head..
2022-03-12 12:08:44
6263
原创 uniapp 开发实四 ：uniapp 与ios原生交互
效果如下图：uniapp：代码<template> <view class="contain"> <input type="number" v-model="num1" @input="onKeyInput1" class="numstyle" placeholder="请输入加数1" /> <text style="margin-left: 15rpx;margin-right: 15rpx;...
2022-02-01 20:13:18
5056
原创 uniapp 开发实操二：uniapp 调用 微信小程序自定义组件
用uniapp 开发手机app，有些功能需要结合原生代码进行开发.主流原生有android,ios,微信小程序等。下面先来看下微信小程序是如何自定义的。1.微信页面页面源码：<view class="container"><movie></movie><movie></movie><movie></movie></view>样式：.container{padding:
2022-01-03 10:54:40
5480
原创 uniapp 开发实操一 ：列表与表单提交
目前随着5g网络的不断普及以及web app 跨平台的优势，web app已经逐渐成了 普通app 开发的首选框架。uni-app基于Vue.js实现的。所以它具备了vue.js前端的所有优势。而且uniapp 有很丰富的第三方插件，可以很方便的用一套代码开发公众号与小程序。先上图，效果如下：html5页面：小程序页面：1、列表页面代码：这里用引入了mescroll 上拉下拉第三方插件，非常好用。<template> <view class=...
2021-12-26 00:13:26
6213
原创 uniapp 组件的导入与使用
图中导入了轮播组件、网格组件。1.轮播组件，这里使用了组件生命周期函数created() 来对数据进行初始化。<template> <view> <view class="uni-margin-wrap"> <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval=...
2021-10-03 08:31:55
3348
原创 web前后端分离系统之间的单点登录
web前后端分离系统之间的单点登录主要难点在于系统之间如何跳转以及跨域传递cookie。首先给出单点登录示意图。1.百度系统未登录,请求登录，其中参数callBackUrl是回调地址$.ajax({ url : "http://localhost:8181/infoUser/index.do?callBackUrl=http://localhost:8083/sys1_web/index.html", type : "post", conten...
2021-08-15 08:47:53
1561
原创 Kotlin 协程的非阻塞式挂起
class MainActivity : AppCompatActivity() { private lateinit var binding: ActivityMainBinding private val mainScope = MainScope() override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) binding = .
2021-07-25 18:52:40
439
1
原创 mybatisplus+swagger2
pom.xml<!-- mybatis-plus --> <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>${mybatis-plus.version}</version> </
2021-05-30 23:22:09
410
原创 springcloud 之 网关
作为网关至少要有三大功能：1.路由功能，能够将内外网分离。2.过滤功能，包括登录鉴权等3.限流的功能为了能够满足网关的上述的三大功能这里选择了Zuul+RateLimiter 来实现。1.application.ymleureka: client: serviceUrl: defaultZone: http://127.0.0.1:8081/eureka/server: port: 8087spring: application: n
2020-12-06 15:10:41
1249
原创 springcloud 之 熔断和降级
springcloud熔断和降级,当服务集群中有个别服务提供者出现故障或者无法提供服务的时候，如果不断的去请求该服务，就会消耗更多的网络请求资源，甚至引起整个服务集群的瘫痪。这就好像电路一样，当电路短路的时候，如果没有保险丝后果是可想而知的。同样的道理，springcloud 引入了hystrix 组件作为服务集群间的保险丝。下面我们就来看springcloud是如何利用hystrix 组件来实现熔断与降级的。1.熔断pom.xml<dependency> <gr..
2020-11-26 07:29:44
831
原创 spring cloud 之 负载均衡
Spring Cloud 的负载均衡可以由Eureka、Feign 组件来实现。下面我将围绕所建立的eureka_server 、product_service、order_service三个工程来讲解如何实现客户端的负载均衡。1.eureka_server 注册服务Eureka 是 Netflix 出品的用于实现服务注册和发现的工具，Spring Cloud 封装了 Netflix 公司开发的 Eureka 模块来实现服务注册和发现,Eureka采用C-S的设计架构，包含Eureka Serv..
2020-11-18 07:44:37
451
原创 react native 网络请求与跳页
react native的网络请求fetch方法来对后台进行请求的，跳页主要是通过react-navigation 来实现的。以下是一个小例子。实现一个登录请求成功后，跳转到主页到demo npm install react-navigation-stack入口：App.jsimport React, {Component} from 'react';import { StyleSheet, View, Text, Image,Dimensions,Ale...
2020-08-03 06:52:11
297
原创 react-native-webview 的使用
RN升级到0.61.5之后，webview从react native官方api中删除，官方推荐采用react-native-webview.一、react-native-webview 网上安装教程大都是坑，正确安装组件步骤如下:1.npm install --save react-native-webview2.项目目录下cd ios //进入ios目录pod install //拉去项目的pod依赖3.react-native link react-native-webvi..
2020-07-19 18:13:54
4681
2
原创 react-native-tab-navigator 的使用
react-native-tab-navigator 是兼容android 与 ios的底部菜单，非常好用。App.js代码/*** Sample React Native App* https://github.com/facebook/react-native* @flow*/import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, V...
2020-07-05 18:54:35
2506
1
原创 FlatList的使用(一)
目前新版的react native已经都用FlatList代替了ListView。所以有必要学习下FlatList都具体用法。官方中文网描述如下：高性能的简单列表组件，支持下面这些常用的功能：完全跨平台。 支持水平布局模式。 行组件显示或隐藏时可配置回调事件。 支持单独的头部组件。 支持单独的尾部组件。 支持自定义行间分隔线。 支持下拉刷新。 支持上拉加载。 支持跳转到指定行（ScrollToIndex）。 支持多列布局实现代码如下：import React, { Com
2020-06-07 18:32:49
1311
原创 react native TextInput 结合 FlatList的简单用法
目前手机混合框架可谓百花齐放，各有千秋。这里主要简单展示了react native TextInput的主要用法，以及简单结合FlatList的用法源代码如下：/*** Sample React Native App* https://github.com/facebook/react-native** @format* @flow strict-local*/import React ,{ Component } from 'react';import { ...
2020-06-01 23:10:04
438
原创 登录机制中的Cookie、Session、token以及单点登录
在登录机制中很多时候都涉及到Cookie、Session、token以及单点登录。下面我就简单的说明下他们的应用以及他们之间的关系。1.Cookie 通常是保存在浏览器中的，在java 后端 通常生成方式如下：Cookie cookie = new Cookie("username","helloweenvsfei");cookie.setHttpOnly(false);cook...
2020-03-08 10:59:08
571
原创 消息中间件ActiveMQ的应用
ActiveMQ是一种开源的消息系统，有两种发送方式和接收方式。一种是P2P(Ponit to Point)，另外一种是Pub/Sub(Publish/Subscribe，即发布-订阅)。P2P的方式简单的说就是消息一旦被某个消费者消费掉，后面消费者就无法得到这个消息。所以P2P是一对一的关系。而Pub/Sub 则是一对多的关系。一个消息发出，所以监听的消费者都是可以收到的。ActiveMQ的应用...
2020-02-22 21:22:17
215
原创 Bootstrap 导航与轮播
学习bootstrap 框架不仅要知道里面的组件如何使用，更重要的是如何改变它组件的样式。以下是bootstarp的导航与轮播组件的使用。1.html部分：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta ht...
2019-08-04 11:19:33
425
原创 Bootstrap 之 栅格系统
Bootstrap 是适合做网页前端的框架，easyui适合做平台后端框架。以下是Bootstrap 的 栅格系统简单的应用。如下图：index.html 代码如下：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> ...
2019-07-14 15:58:43
264
原创 easyui之excel导入数据
前端部分代码： /** * 导入 */ $('a[type="btn-import"]').bind("click",function(){ $('#importDialog').dialog({ title: '导入文件', ...
2019-06-24 07:40:05
7704
1
原创 打造自己的eayui平台框架
easyui可以用不同的组件搭出不一样的框架出来。如下图，我是用easyui-accordion 做为框架左侧菜单的父容器。前端jsp代码：<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib prefix="c" uri="http://java...
2019-06-03 07:37:54
300
原创 easyui 表单提交与图片上传,图片添加、删除
提交表单和图片是web中经常要用到的。我这里用easyui做了一个表单，里面可以上传多张图片，并且可以进行新增和删除。前端代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>...
2019-05-21 12:27:53
3198
3
原创 easyui 之 tree的用法
很多时候我们组织结构需要用树的形式来展示，这个时候可以利用easyui 的tree控件。效果如下： 产品的需求总是不断的变化，需要对树进行增、删、改代码如下：1.前端代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8">...
2019-05-12 15:59:33
631
原创 局域网内android消息推送方案
有时候我们需要在局域网内对android终端进行消息推送，这个时候就无法利用个推等第三方联网的推送机制。这个时候可以考虑Netty长连接服务。原理图如下:...
2019-05-06 20:57:49
4405
原创 easyui之 datagrid editor的使用
在项目中有的时候要利用datagrid进行展示记录结果，同时还要对记录进行修改，保存，这个时候就要用到editor.easyui api中讲的不是很详细，今天给大家展示下datagrid的搜索功能以及editor的使用。以下是效果图: 前端代码如下：重点是要用 $('#result_grid').datagrid("endEdit", index);来触发onAfterEdi...
2019-05-01 18:02:46
16019
原创 easyui之combobox快速搜索
第一次用combobox的快速搜索功能，很多人会因为不懂关键词q,而不知所措，q到底是什么鬼？q其实代表的是combobox的输入的内容。下面是具体的实现的效果如下图：1.前端实现代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> &l...
2019-04-21 22:11:52
1247
原创 切换tab改变内容
这周做了一个用背景图标做logo,以及点击tab改变内容的demo，效果如下：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ...
2019-04-14 11:53:15
480
原创 图片与文本对齐
发现有些同学还不知道如何对齐图片与文本，这里不废话。直接贴出源代码。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ...
2019-04-03 23:41:52
359
原创 手机客户端与服务器通信之token机制
之前在一家公司作为android工程师参加了一个项目。就是用token机制实现的，但是发觉他们开发的后端token还停留在表面，既无法用于自动登录，也无法在token失效后弹出登录对话框。刚好最近有机会设计前后端，所以可以跟大家分享下原理图。...
2019-04-03 23:18:49
1092
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人