发布于

Error: @vitejs/plugin-vue requires vue (＞=3.2.13) or @vue/compiler-sfc to be present in the dependen

使用vue create 创建项目后，通过npm run serve 报以下错误；

解决方法：

1、执行 npm uninstall vue 卸载非正常项目中的vue依赖包

2、再执行  npm install –save vue@3.2.13 把vue依赖包安装至devDependencies依赖树下

3、再次执行npm run serve

^_^ 项目启动成功！！！

 

 

https://blog.csdn.net/m0_73334325/article/details/132365507


关注公众号，了解更多it技术（it问答网）
发布于

fastadmin详情页展示图片

<div class="form-group col-xs-12 col-sm-12">
    <label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label>
    <div class="col-xs-12 col-sm-8" style="margin-top:7px;">
        <ul class="row list-inline faupload-preview" id="p-images" data-listidx="0">
            {if condition="$row.images"}
            {foreach name=":explode(',',$row.images)" item="img"}
            <li class="col-xs-3">
                <a href="{:cdnurl($img,true)}" data-url="{:cdnurl($img,true)}" target="_blank" class="thumbnail">
                    <img src="{:cdnurl($img,true)}" onerror="this.src='/nVG76keHGu.php/ajax/icon?suffix=jpg';this.onerror=null;" class="img-responsive">
                </a>
            </li>
            {/foreach}
            {else /}
            无
            {/if}
        </ul>
    </div>
</div>

 


关注公众号，了解更多it技术（it问答网）
发布于

asp本地调试Microsoft VBScript 编译器错误 ‘800a0409’ 未结束的字符串常量

当WEB服务器不支持utf-8编码网页时就会发生这样的错误了。一般这种情况常出现在用NetBox之类的asp本地调试工具运行utf-8格式的网页的时候，因为这类工具一般都不支持utf-8编码，这样凡是含中文字符串的代码就会出错的。

解决办法一般有：
1、改用IIS
2、把网页的编码格式改为gb2312
3、上传到网上真实的虚拟主机空间
总之一句话：代码是没错的，是运行的环境错了


关注公众号，了解更多it技术（it问答网）
发布于

不懂代码，如何做出实时刷新的数据大屏

首先恭喜你，当你看到这篇文章的时候，不管你是小白还是大咖，你都将直接获得一个高级技能：轻松上手可实时刷新的酷炫大屏。

制作可视化大屏，一般有这么几种方案：

  • 写代码调用数据和图表，比如写JS+Echarts ；
  • 直接的数据可视化工具

前者对于大部分人来说门槛较高，而且尤其是大屏需求比较多，比方说要做10个的情况下，亲身试验写代码容易奔溃。如果涉及大量的动态可视化，涉及大数据量，没有底层技术，性能就会大打折扣。而且投到不同尺寸的屏幕，调试起来非常麻烦。

那么有没有一种简单的可视化大屏方案，可以快速的设计样式呈现效果、自适应不同大小的屏幕、而且还可以实时刷新数据？

有，选择后者，直接用数据可视化工具。

市面上能做到直接呈现在LED屏幕的大屏可视化工具并不多，多数需要代码调试，报表工具FineReport和FineBI工具可直接实现，相对来讲FineBI使用更简单，本文也是基于FineBI，来教大家做可实时刷新的数据大屏。

先来看看我们今天即将要教大家做的大屏效果（请接受一波酷炫可视化的冲击！）

image.png

不懂代码，如何做出实时刷新的数据大屏？

1、快速上手学习BI工具

FineBI是一个可视化的自助式BI工具，整个操作就是导数据/连数据库——处理数据（可视化ETL）选择图表——拖数据字段——可视化展现&美化，操作简单上手快。多数情况下，这个工具都是拿来做可视化报表，对接企业大数据平台，做企业数据运营分析用。

2、构建数据模型

掌握了finebi的基础功能：怎么连接数据，怎么趋势，怎么做图表。接下来就到了正式做大屏步骤，先是构建数据模型。

大屏也是有主题的，本质是对一类业务的分析，然后综合展示，比如销售大屏。像这类业务分析一般要用到多张维度表和事实明细表的数据（例如下图中的分公司维度表和合同事实表）。常规操作是将不同业务系统的sql表拼接、宽表拼接，构成一个星型数据模型，需要你有专业的数据仓库技能。那这里化繁为简，可以直接用工具自带的敏捷数据模型去替代上述的工作，原理是自动构建雪花型模型，跨数据源关联。

image.png

