皮皮网

1.vue-srr 实现原理（ vuex、源码vue-router、源码syncData )
2.Spring Boot + EasyExcel导入导出，源码简直太好用了！源码
3.Go并发编程：goroutine，channel和sync详解

vue-srr 实现原理（ vuex、源码vue-router、源码酷鱼吧捕鱼源码syncData )

       服务端渲染（SSR）是源码一种从服务器返回预渲染的HTML页面的技术，适用于PHP、源码JSP、源码Node.js等服务器端框架。源码它与传统的源码Vue单页面应用（SPA）不同，在SPA中，源码页面的源码渲染是由JavaScript完成的，服务器仅返回一个包含单个div和script标签的源码HTML文件，其余DOM结构由bundle.js生成并挂载到div中。源码这种情况下，搜索引擎爬虫难以抓取页面内容，对于SEO重要的手机如何看源码网站，使用SSR能解决此问题。

       SSR的基本使用包括启动服务器、返回HTML文档。我们通常使用Express作为服务端框架。在实际应用中，通过运行服务器并在本地浏览器访问服务器地址查看源代码，可看到服务端返回的HTML内容。

       在Vue中实现SSR，核心是通过`vue-server-renderer`库将Vue对象转换成字符串返回给客户端。这样，一个简单的Vue-SSR实现就完成了。

       为了更好地组织代码，可以采用模块化方式。首先创建`app.js`作为入口文件，`client-entry.js`用于服务端渲染后客户端激活，而`server-entry.js`用于服务端渲染。这里需要返回一个工厂函数，仿53客服源码确保每次访问服务端都是全新的Vue实例。

       接着，创建`index.template.html`，服务端会将`server-entry.js`中的Vue对象通过`vue-server-renderer`解析成字符串放置在这里。打包客户端和服务器端代码的逻辑由`webpack`负责，包括配置文件如`webpack.base.config.js`、`webpack.client.config.js`、`webpack.server.config.js`等。

       最后，通过`server.js`实现服务端渲染逻辑。使用`vue-server-renderer`生成的HTML字符串被返回给客户端。当前实现尚未支持`vue-router`和状态管理`vuex`，需要进行代码调整以支持这些特性。

       在`src`目录下创建`router`和`store`文件夹，分别用于`vue-router`和`vuex`的配置，以便在服务端使用。对`app.js`、牛牛源码在线充值`server-entry.js`、`client-entry.js`和`server.js`进行相应改造，以整合`vue-router`和`vuex`支持。

       Vue-SSR本质上是通过`webpack`打包`client-entry.js`和`server-entry.js`，首次页面加载时，通过`vue-server-renderer`将`server-entry.js`中的Vue实例生成字符串返回给客户端渲染，后续通过`client-entry.js`进行客户端激活。客户端激活指的是Vue在浏览器端接管静态HTML，使其变为由Vue管理的动态DOM。

       整个Vue-SSR实现和代码示例可以在GitHub仓库`github.com/zenghao/...`中找到。

