Question

我是一个完全的初学者，所以请原谅这个问题可能是错误的措辞，还是我对某些事情使用了错误的术语。

我有一个MS Word文档，其中有四百个日记条目。我想写的软件使用户能够在一个条目中搜索特定的术语。所以我可能希望所有的日记条目都包含单词＆＃34; happy＆＃34;并且＆＃34;悲伤＆＃34;。我想要包括的另一个选项是搜索所有日记条目，例如： 2008年和2012年等。

我希望搜索是“动态的”，在用户可能输入一个单词的意义上，当输入该单词时，结果表已经过滤了所有日记条目。因此，根据当前在搜索框中输入的内容，用户输入单词时表格会发生变化。

这是可能的吗？究竟是什么叫这个功能？你会推荐我什么编程语言？我想在网上拥有所有这些，所以也许php或ruby会有用吗？

Answer 1

您选择的Ruby-on-Rails适用于此问题：

将每个日记条目存储为数据库条目

使用＆＃34;全文搜索＆＃34;搜索这些条目 - 在数据库或第三方

返回＆＃34;直播＆＃34; JS的功能

<强> MVC

Rails使用MVC programming pattern使您能够保存到数据库中。这很重要，因为如果您要开发rails，那么您需要遵守MVC模式：

enter image description here

基本上，您将日记条目保留在database中，使用controller来操纵数据＆amp;使用view显示数据：

#app/models/entry.rb
Class Entry < ActiveRecord::Base
   #-> stores & brings back the entry data
end

#app/controllers/entries_controller.rb
Class EntriesController < ApplicationController
    respond_to :js, :html, :json, only: :search
    def index
       @entries = Entry.all
    end

    def search
       @entries = Entry.search params[:query]
       respond_with @entries
    end
end


#config/routes.rb
resources :entries do
   collection do
       match :search, via [:get, :post]
   end
end

-

全文搜索

当您将请求发送给您的控制器时，您处理搜索的方式将是您的条目模型class method（您从中获取数据），或者引用 -

#app/models/entry.rb
Class Entry < ActiveRecord::Base
    def self.search(query)
       where("title LIKE '%#{query}%'")
    end
end

您可以使用您使用的full text search for the SQL变体，也可以使用第三方搜索，例如Solr或其他

-

<强>＆＃34;活＆＃34;搜索

你可以得到＆＃34;生活＆＃34;搜索使用Javascript（示例here）：

enter image description here

关于如何在线执行此操作有number of tutorials - 只有Google live search rails或autocomplete rails。但是，所有实现的原理基本相同：

JS将捕获输入搜索框的文本

JS向您的Rails控制器发送Ajax请求

Controller向ajax发送响应

JS采取回应＆amp;在屏幕上显示

请注意这主要是关注 JS 元素？这是我们使用的代码：

#app/assets/javascripts/application.js
//Livesearch
    $(document).ready( function() {

        var base_url = window.location.protocol + "//" + window.location.host;

        $('#SearchSearch').searchbox({
            url: base_url + '/search/',
            param: 'search',
            dom_id: '#livesearch',
            loading_css: '#livesearch_loading'
        })      

    });

#app/assets/javascripts/livesearch.js
// Author: Ryan Heath
// http://rpheath.com

(function($) {
  $.searchbox = {}

  $.extend(true, $.searchbox, {
    settings: {
        url: 'search',
        param: 'search',
        dom_id: '#livesearch',
        minChars: 2,
        loading_css: '#livesearch_loading',
        del_id: '#livesearch_del'
    },

    loading: function() {
        $($.searchbox.settings.loading_css).show()
    },

    idle: function() {
        $($.searchbox.settings.loading_css).hide()
    },

    start: function() {
      $.searchbox.loading()
      $(document).trigger('before.searchbox')
    },

    stop: function() {
      $.searchbox.idle()
      $(document).trigger('after.searchbox')
    },

    kill: function() {
        $($.searchbox.settings.dom_id).fadeOut(50)
        $($.searchbox.settings.dom_id).html('')
        $($.searchbox.settings.del_id).fadeOut(100)
    },

    reset: function() {
        $($.searchbox.settings.dom_id).html('')
        $($.searchbox.settings.dom_id).fadeOut(50)
        $('#SearchSearch').val('')
        $($.searchbox.settings.del_id).fadeOut(100)
    },

    process: function(terms) {

        if(/\S/.test(terms)) {
            $.ajax({
                    type: 'GET',
                    url:  $.searchbox.settings.url,
                    data: {search: terms.trim()},
                    complete: function(data) {  
                        $($.searchbox.settings.del_id).fadeIn(50)
                        $($.searchbox.settings.dom_id).html(data.responseText)

                        if (!$($.searchbox.settings.dom_id).is(':empty')) {
                            $($.searchbox.settings.dom_id).fadeIn(100)
                        }

                        $.searchbox.stop();
                    }
                });
            return false;
        }else{
            $.searchbox.kill();
        }
    }
  });



    $.fn.searchbox = function(config) {
        var settings = $.extend(true, $.searchbox.settings, config || {})

        $(document).trigger('init.searchbox')
        $.searchbox.idle()

        return this.each(function() {
            var $input = $(this)

            $input
            .keyup(function() { 
                if ($input.val() != this.previousValue) {

                    if(/\S/.test($input.val().trim()) &&  $input.val().trim().length > $.searchbox.settings.minChars){ 
                        $.searchbox.start()
                        $.searchbox.process($input.val())
                    }else{
                        $.searchbox.kill()
                    }

                    this.previousValue = $input.val()

                }
            })
        })
    }
})(jQuery);

“动态”搜索的编程语言？

1 个答案: