小编sma*_*use的帖子

Postgres全文搜索:如何在多个字段中搜索多个单词?

我是第一次使用 Postgresql,我正在尝试在我的网站中创建一个搜索引擎。我有这张桌子:

CREATE TABLE shop (
  id SERIAL PRIMARY KEY,
  name TEXT NOT NULL,
  description TEXT,
  address TEXT NOT NULL,
  city TEXT NOT NULL
);
Run Code Online (Sandbox Code Playgroud)

然后我为表的每个字段创建了一个索引(这是正确的方法吗?或者我可以为所有字段创建一个索引?):

CREATE INDEX shop_name_fts ON shop USING gin(to_tsvector('italian', name));
CREATE INDEX shop_desc_fts ON shop USING gin(to_tsvector('italian', description));
CREATE INDEX shop_addr_fts ON shop USING gin(to_tsvector('italian', address));
CREATE INDEX shop_city_fts ON shop USING gin(to_tsvector('italian', city));
Run Code Online (Sandbox Code Playgroud)

现在,如果我想在每个索引中搜索一个词,SQL 查询是什么?

我试过这个,它有效:

SELECT id FROM shop WHERE to_tsvector(name) @@ to_tsquery('$word') OR
                          to_tsvector(description) @@ to_tsquery('$word') OR 
                          to_tsvector(address) @@ to_tsquery('$word') OR 
                          to_tsvector(city) @@ …
Run Code Online (Sandbox Code Playgroud)

sql postgresql indexing search full-text-search

5
推荐指数
1
解决办法
8951
查看次数

Bootstrap手风琴:如何使整个按钮可点击?

我使用以下示例将手风琴菜单添加到我的站点:

<div class="bs-example">
    <div class="panel-group" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">1. Menu number one</a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
            <div class="panel-body">
                <p>Menu number one text</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">2. Menu number two</a>
            </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse">
            <div class="panel-body">
                <p>Menu number two</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">3. Menu number three</a>
            </h4>
        </div> …
Run Code Online (Sandbox Code Playgroud)

menu accordion clickable twitter-bootstrap

5
推荐指数
1
解决办法
1288
查看次数

如何更改应用程序图标的背景颜色

如您所知,Android 5 为旧应用程序添加了背景颜色。最新的应用程序可以为其图标设置背景颜色。我使用的是 API Level 19 (Android 4.4.2),以下是我为应用程序设置图标的方法:

<application
    android:allowBackup="true"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme" >
    ...
Run Code Online (Sandbox Code Playgroud)

是否有任何方法可以为在 Android 5.x 手机上使用我的应用程序的用户设置背景颜色?

在我的手机(Android 5.1.1)上,我的应用程序的背景颜色是白色(为什么是白色?),但今天我对我的应用程序的代码进行了一些编辑和修复(与颜色无关),现在应用程序的背景颜色应用程序图标是橙色的!什么可以改变它?

无论如何,你知道如何设置该颜色吗?

icons android background-color android-4.4-kitkat android-5.1.1-lollipop

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

如何在div上添加背景幕(灯箱效果)?

我正在编辑AngularJS项目,并且我想在用户单击搜索输入框时在主DIV上添加背景幕(例如Bootstrap Modal)。

在此处输入图片说明

这是HTML代码:

    <div class="main-box">
        <div class="search-function" ng-click="showInputForm()">
            <img src="../images/my_project/search.png">
        </div>

        <div class="search-form" ng-if="showForm">
            <form ng-submit="textSearch()">
                <input type="text" autofocus class="search-input" ng-model="text.value" />
            </form>
        </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

如您所见,当用户单击搜索图标时,白色框出现,现在我想在主DIV上添加背景,除了白色框。

这是LESS代码:

.search-function {
  margin-left: 30%;
}

.search-form {
  padding-left: 15%;
  padding-right: 15%;
  position: relative;
  z-index: 0;

  .search-input {
    color: #2b84a6 !important;
    background-color: #fff !important;
    font-weight: 300;
    font-size: 16px;
  }
}
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?

html lightbox opacity less angularjs

5
推荐指数
1
解决办法
3329
查看次数

disabled属性不适用于select标记上的必需属性

我有以下部分的html模板:

<div class="row">
    <div class="medium-3 columns">
        <label>Category
        <select [(ngModel)]="item.cat" name="cat" required>
            <option *ngFor="let a of categories" [ngValue]="a">{{a.name}}</option>
        </select>
        </label>
    </div>

    <div class="medium-3 columns">
        <label>Categoria
        <select [(ngModel)]="item.place" name="place" [disabled]="!item.cat">
            <option *ngFor="let c of places" [ngValue]="c">{{c.name}}</option>
        </select>
        </label>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

如您所见,第二个select被禁用,直到用户从第一个选择中选择一个选项.因此,如果用户从第一个选择中选择一个选项,则第二个选择变为活动状态.

现在我想将required属性添加到第二个选择.但如果我这样做,第二个select总是被禁用.

这种行为不是很奇怪吗?

这是Plunker(感谢Stefan Svrkota).

select disabled-input required angular2-forms angular

5
推荐指数
1
解决办法
525
查看次数

如何防止title属性显示工具提示?

我正在使用Angular和Semantic-UI开发一个Web应用程序.当用户悬停某些元素时,我正在使用Semantic-UI的Popup来显示时尚的工具提示.无论如何,我必须添加title属性以符合A11Y(WCAG 2.0)并使屏幕阅读器读取title属性的文本内容.

正如你可以通过这种方式弄清楚我得到了一些元素的双重工具提示.

你知道一种方法来制作title属性以保持文本并阻止它显示弹出窗口吗?

我不想删除文本所以我不能使用removeAttrjQuery提供的方法...

html5 attributes popup tooltip title

4
推荐指数
1
解决办法
2522
查看次数

java.lang.IllegalStateException: 无法执行此操作,因为当前没有事务

我创建了一个 AsyncTask 类,我在其中编写了这部分(onPreExecute 和 doInBackgrond 方法):

@Override
protected void onPreExecute() {
    // Instantiate ProgressDialog and Set style to STYLE_HORIZONTAL
    dialog = new ProgressDialog(context);
    dialog.setIndeterminate(false);
    dialog.setMax(100);
    dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
    dialog.setCancelable(false);
    dialog.setTitle("Update");
    dialog.setMessage("Download data. Please wait...");
    dialog.show();

    super.onPreExecute();
}

@Override
protected String doInBackground(String... urls) {
    int count = 0;
    int numUsers = 0;
    db = new Database(context);
    SQLiteDatabase localDB = db.getWritableDatabase();

    try {   
        JSONArray UserJsonArray = connectAndCreateJsonArray(urls[0]);

        numUsers = UserJsonArray.length();

        localDB.beginTransaction();

        for (int i = 0; i < numUsers; i++) {
            JSONObject jObj = …
Run Code Online (Sandbox Code Playgroud)

connection android transactions exception android-asynctask

3
推荐指数
1
解决办法
8603
查看次数

一起使用必需和只读属性

我正在创建一个HTML5 Web表单.其中一个输入是用于地理定位,它通过单击按钮(它插入gps坐标)来填充.由于这个输入必须是必需的并且必须是只读的(我不希望用户在里面写自定义数据),如何处理这个?HTML5不允许使用requiredreadonly(这是有道理的),但在我的情况下,我需要应用它.你知道任何解决方法吗?

我在这里搜索和搜索了SO和谷歌,但似乎没有人知道解决方案.

这是我的代码的一部分:

    <form class="form-horizontal" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <div class="form-group">
            <label class="control-label col-xs-3" for="coord">GPS coordinates:*</label>
            <div class="col-xs-4">
                <input type="text" class="form-control" id="coord" name="coord" required placeholder="Please enable geolocation service">
            </div>
            <div class="col-xs-3">
                <button type="button" onclick="getLocation()" class="btn btn-primary" id="locate" disabled>Locate me</button>
            </div>
        </div>
Run Code Online (Sandbox Code Playgroud)

html5 onclick button readonly required

3
推荐指数
1
解决办法
4320
查看次数

Javascript:如何检查对象数组是否只有一个具有给定值的项目?

我知道在Javascript中,我可以使用.some.every在数组上检查它们是否至少有一项或每一项都通过了由提供的功能实现的测试。

这是一些例子:

[2, 5, 8, 1, 4].some(x => x > 10);  // false
[12, 5, 8, 1, 4].some(x => x > 10); // true

[12, 5, 8, 130, 44].every(x => x >= 10); // false
[12, 54, 18, 130, 44].every(x => x >= 10); // true
Run Code Online (Sandbox Code Playgroud)

我正在寻找检查数组是否具有通过给定功能的“一个且只有一个”项目。我想要一些如下方法:

[12, 5, 12, 13, 4].oneAndOnlyOne(x => x >= 10); // false
[2, 11, 6, 1, 4].oneAndOnlyOne(x => x >= 10); // true
Run Code Online (Sandbox Code Playgroud)

您是否知道任何新的ECMA Script 6方式或任何简便/快捷方式,甚至使用lodash,也可以检查数组中是否只有一个且只有一个值具有特定值?

javascript arrays ecmascript-6 lodash

3
推荐指数
1
解决办法
1781
查看次数

Angular:如何以编程方式将 Base64 图像设置为 div 的背景图像

我有一个div使用 CSS 显示 Base64 图像的图片:

.my-image {
    background: url('data:image/jpg;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==');
}
Run Code Online (Sandbox Code Playgroud)

现在这个图像可能会有所不同,因为我从后端检索它,所以我必须动态地更改它。

所以我删除了 CSS,并在组件中尝试了一些解决方案,如下所示:

<div [style.background]="'url(' + myImage + ')'"></div>

<div [ngStyle]="{'background-image':'url('+ myImage +')'}"></div>
Run Code Online (Sandbox Code Playgroud)

还有其他一些...但没有一个起作用。

DomSanitizer我还使用以下一些方法对组件中的图像进行了清理:

this.sanitizer.bypassSecurityTrustResourceUrl(this.myImage)
Run Code Online (Sandbox Code Playgroud)

但即使这样也没有效果:(

div您知道动态背景图像的工作方式吗?

现在这是我的CSS:

div {
  width: 3em;
  height: 3em;
}
Run Code Online (Sandbox Code Playgroud)

base64 sanitization background-image ng-style angular

3
推荐指数
1
解决办法
5053
查看次数