Spring Boot + EasyExcel导入导出，简直太好用了！

       老项目主要采用的POI框架来进行Excel数据的导入和导出，但经常会出现OOM的情况，导致整个服务不可用。后续逐步转移到EasyExcel，简直不能太好用了。七星 源码

       EasyExcel是阿里巴巴开源插件之一，主要解决了poi框架使用复杂，sax解析模式不容易操作，数据量大起来容易OOM，解决了POI并发造成的报错。主要解决方式：通过解压文件的方式加载，一行一行地加载，并且抛弃样式字体等不重要的数据，降低内存的占用。

       在之前专门写过一篇文章《EasyExcel太方便易用了，强烈推荐！》，介绍EasyExcel功能的基本使用。今天这篇文章，我们基于SpringBoot来实现一下EasyExcel的集成，更加方便大家在实践中的直接使用。

       创建一个基础的SpringBoot项目，比如这里采用SpringBoot 2.7.2版本。

       EasyExcel在SpringBoot的集成非常方便，只需引入对应的pom依赖即可。在上述dependencies中添加EasyExcel的依赖：

       EasyExcel目前稳定最新版本2.2.。如果想查看开源项目或最新版本，可在GitHub上获得：github.com/alibaba/easy...

       为了方便和简化代码编写，这里同时引入了Lombok的依赖，后续代码中也会使用对应的注解。

       下面正式开始业务相关代码的编写。如果你想直接获得完整源码，对照源码阅读本篇文章，可在公号「程序新视界」内回“”获得完整源码。

       这里创建一个Member，会员的实体类，并在实体类中填写基础的个人信息。

       为了尽量多的演示EasyExcel的相关功能，在上述实体类中使用了其常见的一些注解：

       GenderConverter转换器的代码实现如下：

       不同版本中，convertToJavaData和convertToExcelData的方法参数有所不同，对应的值的获取方式也不同，大家在使用时注意对照自己的版本即可。

       为方便验证功能，DAO层的逻辑便不再实现，直接通过Service层来封装数据，先来看导出功能的业务类实现。

       定义MemberService接口：

       定义MemberServiceImpl实现类：

       其中数据采用模拟的静态数据，返回Member列表。

       在Controller层的实现一个简单的导出实现：

       这个实现方式非常简单直接，使用EasyExcel的write方法将查询到的数据进行处理，以流的形式写出即可。

       在浏览器访问对应的链接，可下载到如下Excel内容：

       如果我们需要将导出的Excel进行一些格式化的处理，这就需要用到导出策略的实现了。

       在EasyExcel执行write方法之后，获得ExcelWriterBuilder类，通过该类的registerWriteHandler方法可以设置一些处理策略。

       这里先实现一个通用的格式策略工具类CommonCellStyleStrategy：

       该类中示例设置了Excel的基础格式。

       再来实现一个精细化控制单元格内容CellWriteHandler的实现类：

       在这里，对单元格表头的第0个Cell设置了一个超链接。

       通过上面的定义两个策略实现，在导出Excel可以使用上述两个策略实现：

       通过浏览器，访问上述接口，导出的Excel格式如下：

       可以看出，导出的Excel已经附带了具体的格式。其中表头“用户名”上也携带了对应的超链接。其他更精细化的控制，大家可以在策略类中做进一步的控制。

       所谓的同步获取结果导入，就是执行导入操作时，将导入内容解析封装成一个结果列表返回给业务，业务代码再对列表中的数据进行集中的处理。

       先来看同步导入的实现方式。

       注意，在上述代码中，最终调用的是doReadSync()方法。

       这里直接用PostMan进行相应的文件上传请求：

       执行导入请求，会发现控制台打印出对应的解析对象：

       说明上传成功，并且解析成功。

       上面示例中是基于同步获取结果列表的形式进行导入，还有一种实现方式是基于监听器的形式来实现。这种形式可以达到边解析边处理业务逻辑的效果。

       定义Listener：

       在MemberExcelListener中可以针对每条数据进行对应的业务逻辑处理。

       对外接口实现如下：

       这里采用了doRead()方法进行读取操作。在PostMan中再次上传Excel，打印日志如下：

       说明解析成功，并且在解析的过程中，进行了业务逻辑的处理。

       本篇文章基于SpringBoot集成EasyExcel的实现展开，为大家讲解了EasyExcel在实践中的具体运用。大家可根据需要，进行变通处理。同时，基于自定义转换器、自定义策略、自定义监听器等形式达到灵活适用于各种场景。希望本篇文章能给大家带来帮助。

       博主简介：《SpringBoot技术内幕》技术图书作者，酷爱钻研技术，写技术干货文章。 公众号：「程序新视界」，博主的公众号，欢迎关注~ 技术交流：请联系博主微信号：zhuan2quan

Go并发编程：goroutine，channel和sync详解

       ä¼˜é›…的并发编程范式，完善的并发支持，出色的并发性能是Go语言区别于其他语言的一大特色。

       åœ¨å½“今这个多核时代，并发编程的意义不言而喻。使用Go开发并发程序，操作起来非常简单，语言级别提供关键字go用于启动协程，并且在同一台机器上可以启动成千上万个协程。

       ä¸‹é¢å°±æ¥è¯¦ç»†ä»‹ç»ã€‚

