阿里云服务器ECS    
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新 [咨询更多]
阿里云存储OSS
简单易用、多重冗余、数据备份高可靠、多层次安全防护安全性更强、低成本 [咨询更多]
阿里云数据库RDS
稳定可靠、可弹性伸缩、更拥有容灾、备份、恢复、监控、迁移等方面的全套解决方案 [咨询更多]
阿里云安全产品
DDoS高防IP、web应用防火墙、安骑士、sll证书、态势感知众多阿里云安全产品热销中 [咨询更多]
阿里云折扣优惠    
云服务器ECS、数据库、负载均衡等产品新购、续费、升级联系客服获取更多专属折扣 [咨询更多]
基于 Serverless 快速实现查询工具简单版
2020-6-30    点击量:
  基于 Serverless 快速实现查询工具简单版    有一个小型的图书室,图书室中摆放了很多的书,每本书都被编号放在对应的区域。想要让读者更快、更容易的方面找到这些书,我们帮他弄一个图书查询系统,用户通过输入就能模糊匹配到对应的结果,快速提供找寻书籍的对应位置地点。
  
  功能设计
  
  先把书籍整理并存储到一个 Excel 表格中;
  
  将 Excel 表放到对象存储中,云函数读取这个文件并解析;
  
  根据词语的相似寻找相似的图书;
  
  前端页面通过 MUI 制作,放在对象存储中,并且使用对象存储的 Website 功能;
  
  整体实现
  
  数据形态
  

  Excel 样式主要包括书名和编号,同时下面包括分类的 tab:

Serverless 快速实现查询工具简单版

  基于函数的搜索功能
  
  核心代码实现:

import jieba
import openpyxl
from gensim import corpora, models, similarities
from collections import defaultdict
import urllib.request

with open("/tmp/book.xlsx", "wb") as f:
    f.write(
        urllib.request.urlopen("https://********").read()
    )


top_str = "abcdefghijklmn"
book_dict = {}
book_list = []
wb = openpyxl.load_workbook('/tmp/book.xlsx')
sheets = wb.sheetnames
for eve_sheet in sheets:
    print(eve_sheet)
    sheet = wb.get_sheet_by_name(eve_sheet)
    this_book_name_index = None
    this_book_number_index = None
    for eve_header in top_str:
        if sheet[eve_header][0].value == " 书名 ":
            this_book_name_index = eve_header
        if sheet[eve_header][0].value == " 编号 ":
            this_book_number_index = eve_header
    print(this_book_name_index, this_book_number_index)
    if this_book_name_index and this_book_number_index:
        this_book_list_len = len(sheet[this_book_name_index])
        for i in range(1, this_book_list_len):
            add_key = "%s_%s_%s" % (
                sheet[this_book_name_index][i].value, eve_sheet, sheet[this_book_number_index][i].value)
            add_value = {
                "category": eve_sheet,
                "name": sheet[this_book_name_index][i].value,
                "number": sheet[this_book_number_index][i].value
            }
            book_dict[add_key] = add_value
            book_list.append(add_key)


def getBookList(book, book_list):
    documents = []
    for eve_sentence in book_list:
        tempData = " ".join(jieba.cut(eve_sentence))
        documents.append(tempData)
    texts = [[word for word in document.split()] for document in documents]
    frequency = defaultdict(int)
    for text in texts:
        for word in text:
            frequency[word] += 1
    dictionary = corpora.Dictionary(texts)
    new_xs = dictionary.doc2bow(jieba.cut(book))
    corpus = [dictionary.doc2bow(text) for text in texts]
    tfidf = models.TfidfModel(corpus)
    featurenum = len(dictionary.token2id.keys())
    sim = similarities.SparseMatrixSimilarity(
        tfidf[corpus],
        num_features=featurenum
    )[tfidf[new_xs]]
    book_result_list = [(sim[i], book_list[i]) for i in range(0, len(book_list))]
    book_result_list.sort(key=lambda x: x[0], reverse=True)
    result = []
    for eve in book_result_list:
        if eve[0] >= 0.25:
            result.append(eve)
    return result


