element-ui 本地化使用教程详解

2023-08-10 07:50:04 382

起因：

用element-ui时，本人是没有安装其它环境，而是直接用链接引入，这个带来的问题是，每次打开网页都很慢，于是想本地化，但是发现只是下载两个引入的js和css是不够的，很多功能会无法使用，打开DevTools发现是还有别的资源本地没有。

再次前往官网，找到下载页面，结果发现并没有给直接的下载链接。。没办法了，自己写个脚本来下载。最后成功离线化。

下载后在html中引入：

下载脚本：

临时起意做的，代码里面可能会有些瑕疵，但是不影响使用，本人已经成功下载并使用。
路径可以自己更改，注意不要从Windows资源管理器复制，Linux系统当我没说。

packagecom.ycr;

importjava.io.File;
importjava.io.FileOutputStream;
importjava.io.InputStream;
importjava.net.HttpURLConnection;
importjava.net.URL;
importjava.nio.charset.StandardCharsets;
importjava.util.ArrayList;

publicclassMain{
staticStringfileP="C:\\Users\\YCR\\Desktop\\element-ui\\";//不要从资源管理器复制，有的字符会有问题，导致无法创建文件
staticStringurlP="https://unpkg.com/browse/element-ui@2.12.0/";
staticStringurlF="https://unpkg.com/element-ui@2.12.0/";
publicstaticvoidmain(String[]args){
try{
GetPage("");
}catch(Exceptione){
e.printStackTrace();
}
}
staticvoidGetPage(Stringafter)throwsException{
System.out.println(urlP+after);
newFile(fileP+after).mkdir();
HttpURLConnectionhttp=(HttpURLConnection)(newURL(urlP+after)).openConnection();
http.setRequestMethod("GET");
http.setRequestProperty("User-Agent","Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/71.0.3562.0Safari/537.36");
http.connect();
if(http.getResponseCode()==200){
InputStreaminputStream=http.getInputStream();
byte[]buffer=newbyte[1024];
ArrayListbyteList=newArrayList<>();
ArrayListbyteLength=newArrayList<>();
intlength;
inttotalLength=0;
while((length=inputStream.read(buffer))!=-1){
byteList.add(buffer);
byteLength.add(length);
totalLength+=length;
buffer=newbyte[1024];
}
http.disconnect();
byte[]all;
all=newbyte[totalLength];
totalLength=0;
while(byteList.size()!=0){
System.arraycopy(byteList.get(0),0,all,totalLength,byteLength.get(0));
totalLength+=byteLength.get(0);
byteList.remove(0);
byteLength.remove(0);
}
Stringcontent=newString(all,StandardCharsets.UTF_8);
all=null;
content=content.split("tbody")[1];
String[]us=content.split("href=\"");
for(inti=1;ibyteList=newArrayList<>();
ArrayListbyteLength=newArrayList<>();
intlength;
inttotalLength=0;
while((length=inputStream.read(buffer))!=-1){
byteList.add(buffer);
byteLength.add(length);
totalLength+=length;
buffer=newbyte[1024];
}
http.disconnect();
byte[]all;
all=newbyte[totalLength];
totalLength=0;
while(byteList.size()!=0){
System.arraycopy(byteList.get(0),0,all,totalLength,byteLength.get(0));
totalLength+=byteLength.get(0);
byteList.remove(0);
byteLength.remove(0);
}
Filef=newFile(fileP+url.replaceAll("/","\\\\"));
f.createNewFile();
FileOutputStreamfos=newFileOutputStream(f,false);
fos.write(all);
fos.flush();
fos.close();
}else{
GetFile(url);
}
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

element-ui 本地化使用教程详解

热门推荐

随机推荐