goroutine

       Go语言的并发执行体称为goroutine，使用关键词go来启动一个goroutine。

       go关键词后面必须跟一个函数，可以是有名函数，也可以是无名函数，函数的返回值会被忽略。

       go的执行是非阻塞的。

       å…ˆæ¥çœ‹ä¸€ä¸ªä¾‹å­ï¼š

packagemainimport("fmt""time")funcmain(){ gospinner(*time.Millisecond)constn=fibN:=fib(n)fmt.Printf("\rFibonacci(%d)=%d\n",n,fibN)//Fibonacci()=}funcspinner(delaytime.Duration){ for{ for_,r:=range`-\|/`{ fmt.Printf("\r%c",r)time.Sleep(delay)}}}funcfib(xint)int{ ifx<2{ returnx}returnfib(x-1)+fib(x-2)}

       ä»Žæ‰§è¡Œç»“果来看，成功计算出了斐波那契数列的值，说明程序在spinner处并没有阻塞，而且spinner函数还一直在屏幕上打印提示字符，说明程序正在执行。

       å½“计算完斐波那契数列的值，main函数打印结果并退出，spinner也跟着退出。

       å†æ¥çœ‹ä¸€ä¸ªä¾‹å­ï¼Œå¾ªçŽ¯æ‰§è¡Œæ¬¡ï¼Œæ‰“印两个数的和：

packagemainimport"fmt"funcAdd(x,yint){ z:=x+yfmt.Println(z)}funcmain(){ fori:=0;i<;i++{ goAdd(i,i)}}

       æœ‰é—®é¢˜äº†ï¼Œå±å¹•ä¸Šä»€ä¹ˆéƒ½æ²¡æœ‰ï¼Œä¸ºä»€ä¹ˆå‘¢ï¼Ÿ

       è¿™å°±è¦çœ‹Go程序的执行机制了。当一个程序启动时，只有一个goroutine来调用main函数，称为主goroutine。新的goroutine通过go关键词创建，然后并发执行。当main函数返回时，不会等待其他goroutine执行完，而是直接暴力结束所有goroutine。

       é‚£æœ‰æ²¡æœ‰åŠžæ³•è§£å†³å‘¢ï¼Ÿå½“然是有的，请往下看。

channel

       ä¸€èˆ¬å†™å¤šè¿›ç¨‹ç¨‹åºæ—¶ï¼Œéƒ½ä¼šé‡åˆ°ä¸€ä¸ªé—®é¢˜ï¼šè¿›ç¨‹é—´é€šä¿¡ã€‚常见的通信方式有信号，共享内存等。goroutine之间的通信机制是通道channel。

       ä½¿ç”¨make创建通道：

ch:=make(chanint)//ch的类型是chanint

       é€šé“支持三个主要操作：send，receive和close。

ch<-x//发送x=<-ch//接收<-ch//接收，丢弃结果close(ch)//关闭无缓冲channel

       make函数接受两个参数，第二个参数是可选参数，表示通道容量。不传或者传0表示创建了一个无缓冲通道。

       æ— ç¼“冲通道上的发送操作将会阻塞，直到另一个goroutine在对应的通道上执行接收操作。相反，如果接收先执行，那么接收goroutine将会阻塞，直到另一个goroutine在对应通道上执行发送。

       æ‰€ä»¥ï¼Œæ— ç¼“冲通道是一种同步通道。

       ä¸‹é¢æˆ‘们使用无缓冲通道把上面例子中出现的问题解决一下。

packagemainimport"fmt"funcAdd(x,yint,chchanint){ z:=x+ych<-z}funcmain(){ ch:=make(chanint)fori:=0;i<;i++{ goAdd(i,i,ch)}fori:=0;i<;i++{ fmt.Println(<-ch)}}

       å¯ä»¥æ­£å¸¸è¾“出结果。

       ä¸»goroutine会阻塞，直到读取到通道中的值，程序继续执行，最后退出。

缓冲channel

       åˆ›å»ºä¸€ä¸ªå®¹é‡æ˜¯5的缓冲通道：

ch:=make(chanint,5)

       ç¼“冲通道的发送操作在通道尾部插入一个元素，接收操作从通道的头部移除一个元素。如果通道满了，发送会阻塞，直到另一个goroutine执行接收。相反，如果通道是空的，接收会阻塞，直到另一个goroutine执行发送。

       æœ‰æ²¡æœ‰æ„Ÿè§‰ï¼Œå…¶å®žç¼“冲通道和队列一样，把操作都解耦了。

单向channel

       ç±»åž‹chan<-int是一个只能发送的通道，类型<-chanint是一个只能接收的通道。

       ä»»ä½•åŒå‘通道都可以用作单向通道，但反过来不行。

       è¿˜æœ‰ä¸€ç‚¹éœ€è¦æ³¨æ„ï¼Œclose只能用在发送通道上，如果用在接收通道会报错。

       çœ‹ä¸€ä¸ªå•å‘通道的例子：

packagemainimport"fmt"funccounter(outchan<-int){ forx:=0;x<;x++{ out<-x}close(out)}funcsquarer(outchan<-int,in<-chanint){ forv:=rangein{ out<-v*v}close(out)}funcprinter(in<-chanint){ forv:=rangein{ fmt.Println(v)}}funcmain(){ n:=make(chanint)s:=make(chanint)gocounter(n)gosquarer(s,n)printer(s)}sync

       sync包提供了两种锁类型：sync.Mutex和sync.RWMutex，前者是互斥锁，后者是读写锁。

       å½“一个goroutine获取了Mutex后，其他goroutine不管读写，只能等待，直到锁被释放。

packagemainimport("fmt""sync""time")funcmain(){ varmutexsync.Mutexwg:=sync.WaitGroup{ }//主goroutine先获取锁fmt.Println("Locking(G0)")mutex.Lock()fmt.Println("locked(G0)")wg.Add(3)fori:=1;i<4;i++{ gofunc(iint){ //由于主goroutine先获取锁，程序开始5秒会阻塞在这里fmt.Printf("Locking(G%d)\n",i)mutex.Lock()fmt.Printf("locked(G%d)\n",i)time.Sleep(time.Second*2)mutex.Unlock()fmt.Printf("unlocked(G%d)\n",i)wg.Done()}(i)}//主goroutine5秒后释放锁time.Sleep(time.Second*5)fmt.Println("readyunlock(G0)")mutex.Unlock()fmt.Println("unlocked(G0)")wg.Wait()}

       RWMutex属于经典的单写多读模型，当读锁被占用时，会阻止写，但不阻止读。而写锁会阻止写和读。

packagemainimport("fmt""sync""time")funcmain(){ varrwMutexsync.RWMutexwg:=sync.WaitGroup{ }Data:=0wg.Add()fori:=0;i<;i++{ gofunc(tint){ //第一次运行后，写解锁。//循环到第二次时，读锁定后，goroutine没有阻塞，同时读成功。fmt.Println("Locking")rwMutex.RLock()deferrwMutex.RUnlock()fmt.Printf("Readdata:%v\n",Data)wg.Done()time.Sleep(2*time.Second)}(i)gofunc(tint){ //写锁定下是需要解锁后才能写的rwMutex.Lock()deferrwMutex.Unlock()Data+=tfmt.Printf("WriteData:%v%d\n",Data,t)wg.Done()time.Sleep(2*time.Second)}(i)}wg.Wait()}总结

       å¹¶å‘编程算是Go的特色，也是核心功能之一了，涉及的知识点其实是非常多的，本文也只是起到一个抛砖引玉的作用而已。

       æœ¬æ–‡å¼€å§‹ä»‹ç»äº†goroutine的简单用法，然后引出了通道的概念。

       é€šé“有三种：

       æ— ç¼“冲通道

       ç¼“冲通道

       å•å‘通道

       æœ€åŽä»‹ç»äº†Go中的锁机制，分别是sync包提供的sync.Mutex（互斥锁）和sync.RWMutex（读写锁）。

       goroutine博大精深，后面的坑还是要慢慢踩的。

       æ–‡ç« ä¸­çš„脑图和源码都上传到了GitHub，有需要的同学可自行下载。

       åœ°å€ï¼šgithub.com/yongxinz/gopher/tree/main/sc

       ä½œè€…：yongxinz