搭建好上图的销售demo业务包的数据表和关联模型之后，下一步就可以进行正式的销售管理驾驶舱大屏搭建。

3、大屏布局设计

在给大家介绍具***作过程之前先讲解一下通常管理驾驶舱的布局方式。管理驾驶舱往往展现的是一个企业全局的业务，一般分为主要指标和次要指标两个层次，主要指标反映核心业务，次要指标用于进一步阐述分析。所以在制作时给予不一样的侧重，这里推荐几种常见的版式。

image.png

上面几个版式不是金科定律，只是通常推荐的主次分布版式，能让信息一目了然。实际项目中，不一定使用主次分布，也可以使用平均分布，或者可以二者结合进行适当调整。比如下图所示，指标很多很多，存在多个层级的，就根据上面所说的基本原则进行一些微调，效果会很好。

image.png

4、实际分析制作过程

有了以上的布局设计，每一个模块就单独用一类图表分析一块内容，比如销售分布、签单分布、回款金额分析……整体呈现一个主题（在这里是销售业务）的分析。

那具体如何用工具操作呢？

首先，既然是销售管理驾驶舱，那么我们可以先从领导和高层最为关注的公司签单金额和回款金额入手。对于这样的汇总指标，选择仪表板进行数据展示再合适不过了。选择拖入合同事实表中的合同金额和合同回款表中的回款金额两个指标，样式这里选择圆环仪表盘，同时两个指标的单位都设置成亿，最大刻度输入当前合同金额，2.78亿。这样一来，2.78亿的合同回款，2.25亿的回款金额以及80.87%的总的回款率也就统计出来了,企业的签单金额和回款金额/回款率都一目了然。

image.png

其他部分也是一样的原理，篇幅原因不多介绍，核心是要知道展现哪些数据指标。

5、实时刷新功能

如何做出实时刷新的数据大屏，本篇还有一个重点内容就是大屏的实时刷新功能，也是大家问得比较多的。

所谓实时刷新，即你展示出来的酷炫大屏上面的数据将是动态刷新，能够实时反映数据库中的数据。我们的大屏通常连接着数据库，我们打开报表的时候，会读取数据库中的数据，但数据库中的数据可能是动态变化的，如果要读取变化的数据的话，不需要我们重新打开刷新报表，报表中的数据将动态自动刷新。

FineBI实时刷新的底层技术和性能:

实时刷新的实现所依靠的一个重要支撑，是FineBI自带的FineDirect直连引擎。FineDirect直连引擎给出了数据端到应用端的完整解决方案，支持连接企业已有的大数据计算平台，如Hadoop、Kylin、Greenplum、Vertica等，在充分利用平台计算性能的同时，也解决了TB至PB级超大数据量多维分析的难题。

FineDirect是FineBI推出的大数据直连引擎功能模块，用于更好地处理超大数据量的分析要求和数据源实时性的需求。通过FineDirect直连引擎可以直接对接现有的数据源，无论是传统的关系型数据库（Oracle，Sqlserver），还是日益成熟的Hadoop生态圈，Mpp架构的解决方案，都可以直接进行自助取数分析，实现更敏捷的、更及时的决策分析。

FineDirect引擎核心特点

①PB级别数据量多维分析

FineDirect直连引擎给出了数据端到应用端的完整解决方案，支持连接企业已有的大数据计算平台，如Hadoop、Kylin、Greenplum、Vertica等，在充分利用平台计算性能的同时，也解决了TB至PB级超大数据量多维分析的难题。

②实时大数据分析

FineDirect能够连接实时数据进行分析，及时返回分析结果。基于FineDirect的可视化引擎，可以将用户拖拽分析的操作，实时地转化为经过处理的查询语言，实现对企业数据库实时分析的效果。

③双引擎模式灵活搭配

FineBI已有FineIndex引擎（原cube）和新的FineDirect直连引擎可以搭配使用，来满足不同的应用场景。企业可以根据实际需求的不同准备两种类型的数据，通过FineIndex模式配置那些不经常更新、实时性要求不高的数据；通过FineDirect直连引擎配置大数据量且有实时分析需求的数据，双管齐下。

最后，如果对大屏制作感兴趣，可以下载FineBI体验下~


关注公众号，了解更多it技术（it问答网）
发布于

阿里云服务器FTP无法连接怎么解决

这台云服务器到手以后，我就立马装上了lnmp，安装上了FTP，准备上去把默认主页给删掉，可是发现FTP始终连不上，一直卡在最后一步

 

看到最后一行的端口号，我就明白了，这是端口没开吧，阿里云的端口必须自己去安全组设置启动呢。

