Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
選下拉框功能,html本身就提供,multiple就可以了。但是這個(gè)multiple有個(gè)缺點(diǎn),那就是高度和寬度是固定的,無法改變,很占用頁面空間。
下面兩張圖,第一張的是純js完成的,第二張的是html原生的multiple。
第一張:缺點(diǎn)是麻煩,優(yōu)點(diǎn)是節(jié)約頁面空間,且附帶模糊查詢功能。
第二張:缺點(diǎn)是浪費(fèi)空間,優(yōu)點(diǎn)是簡單。
當(dāng)然,現(xiàn)在很多前端框架都包含了左圖的功能,簡單易用。之所以會(huì)用純js完成左圖的功能,是因?yàn)橥仑?fù)責(zé)的一個(gè)項(xiàng)目,框架很老,而且大公司對(duì)系統(tǒng)框架控制比較嚴(yán)格,不能引用新的前端框架,所以才用純js寫的。
代碼不多,很簡單,必要的注釋都有,相信都能看得懂。有什么疑問的話可以留言哈,一起討論。
下面附上模糊查詢的功能示意圖:
014年公司認(rèn)繳制之后,有些公司的注冊(cè)資本金很高,交易對(duì)手是什么狀況就顯得有些模糊了。交易對(duì)手是否是大公司?交易對(duì)手是否實(shí)力雄厚?交易對(duì)手是否是異常公司?這些問題可能很難琢磨,而交易對(duì)手一旦選擇失敗,企業(yè)可能面臨經(jīng)濟(jì)損失、資金周轉(zhuǎn)困難、長年累月的訴訟和連環(huán)違約責(zé)任等窘境。因此建議交易之前查詢一下如下幾個(gè)免費(fèi)網(wǎng)站,簡單了解交易對(duì)手的基本情況。
1、信用中國 https://www.creditchina.gov.cn/home/index.html 查詢交易對(duì)手是否有相關(guān)資質(zhì)證書或許可。交易對(duì)手無相關(guān)資質(zhì)或許可,可能會(huì)影響合同的效力,同時(shí)發(fā)包方面臨選聘失責(zé)并承擔(dān)部分責(zé)任的風(fēng)險(xiǎn)。
2、國家企業(yè)信用信息公示系統(tǒng) http://www.gsxt.gov.cn/index.html 了解該公司的股權(quán)狀況(質(zhì)押、抵押)、行政許可、行政處罰以及是否被列入異常經(jīng)營名錄、是否具有交易涉及的知識(shí)產(chǎn)權(quán)、交易涉及產(chǎn)品是否被處罰、相關(guān)處罰記錄等。相關(guān)年報(bào)也可以查看,部分企業(yè)會(huì)公開實(shí)際經(jīng)營地址、企業(yè)繳納社保情況等。
3、裁判文書網(wǎng) https://wenshu.court.gov.cn/ 了解公司是否有合同履約而產(chǎn)生的訴訟,如頻繁因產(chǎn)品、合同履行等發(fā)生訴訟,則要考慮其是否能夠履行合同以及合作的訴訟風(fēng)險(xiǎn)。
4、中國執(zhí)行信息公開網(wǎng) http://zxgk.court.gov.cn/ 查詢公司是否是被執(zhí)行人、是否為失信被執(zhí)行人以及限制高消費(fèi)。
5、企查查、啟信寶、天眼查等第三方查詢網(wǎng)站(部分功能可能收費(fèi))查看交易對(duì)手的關(guān)聯(lián)企業(yè)信息以及公司近期是否有開庭公告、是否涉及的訴訟等。
當(dāng)然,隨著市場交易的復(fù)雜性以及專業(yè)化的發(fā)展,企業(yè)分工越來越細(xì),部分企業(yè)非因主觀原因被訴也成為了常事,因此查看相關(guān)文書時(shí)需要注意查看法院查明部分,區(qū)分企業(yè)主觀違約還是不得以卷入紛爭。
注我的微信公眾號(hào):后端技術(shù)漫談
不定期推送關(guān)于后端開發(fā)、爬蟲、算法題、數(shù)據(jù)結(jié)構(gòu)方面的原創(chuàng)技術(shù)文章,以及生活中的逸聞趣事。
我目前是一名后端開發(fā)工程師。主要關(guān)注后端開發(fā),數(shù)據(jù)安全,網(wǎng)絡(luò)爬蟲,物聯(lián)網(wǎng),邊緣計(jì)算等方向。
原創(chuàng)博客主要內(nèi)容
在這里插入圖片描述
本文介紹了如何整合搜索引擎elasticsearch與springboot,對(duì)外提供數(shù)據(jù)查詢接口。
我的個(gè)人網(wǎng)站需要對(duì)mysql數(shù)據(jù)庫內(nèi)存儲(chǔ)的京東商品進(jìn)行模糊查詢(模仿淘寶商品搜索),所以選擇了將數(shù)據(jù)導(dǎo)入elasticsearch隨后使用他來進(jìn)行關(guān)鍵詞查詢。前端只需發(fā)送用戶搜索的關(guān)鍵詞和分頁參數(shù)(可選),即可返回商品數(shù)據(jù)(json格式)
組件介紹:
本文測試環(huán)境:
使用Docker部署elasticsearch
sudo docker run -it --rm --name elasticsearch -d -p 9200:9200 -p 9300:9300 elasticsearch:2.3.5
注意到該命令:
得到如圖:
在這里插入圖片描述
此時(shí)打開網(wǎng)頁localhost:9200即可查看狀態(tài),顯示類似為:
{ "name" : "Ant-Man", "cluster_name" : "elasticsearch", "version" : { "number" : "2.3.5", "build_hash" : "90f439ff60a3c0f497f91663701e64ccd01edbb4", "build_timestamp" : "2016-07-27T10:36:52Z", "build_snapshot" : false, "lucene_version" : "5.5.0" }, "tagline" : "You Know, for Search" }
注意:docker的es默認(rèn)對(duì)0.0.0.0公網(wǎng)開放
下載并使用logstash并導(dǎo)入數(shù)據(jù)
本文中要導(dǎo)入的是pm_backend下的表pm_jd_item內(nèi)的全部京東商品數(shù)據(jù)
詳細(xì)步驟參考:
http://blog.codecp.org/2018/04/16/Elasticsearch%E4%B9%8B%E4%BD%BF%E7%94%A8Logstash%E5%AF%BC%E5%85%A5Mysql%E6%95%B0%E6%8D%AE/
最終編寫的jdbc.conf為:
schedule => "* * * * *"默認(rèn)為每分鐘同步一次
input { jdbc { jdbc_connection_string => "jdbc:mysql://localhost:3306/pm_backend" jdbc_user => "root" jdbc_password => "xxxxxxxxxx" jdbc_driver_library => "xxxxxxxx/mysql-connector-java-5.1.6.jar" jdbc_driver_class => "com.mysql.jdbc.Driver" jdbc_paging_enabled => "true" jdbc_page_size => "5000" statement=> "select * from pm_jd_item" schedule => "* * * * *" type => "pm_jd_item" } } output { elasticsearch { hosts => "localhost:9200" index => "pm_backend" document_type => "%{type}" document_id => "%{id}" } stdout { codec => json_lines } }
在logstash目錄下執(zhí)行命令,完成數(shù)據(jù)的導(dǎo)入:
bin/logstash -f jdbc.conf
得到如圖:
在這里插入圖片描述
同步完成后,使用elasticsearch-head查看(或者用kibana,請(qǐng)隨意):
在這里插入圖片描述
整合進(jìn)springboot
<!-- 搜索引擎:elastic-search--> <dependency> <groupId>org.elasticsearch</groupId> <artifactId>elasticsearch</artifactId> <version>2.4.6</version> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-elasticsearch</artifactId> </dependency> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-elasticsearch</artifactId> </dependency>
# elasticsearch spring.data.elasticsearch.cluster-name=elasticsearch #節(jié)點(diǎn)地址,多個(gè)節(jié)點(diǎn)用逗號(hào)隔開 spring.data.elasticsearch.cluster-nodes=127.0.0.1:9300 #spring.data.elasticsearch.local=false spring.data.elasticsearch.repositories.enable=true
@Document(indexName = "pm_backend", type = "pm_jd_item") public class JdItem implements Serializable { @Id private Integer id; @Field(type = FieldType.Long) private Long itemId; @Field(type = FieldType.Long) private Long categoryId; @Field(type = FieldType.String) private String name;
public interface JdItemRepository extends ElasticsearchRepository<JdItem, Integer>{ }
代碼截取自個(gè)人項(xiàng)目京東價(jià)格監(jiān)控,僅供參考!
/** * 根據(jù)商品名在pm_jd_item中搜索商品 * @param itemName * @param startRow * @param pageSize * @return */ @ApiOperation(value="查詢商品", notes="查詢商品") @RequestMapping(value = "/findJdItemByName", method = {RequestMethod.GET}) public ResponseData<List<JdItem>> findJdItemByName( @ApiParam("用戶輸入的商品名") @RequestParam(value = "itemName") String itemName, @ApiParam("頁碼索引(默認(rèn)為0)") @RequestParam(value = "startRow", required = false, defaultValue = "0") int startRow, @ApiParam("每頁的商品數(shù)量(默認(rèn)為10)") @RequestParam(value = "pageSize", required = false, defaultValue = "10") int pageSize ){ ResponseData<List<JdItem>> responseData = new ResponseData<>(); try { FunctionScoreQueryBuilder functionScoreQueryBuilder = QueryBuilders.functionScoreQuery().add(QueryBuilders.matchPhraseQuery("name", itemName), ScoreFunctionBuilders.weightFactorFunction(100)).scoreMode("sum").setMinScore(10); Pageable pageable = new PageRequest(startRow, pageSize); SearchQuery searchQuery = new NativeSearchQueryBuilder().withPageable(pageable).withQuery(functionScoreQueryBuilder).build(); Page<JdItem> jdItems = jdItemRepository.search(searchQuery); // Page分頁getTotalPages()返回了應(yīng)有的頁數(shù),臨時(shí)放在errorMsg傳給前端 responseData.jsonFill(1, String.valueOf(jdItems.getTotalPages()), jdItems.getContent()); } catch (Exception e) { e.printStackTrace(); responseData.jsonFill(2, e.getMessage(), null); } return responseData; } }
調(diào)用findJdItemByName接口,得到:
在這里插入圖片描述
整合分詞器功能
請(qǐng)參考:https://github.com/medcl/elasticsearch-analysis-ik
Docker安裝ES & Kibana:
https://www.jianshu.com/p/fdfead5acc23
Elasticsearch之使用Logstash導(dǎo)入Mysql數(shù)據(jù):
http://blog.codecp.org/2018/04/16/Elasticsearch%E4%B9%8B%E4%BD%BF%E7%94%A8Logstash%E5%AF%BC%E5%85%A5Mysql%E6%95%B0%E6%8D%AE/
我是蠻三刀把刀,后端開發(fā)。主要關(guān)注后端開發(fā),數(shù)據(jù)安全,爬蟲等方向。
來微信和我聊聊:yangzd1102
Github個(gè)人主頁:
https://github.com/qqxx6661
原創(chuàng)博客主要內(nèi)容
同步更新公眾號(hào)及以下全部博客:
1. Csdn
http://blog.csdn.net/qqxx6661
2. 知乎
https://www.zhihu.com/people/yang-zhen-dong-1/
3. 掘金
https://juejin.im/user/5b48015ce51d45191462ba55
4. 簡書
https://www.jianshu.com/u/b5f225ca2376
個(gè)人公眾號(hào):后端技術(shù)漫談
如果文章對(duì)你有幫助,不妨收藏起來并轉(zhuǎn)發(fā)給您的朋友們~
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。