小编neb*_*irl的帖子

在htaccess中使用<filesMatch>强制下载

我正在尝试强制下载一个文件夹的所有文件.

页面上的链接如下所示

<a href="http://example.com/uploads/documents/file.pdf">Click to download</a>
Run Code Online (Sandbox Code Playgroud)

而且我的.htaccess中有这个片段

<filesMatch ".*uploads/documents.*">
    ForceType application/octet-stream
    Header set Content-Disposition attachment
</filesMatch>
Run Code Online (Sandbox Code Playgroud)

我已经知道标签内的2行是有效的,因为当我将.htaccess直接放在我想用以下代码强制下载的文件夹中时它可以正常工作:

<Files *.*>
    ForceType application/octet-stream
    Header set Content-Disposition attachment
</Files>
Run Code Online (Sandbox Code Playgroud)

似乎有些东西我对filesMatch标签不了解.

.htaccess

11
推荐指数
2
解决办法
5万
查看次数

奇怪的黑色边框:在Firefox中的css箭头之后

为了在我的工具提示中使用纯CSS创建一个箭头,我在Firefox中遇到了一个问题:

在此输入图像描述

我试图在Firefox中找到导致黑色边框的原因而没有成功.

这是一个jsfiddle和一个运行代码片段,演示了这个问题:

.tooltip {
    position:relative;z-index:1;
    display:inline-block;padding-right:10px;
}
.tooltip .info {
    position:absolute;left:100%;top:-7px;
    display:block;padding:7px;border:1px solid #cccccc;
    background:#fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow:  1px 1px 8px 0px rgba(0, 0, 0, .2);
    box-shadow:  1px 1px 8px 0px rgba(0, 0, 0, .2);
}
.tooltip .info img {float:left;}
.tooltip:after {
    content: '';
    position:absolute;top:0;left:100%;
    display:block;
    width:0;
    height:0;
    margin-left:-13px;
    border:0 solid transparent;
    border-right-color:#cccccc;
    color:#ccc;
}
.tooltip .info:after {
    content: '';
    position:absolute;top:7px;left:-12px;z-index:10;
    display:block;
    width:0;
    height:0;
    border:transparent solid 6px;
    border-right-color:#fff;
    color:#ccc;
}
Run Code Online (Sandbox Code Playgroud)
<a class="tooltip">Test for tooltip<span class="info">My …
Run Code Online (Sandbox Code Playgroud)

html css firefox css3 pseudo-element

9
推荐指数
1
解决办法
1596
查看次数

Bootstrap Vue动态表模板

我正在使用Bootstrap Vue JS表组件创建数据表:https : //bootstrap-vue.js.org/docs/components/table

我是VueJS的新手,不确定如何解决这个问题,这使得寻找解决方案变得更加复杂。

我使用API​​端点返回JSON数据:

{
   "options":{
      "filter":false
   },
   "fields":[
      {
         "key":"id",
         "label":"Id",
         "editLink":false,
         "display":true,
         "sortable":true,
         "class":"shrink"
      },
      {
         "key":"name",
         "label":"Name",
         "editLink":true,
         "display":true,
         "sortable":true
      }
   ],
   "data":[ ]
}
Run Code Online (Sandbox Code Playgroud)

这是我的表格模板:

<b-table striped hover bordered foot-clone class="table-sm"
   :items="users" :fields="displayedFields" :per-page="perPage" :current-page="currentPage" :filter="filter"
   @filtered="onFiltered"
   >
   <template v-for="(field, index) in fields">
      <template slot="{{field.key}}" slot-scope="row" v-if="field.editLink">
         <router-link :to="'/user/' + row.item.id" v-bind:key="index"></router-link>
      </template>
   </template>
   <template slot="status" slot-scope="row">
      <toggle-button :width="36" :height="18" v-model="row.status" :labels="false" :colors="{checked: '#00FF00', unchecked: '#FF0000', disabled: '#CCCCCC'}"/>
   </template>

</b-table>
Run Code Online (Sandbox Code Playgroud)

第一个模板标签是来自疯狂猜测的尝试。我希望能够有条件地从字段配置中为列选择一个表。您可以看到,当该字段的配置editLink为true时,我想放置一个RouterLink。

我该怎么做?

javascript vue.js bootstrap-vue

4
推荐指数
2
解决办法
6937
查看次数

使用GROUP BY和SUM进行MySQL排名

我有一个点表,其中一些列是:

| user_id | points |
--------------------
|   1     |   10   |
|   5     |   10   |
|   5     |   50   |
|   3     |   15   |
|   3     |   10   |
Run Code Online (Sandbox Code Playgroud)

我想用MySQL获得每个用户的排名.

我已经看到这篇文章MySQL在ORDER BY中获取行位置,但它没有SUM,我不能让它与SUM一起工作.

我希望能够获得给定user_id的排名.

在此先感谢您的帮助!

mysql

2
推荐指数
1
解决办法
6741
查看次数