设置安全组允许通过的端口号也很简单。进入服务器实例以后，点击网络与安全，再选择安全组。点进你的安全组ID

在安全组中创建两个规则，端口范围分别设置为20/21、1024/65535，授权对象均为0.0.0.0/0，优先级为1，如下图：

然后再去试试吧。是不是FTP能用啦~


关注公众号，了解更多it技术（it问答网）
发布于

SublimeText 批量清除空行

sublimeText 编辑器批量清除空行：

1、CTRL+H 打开 replace 功能

 

2、选择 Regular expression 功能

3、批两替换  点击replace All

https://www.bbsmax.com/A/WpdKvreZ5V/


关注公众号，了解更多it技术（it问答网）
发布于

VMware虚拟机三种网络模式：桥接模式，NAT模式，仅主机模式

目录

一、桥接模式

二、NAT模式

三、仅主机模式

 

VMnet0：用于桥接模式下的虚拟交换机

VMnet1：用于仅主机模式下的虚拟交换机

VMnet8：用于NAT模式下的虚拟交换机

一、桥接模式

桥接模式就是将主机网卡与虚拟的网卡利用虚拟网桥进行通信。类似于把物理主机虚拟为一个交换机，所有桥接设置的虚拟机连接到这个交换机的一个接口上，物理主机也同样插在这个交换机当中，所以所有桥接下的网卡与网卡都是交换模式的，相互可以访问而不干扰。在桥接模式下，虚拟机IP地址需要与主机在同一网段，如果需要联网，则网关与DNS需要与主机网卡一致。

所以，桥接模式下的所有虚拟机都是和主机是在同一网段的，可以把它们看成是”平等”的关系，这就会带来一些麻烦，比如192.168.1段下只有254个主机地址，所以桥接模式下虚拟机和物理的总数不能超过这个数字！

配置方法

1、在系统的虚拟机设置中将网络连接模式选择为桥接模式：

2、因为桥接模式虚拟机与宿主机在同一网段下，我们先查看下宿主机的网络信息：

3、接下来在虚拟机中配置网卡(/etc/sysconfig/network-scripts/ifcfg-etho0文件)：

注意，网关与DNS需要与主机相同，因为他们在同一网段下~

4、重启网络服务，测试：

二、NAT模式

上面说过，桥接模式可能会导致一定的ip资源紧缺，这时候NAT模式时最佳选择。

先看网络结构图：

在NAT模式中，主机网卡直接与虚拟NAT设备相连，然后虚拟NAT设备与虚拟DHCP服务器一起连接在虚拟交换机VMnet8上，这样就实现了虚拟机联网。VMware Network Adapter VMnet8网卡是为了实现主机与虚拟机之间的通信。

可见NAT模式下主机更像是虚拟机们的”路由器”，通过VMnet8虚拟网卡为虚拟机分发地址。所以虚拟机和主机不再同一网段下，可以理解为主机是虚拟机的”上级”，这也就是为什么桥接模式没有VMnet0这个虚拟网卡，因为桥接模式下的虚拟机和主机是”平等”的，共用同一个路由器。所以啊，NAT模式下的虚拟机时通过真实主机的ip访问外网。

三、仅主机模式

仅主机模式可有看成是NAT模式去除了虚拟NAT设备，然后使用VMware Network Adapter VMnet1虚拟网卡连接VMnet1虚拟交换机来与虚拟机通信的，Host-Only模式将虚拟机与外网隔开，使得虚拟机成为一个独立的系统，只与主机相互通讯。

如果你懂了NAT模式，那理解仅主机模式起来就很简单了~

 

查看VMnet1

所以肯定ping不同外网

有趣的是

主机能ping通虚拟机，而虚拟机不能ping通外机

所以我们可以推测，虚拟机ping主机很可能是通过NAT模式下的NAT虚拟设备，而仅主机模式没有这个设备；而主机ping虚拟机是通过VMnet1网卡。而禁用NAT虚拟设备有些困难，我们也不太好验证。

 

https://blog.csdn.net/qq_39192827/article/details/85872025


关注公众号，了解更多it技术（it问答网）
发布于

bootstrap 响应式图片自适应图片大小

<img src="..." class="img-responsive center-block" >

或者

$(window).load(function(){

 
    $(".panel-body img").addClass("img-responsive center-block");
 
})
我的应用
<img id=”logo” src=”../../assets/pic/home/logo.png” >

#logo{
display: block;
max-width: 100%;
height: 40px;
}


关注公众号，了解更多it技术（it问答网）