def main_handler(event, context):
    try:
        print(event)
        name = event["body"]
        print(name)
        base_html = '''<div class='mui-card'><div class='mui-card-header'>{{book_name}}</div><div class='mui-card-content'><div class='mui-card-content-inner'> 分类:{{book_category}}<br> 编号:{{book_number}}</div></div></div>'''
        result_str = ""
        for eve_book in getBookList(name, book_list):
            book_infor = book_dict[eve_book[1]]
            result_str = result_str + base_html.replace("{{book_name}}", book_infor['name']) \
                .replace("{{book_category}}", book_infor['category']) \
                .replace("{{book_number}}", book_infor['number'] if book_infor['number'] else "")
        if result_str:
            return result_str
    except Exception as e:
        print(e)
    return '''<div class='mui-card' style='margin-top: 25px'><div class='mui-card-content'><div class='mui-card-content-inner'> 未找到图书信息,请您重新搜索。</div></div></div>'''

        同时配置 APIGW:
                        基于 Serverless 快速实现查询工具
  

  功能页面

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>图书检索系统</title>
   <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">

   <link rel="stylesheet" href="https://others-1256773370.cos.ap-chengdu.myqcloud.com/booksearch/css/mui.min.css">
   <style>
       html,
       body {
           background-color: #efeff4;
       }
</style>
   <script>
       function getResult() {
           var UTFTranslate = {
               Change: function (pValue) {
                   return pValue.replace(/[^\u0000-\u00FF]/g, function ($0) {
                       return escape($0).replace(/(%u)(\w{4})/gi, "&#x$2;")
                   });
               },
               ReChange: function (pValue) {
                   return unescape(pValue.replace(/&#x/g, '%u').replace(/\\u/g, '%u').replace(/;/g, ''));
               }
           };

           var xmlhttp;
           if (window.XMLHttpRequest) {
               // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
               xmlhttp = new XMLHttpRequest();
           } else {
               // IE6, IE5 浏览器执行代码
               xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
           }
           xmlhttp.onreadystatechange = function () {
               if (xmlhttp.readyState == 4 && xmlhttp.status == 200 && xmlhttp.responseText) {
                   document.getElementById("result").innerHTML = UTFTranslate.ReChange(xmlhttp.responseText).slice(1, -1).replace("\"",'"');
               }
           }
           xmlhttp.open("POST", "https://********", true);
           xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
           xmlhttp.send(document.getElementById("book").value);
       }
</script>
</head>
<body>
<div class="mui-content" style="margin-top: 50px">
   <h3 style="text-align: center">图书检索系统</h3>
   <div class="mui-content-padded" style="margin: 10px; margin-top: 20px">
       <div class="mui-input-row mui-search">
           <input type="search" class="mui-input-clear" placeholder="请输入图书名" id="book">
       </div>
       <div class="mui-button-row">
           <button type="button" class="mui-btn mui-btn-numbox-plus" style="width: 100%" onclick="getResult()">检索
           </button>&nbsp;&nbsp;
       </div>
   </div>
   <div id="result">
       <div class="mui-card" style="margin-top: 25px">
           <div class="mui-card-content">
               <div class="mui-card-content-inner">
                   可以在搜索框内输入书籍的全称,或者书籍的简称,系统支持智能检索功能。
               </div>
           </div>
       </div>
   </div>
</div>
<script src="https://others-1256773370.cos.ap-chengdu.myqcloud.com/booksearch/js/mui.min.js"></script>
</body>
</html>

  效果展示
  
  为了便于朋友使用,我将这个页面用 Webview 封装成一个 APP,整体效果如下:

基于 Serverless 快速实现查询工具简单版

  对象存储与 APIGW 的融合,完美解决了资源浪费的问题,同时借用云函数的 APIGW 触发器,可以很简单轻松的替代传统的 Web 框架和部分服务器软件的安装和使用、维护等。Chris Richardson曾经在 他的博客 上详细介绍过API网关,包括API网关的背景、解决方案以及案例。对于大多数基于微服务的应用程序而言,API网关都应该是系统的入口,它会负责服务请求路由、组合及协议转换。

推荐文章更多
联系客服免费领取更多阿里云产品新购、续费升级折扣,叠加官网活动折上折更优惠