- SpringBoot2:web开发常用功能实现及原理解析-整合EasyExcel实现Excel导入导出功能
生产队队长
SpringAllexcelspringboot
1、工程包结构主要是这5个Java类2、导入EasyExcel包这里同时贴出其他相关springboot的基础包org.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-devtoolsruntimetrueorg.springframework.bootspring-boot-config
- vba把excel导入mysql_VBA将Excel数据表格直接导入SQL Server数据库
weixin_39757040
[vb]代码库'把当前Excel工作簿的所有工作表的数据表格转换为Insert语句并导入SQLServer数据库中。OptionExplicitPublicSubCreateAllSheetsInsertScript()OnErrorGoToErrorHandler'recordsetandconnectionvariablesDimRowAsLongDimColAsInteger'Tostore
- python将excel导入mysql_利用python将excel数据导入mySQL
weixin_39959369
主要用到的库有xlrd和pymysql,注意pymysql不支持python3篇幅有限,只针对主要操作进行说明连接数据库首先pymysql需要连接数据库,我这里连接的是本地数据库(数据库叫lds714610)。conn=connect(host='localhost',port=3306,database='lds714610',user='root',charset='utf8')#主要通过cu
- Spring Boot + EasyExcel导入导出,简直太好用了
YYniannian
java开发语言
背景老项目主要采用的POI框架来进行Excel数据的导入和导出,但经常会出现OOM的情况,导致整个服务不可用。后续逐步转移到EasyExcel,简直不能太好用了。EasyExcel是阿里巴巴开源插件之一,主要解决了poi框架使用复杂,sax解析模式不容易操作,数据量大起来容易OOM,解决了POI并发造成的报错。主要解决方式:通过解压文件的方式加载,一行一行地加载,并且抛弃样式字体等不重要的数据,降
- JavaScript导入导出excel
金色浪花
javascriptexcel
在JavaScript的浏览器环境下导入和导出Excel文件,主要可以通过一些库来帮助我们简化操作,比如SheetJS(也称为xlsx库)和FileSaver.js。以下是如何使用这些库来实现Excel的导入和导出的基本步骤:导入Excel导入Excel文件通常涉及到HTML的元素,以及使用FileReader来读取用户选择的文件,然后使用SheetJS解析这个文件。HTML部分html复制代码J
- 使用阿里的EasyExcel导入数据
今天不学习明天变拉吉
java
工作遇到一种情况,在导入excel的时候数量过多,导致占用内存太大最终OOM.为了避免这样的情况再次出现,更换easyPoi为EasyExcel,它是一行一行读,非常节省内存且快速.首先依赖com.alibabaeasyexcel-core3.2.1然后java对象,注意该java对象的顺序要跟excel的列顺序完全一一对应,不需要@Excel注解,该注解是之前easyPoi的遗留,我删除了一些无
- easyExcel 导入时,校验每个单元格数据
Saltwater_leo
easyExcel开发语言javaeasyExcel
目录1、定义excel导入文件对应的数据接收类2、定义属性转换器3、定义数据解析监听器4、解析文件1、定义excel导入文件对应的数据接收类packagecom.ruoyi.project.domain.dto;importcom.alibaba.excel.annotation.ExcelProperty;importcom.ruoyi.project.impot.convert.HeadUse
- springboot集成easyexcel实现导入导出
coder_monarch
SpringBootJAVAjavaspringboot后端
本文只实现比较简单的Excel导入导出,提供思路,以抛砖引玉第一步:新建一个实体类User@DatapublicclassUser{@TableId@ExcelProperty(value="序号")//导出Excel的列名privateIntegerid;@ExcelProperty(value="姓名")privateStringname;}第二步:项目pom文件添加easyexcel的依赖c
- Winform中使用NPOI实现导出Excel并文件另存为
霸道流氓气质
C#
场景POI是一套用Java写成的Excel导入导出的库。NPOI就是POI的.NET版本。NPOI官网https://archive.codeplex.com/?p=npoiNPOI教程https://www.cnblogs.com/atao/NPOI相关Lib中各种dll文件下载https://download.csdn.net/download/badao_liumang_qizhi/1160
- C# excel导入模板
a9b854aded01
1527493060(1).pngtry{stringfileName="";//获取Excel文件路径和名称OpenFileDialogodXls=newOpenFileDialog();//设置文件格式odXls.Title="请选择文件夹";odXls.Filter="Excelfilesoffice2003(*.xls)|*.xls|Exceloffice2010(*.xlsx)|*.xl
- SpringBoot 项目优雅实现 Excel 导入导出功能
String、code
srpingspringbootjavaspring
SpringBoot项目优雅实现Excel导入导出功能背景Excel导入与导出是项目中经常用到的功能,在Java中常用poi实现Excel的导入与导出。由于poi占用内存较大,在高并发下很容易发生OOM或者频繁fullgc,阿里基于poi开源了EasyExcel项目。除了节约内存,EasyExcel还简化了API,通过注解映射Excel单元格与对象字段之间的关系,简单的几行代码就能搞定复杂的导入导
- 【架构】Excel导入数据使用双异步后,从 191s 优化到 2s
奔向理想的星辰大海
Java技术研发SpringBoot架构excel数据库
Excel的数据导入数据库中。一、一般我会这样做:通过POI读取需要导入的Excel;以文件名为表名、列头为列名、并将数据拼接成sql;通过JDBC或mybatis插入数据库;操作起来,如果文件比较多,数据量都很大的时候,会非常慢。访问之后,感觉没什么反应,实际上已经在读取+入库了,只是比较慢而已。读取一个10万行的Excel,居然用了191s,我还以为它卡死了呢!privatevoidreadX
- 前端导入excel日期变数字问题
千茉紫依
excel默认是从1900-01-01作为开始计算日期js中默认是从1970-01-0108:00:00作为开始计算日期两者之间相差70年,共计25569天,所以用excel的数字减去25569得到天数,再换算成微秒,再使用newDate转换即可得到当前日期如excel导入时间为44470,当前时间为newDate((44470-25569)24*6060*1000)//2021-10-01
- Golang Excel导入数据并标注此行背景色和异常数据提示暂时
承诺一时的华丽
项目架构:Echo+Gorm+excelize依赖开源项目:github.com/360EntSecGroup-Skylar/excelize开源项目中文文档:https://xuri.me/excelize/zh-hans/excel模板image.pngfuncImportAccountByExcel(cecho.Context)error{//文件地址path:=c.FormValue("p
- 100000行级别数据的 Excel 导入优化之路
程序员蜗牛g
springboot代码优化技巧excelspringbootjava
项目中有一个Excel导入的需求:缴费记录导入由实施/用户将别的系统的数据填入我们系统中的Excel模板,应用将文件内容读取、校对、转换之后产生欠费数据、票据、票据详情并存储到数据库中。在接手之前可能由于之前导入的数据量并不多没有对效率有过高的追求。但是到了4.0版本,预估导入时Excel行数会是10w+级别,而往数据库插入的数据量是大于3n的,也就是说10w行的Excel,则至少向数据库插入30
- apache poi Excel导入、导出单元格图片
1telescope
Javaexcelapachejavaspringbootspringcloudspring1024程序员节
本文将在导入Excel时获取其浮动在单元格内的图片(嵌入单元格获取不到),并下载到本地。导出也是浮动式图片。这里只提供导入图片部分的代码,仅供参考。与导入图片无关的代码部分已进行删除,如报错请忽略,关注导入图片业务即可。业务层代码/***导出ExcelXSSFWorkbook**@paramworkbook工作簿XSSFWorkbook格式*@paramdataList数据集合*@paramfie
- Pandas导入导出excel、csv、txt文件(全网最全教程)
你们的q哥
pandasexcel
Pandas导入导出excel、csv、txt文件Pandas是一个强大的数据分析和处理库,可以用来读取和处理多种数据格式,包括Excel文件。下面是如何使用Pandas读取Excel文件的示例:首先,确保您已经安装了Pandas。如果尚未安装,可以使用以下命令安装:pipinstallpandasExcelExcel导入然后,您可以按照以下步骤读取Excel文件:导入Pandas:在Python
- Excel导入sqlserver
weixin_30416871
数据库
//////上传Excel//////publicActionResultExcel(){ViewData["name"]="你还没选择文件呢!";returnView();}[HttpPost]publicActionResultExcel(FormCollectioncollection){//vara=collection["val"];varfile=Request.Files[0];va
- Springboot+Easypoi 实现excel导入导出
逆水寻洲
前言:开发中经常会遇到excel的处理,导入导出解析等等,java中比较流行的用poi,但是每次都要写大段工具类来搞定这事儿,此处推荐一个别人造好的轮子【easypoi】,下面介绍下“轮子”的使用(以导入、导出Excel到实体类为例)。详细用法,可参考EasyPoi参考文档:http://easypoi.mydoc.io/#text_186900pom引入org.springframework.b
- EasyExcel导入数据校验(hibernate-validator)
nedjie
javahibernatejavaspring
前言最近做项目,在使用EasyExcel做数据导入的时候,没有找到什么好的数据校验方法,很多博客都是直接写代码进行校验,感觉很麻烦,因此思考能不能有什么简便的方法。大家都知道web项目,在controller层的方法上加@Validated注解,调用接口的时候会自动进行参数校验,于是思考能不能通过同样的方法对EasyExcel导入的数据进行校验。@Validated是通过hibernate.val
- 在flutter中集成Excel导入和导出
枣泥馅
flutterflutterexceljavascript
flutter中集成Excel导入和导出功能1、需要的依赖在pubspec.yaml#excel导出syncfusion_flutter_xlsio:^24.1.45open_file:^3.0.1#导入excelflutter_excel:^1.0.1#选择文件的依赖file_picker:^6.1.1(1)依赖说明在测试时,我们在使用导出发现只有syncfusion_flutter_xlsio
- 极易录用!并行结构!GAF-PCNN-AT格拉姆角场和双通道PCNN融合注意力机制的分类/故障识别程序!Excel导入,直接运行
预测及优化
分类GAFGASFGADF格拉姆角场双通道输入卷积
适用平台:Matlab2023版本及以上本程序参考中文EI期刊《电力自动化设备》12月29号网络首发文献:《基于格拉姆角场与并行CNN的并网逆变器开关管健康诊断》,此外,在此基础上进一步对模型进行复现并改进,该论文推出时间短,复现及改进还没有人应用到其他研究方向,如轴承、变压器、电能质量等方向,这种并行结构区别与传统的搭积木式结构,极易录用!文献解读:这篇文献中,首先,采集一维故障电压与电流信号的
- 正则group分组提取关键信息
爱晒太阳的小老鼠
java前端javascript
需求有个excel导入需求,有一列信息是5、>=号切割字符串,然后进行字符切割。实现下面用正则的分组,实现这个功能正则表达式:([^<=<]*)(<=|<)*值域范围(<=|<)*(.*)group(0)匹配完整的正则表达式,group(1)匹配第一个括号内的表达是。([^<=<]*)(<=|<)*值域范围(<=|<)*(.*)的意思:第一个括号匹配非<=和<的值,以3<值域范围<5为例子,gro
- 使用luckysheet实现excel导入导出
妖136
前端htmlcss
luckysheet-demo:luckysheet-demoexcel导入导出实例使用组件1.luckysheet在线excel2.luckyexcelexcel导入插件3.exceljs导出excel数据导出exceljs的二次封装,可直接使用如下functionexportSheetExcel(luckysheet,name){//参数为luckysheet.getluckysheetfil
- 记录--vue使用Luckysheet插件实现导入导出
会自己走的CV码农
记录vue.jsLuckysheetLuckyExcel
Luckysheet开发的excel导入导出库-Luckyexcel(opensnewwindow)已经实现了excel导入功能(目前只支持xslx文件);支持多sheet更新导出边框问题更新导出类型不同时样式Luckysheet导入文档导入文件(仅限.xlsx文件)npm引入npminstallluckyexcel引入到页面中importLuckyExcelfrom'luckyexcel'使用方
- vue使用Luckysheet插件实现导入导出
admin-Y
VUEvue
Luckysheet开发的excel导入导出库-Luckyexcel(opensnewwindow)已经实现了excel导入功能(目前只支持xslx文件);支持多sheet更新导出边框问题更新导出类型不同时样式使用方法:导入文件(仅限.xlsx文件)npm引入npminstallluckyexcel引入到页面中importLuckyExcelfrom‘luckyexcel’letfile=e.ta
- SpringBoot自定义注解+反射实现 excel 导入的数据组装及字段校验
程序员蜗牛g
springbootexceljava
本次给大家带来的SpringBoot中通过自定义注解+反射实现excel导入数据组装及字段校验的实现方式。这种实现方式其实是很普通、常规的方法,但很多同学在开发过程中,可能却不太容易想到他。当然我也是众多同学中的一员。1背景在前段时间的开发工作中,接手了一个很简单,很普通的开发任务。要求实现一个单表的基础数据的批量导入功能。评估下来,用户每次批量导入的数据量也就几千条,也不大。是不是很简单,没有骗
- 人资项目面试逐字稿
陪小魏长大
前端vue.jsjavascript
1.问:实际开发中有用过环境变量吗?问:axios有没有做过一些业务封装?问:工作里中的token是怎么管理的?问:业务中的跨域问题是如何解决的?问:怎么根据token的有无去控制路由的跳转?问:token有一定的失效性,过期了该怎么做?问:工作中有做过数据处理吗?问:excel导入功能的实现流程简要描述一下?问:有没有封装过一些自己的业务组件,简单说一下?问:有没有开发过一些vue插件?举例说说
- 文件上传下载、Excel导入导出
十点 vha
excel
主要内容文件上传重点文件下载重点生成Excel重点解析Excel重点Excel导入导出重点章节目标掌握文件上传掌握文件下载掌握Excel生成与解析掌握Excel导入导出第一节文件上传和下载1.文件处理的包commons-io.jar封装了常用的IO的相关操作,提供了IOUtils工具类供开发人员使用commons-fileupload.jar文件上传的处理包,因为文件上传也会涉及到IO操作,因此,
- EasyPoi、EasyExcel
愚人钊呀
学习
对比:相同点:easypoi和easyexcel都是基于apachepoi进行二次开发的。底层都是依赖的apachepoi。两者都是可以基于实体类的注解配置来控制导入导出不同点:EasyExcel是一款阿里开源的Excel导入导出工具,具有处理快速、占用内存小、使用方便的特点功能方面:easypoi功能更加强大,对定制化的导出支持非常的丰富。easyexcel对于实现枚举类型到字符串的转换,需要自
- ASM系列四 利用Method 组件动态注入方法逻辑
lijingyao8206
字节码技术jvmAOP动态代理ASM
这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇,知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道,同ClassVisitor改变类成员一样,MethodVIsistor如果需要改变方法成员,注入逻辑,也可以
- java编程思想 --内部类
百合不是茶
java内部类匿名内部类
内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅
1,内部类的创建 内部类是创建在类中的
package com.wj.InsideClass;
/*
* 内部类的创建
*/
public class CreateInsideClass {
public CreateInsideClass(
- web.xml报错
crabdave
web.xml
web.xml报错
The content of element type "web-app" must match "(icon?,display-
name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s
- 泛型类的自定义
麦田的设计者
javaandroid泛型
为什么要定义泛型类,当类中要操作的引用数据类型不确定的时候。
采用泛型类,完成扩展。
例如有一个学生类
Student{
Student(){
System.out.println("I'm a student.....");
}
}
有一个老师类
- CSS清除浮动的4中方法
IT独行者
JavaScriptUIcss
清除浮动这个问题,做前端的应该再熟悉不过了,咱是个新人,所以还是记个笔记,做个积累,努力学习向大神靠近。CSS清除浮动的方法网上一搜,大概有N多种,用过几种,说下个人感受。
1、结尾处加空div标签 clear:both 1 2 3 4
.div
1
{
background
:
#000080
;
border
:
1px
s
- Cygwin使用windows的jdk 配置方法
_wy_
jdkwindowscygwin
1.[vim /etc/profile]
JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43" (windows下jdk路径为D:\Java\jdk1.6.0_43)
PATH="$JAVA_HOME/bin:${PATH}"
CLAS
- linux下安装maven
无量
mavenlinux安装
Linux下安装maven(转) 1.首先到Maven官网
下载安装文件,目前最新版本为3.0.3,下载文件为
apache-maven-3.0.3-bin.tar.gz,下载可以使用wget命令;
2.进入下载文件夹,找到下载的文件,运行如下命令解压
tar -xvf apache-maven-2.2.1-bin.tar.gz
解压后的文件夹
- tomcat的https 配置,syslog-ng配置
aichenglong
tomcathttp跳转到httpssyslong-ng配置syslog配置
1) tomcat配置https,以及http自动跳转到https的配置
1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)
keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit
- 关于领号活动总结
alafqq
活动
关于某彩票活动的总结
具体需求,每个用户进活动页面,领取一个号码,1000中的一个;
活动要求
1,随机性,一定要有随机性;
2,最少中奖概率,如果注数为3200注,则最多中4注
3,效率问题,(不能每个人来都产生一个随机数,这样效率不高);
4,支持断电(仍然从下一个开始),重启服务;(存数据库有点大材小用,因此不能存放在数据库)
解决方案
1,事先产生随机数1000个,并打
- java数据结构 冒泡排序的遍历与排序
百合不是茶
java
java的冒泡排序是一种简单的排序规则
冒泡排序的原理:
比较两个相邻的数,首先将最大的排在第一个,第二次比较第二个 ,此后一样;
针对所有的元素重复以上的步骤,除了最后一个
例题;将int array[]
- JS检查输入框输入的是否是数字的一种校验方法
bijian1013
js
如下是JS检查输入框输入的是否是数字的一种校验方法:
<form method=post target="_blank">
数字:<input type="text" name=num onkeypress="checkNum(this.form)"><br>
</form>
- Test注解的两个属性:expected和timeout
bijian1013
javaJUnitexpectedtimeout
JUnit4:Test文档中的解释:
The Test annotation supports two optional parameters.
The first, expected, declares that a test method should throw an exception.
If it doesn't throw an exception or if it
- [Gson二]继承关系的POJO的反序列化
bit1129
POJO
父类
package inheritance.test2;
import java.util.Map;
public class Model {
private String field1;
private String field2;
private Map<String, String> infoMap
- 【Spark八十四】Spark零碎知识点记录
bit1129
spark
1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的
ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功,DAGScheduler会收到通知,在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中
- WAS各种脚本作用大全
ronin47
WAS 脚本
http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html
无意中,在WAS官网上发现的各种脚本作用,感觉很有作用,先与各位分享一下
获取下载
这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自
- java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句
bylijinnan
switch
借鉴网上的思路,用java实现:
public class NoIfWhile {
/**
* @param args
*
* find x=1+2+3+....n
*/
public static void main(String[] args) {
int n=10;
int re=find(n);
System.o
- Netty源码学习-ObjectEncoder和ObjectDecoder
bylijinnan
javanetty
Netty中传递对象的思路很直观:
Netty中数据的传递是基于ChannelBuffer(也就是byte[]);
那把对象序列化为字节流,就可以在Netty中传递对象了
相应的从ChannelBuffer恢复对象,就是反序列化的过程
Netty已经封装好ObjectEncoder和ObjectDecoder
先看ObjectEncoder
ObjectEncoder是往外发送
- spring 定时任务中cronExpression表达式含义
chicony
cronExpression
一个cron表达式有6个必选的元素和一个可选的元素,各个元素之间是以空格分隔的,从左至右,这些元素的含义如下表所示:
代表含义 是否必须 允许的取值范围 &nb
- Nutz配置Jndi
ctrain
JNDI
1、使用JNDI获取指定资源:
var ioc = {
dao : {
type :"org.nutz.dao.impl.NutDao",
args : [ {jndi :"jdbc/dataSource"} ]
}
}
以上方法,仅需要在容器中配置好数据源,注入到NutDao即可.
- 解决 /bin/sh^M: bad interpreter: No such file or directory
daizj
shell
在Linux中执行.sh脚本,异常/bin/sh^M: bad interpreter: No such file or directory。
分析:这是不同系统编码格式引起的:在windows系统中编辑的.sh文件可能有不可见字符,所以在Linux系统下执行会报以上异常信息。
解决:
1)在windows下转换:
利用一些编辑器如UltraEdit或EditPlus等工具
- [转]for 循环为何可恨?
dcj3sjt126com
程序员读书
Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案,要在Java将来的版本中加入闭包特征。 然而,提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。
不久前,出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨?”[http://ju
- Android实用小技巧
dcj3sjt126com
android
1、去掉所有Activity界面的标题栏
修改AndroidManifest.xml 在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"
2、去掉所有Activity界面的TitleBar 和StatusBar
修改AndroidManifes
- Oracle 复习笔记之序列
eksliang
Oracle 序列sequenceOracle sequence
转载请出自出处:http://eksliang.iteye.com/blog/2098859
1.序列的作用
序列是用于生成唯一、连续序号的对象
一般用序列来充当数据库表的主键值
2.创建序列语法如下:
create sequence s_emp
start with 1 --开始值
increment by 1 --増长值
maxval
- 有“品”的程序员
gongmeitao
工作
完美程序员的10种品质
完美程序员的每种品质都有一个范围,这个范围取决于具体的问题和背景。没有能解决所有问题的
完美程序员(至少在我们这个星球上),并且对于特定问题,完美程序员应该具有以下品质:
1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强
(范围:用简单方式解决复杂问题)
- 使用KeleyiSQLHelper类进行分页查询
hvt
sql.netC#asp.nethovertree
本文适用于sql server单主键表或者视图进行分页查询,支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码:http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D
- SVG 教程 (三)圆形,椭圆,直线
天梯梦
svg
SVG <circle> SVG 圆形 - <circle>
<circle> 标签可用来创建一个圆:
下面是SVG代码:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" c
- 链表栈
luyulong
java数据结构
public class Node {
private Object object;
private Node next;
public Node() {
this.next = null;
this.object = null;
}
public Object getObject() {
return object;
}
public
- 基础数据结构和算法十:2-3 search tree
sunwinner
Algorithm2-3 search tree
Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga
- spring配置定时任务
stunizhengjia
springtimer
最近因工作的需要,用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下,以便以后用到:
//------------------------定时任务调用的方法------------------------------
/**
* 存储过程定时器
*/
publi
- ITeye 8月技术图书有奖试读获奖名单公布
ITeye管理员
活动
ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。
8月试读活动回顾:
http://webmaster.iteye.com/blog/2102830
本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀):
《跨终端Web》
gleams:http