{"componentChunkName":"component---src-templates-blog-detail-tsx","path":"/blog/2020-01-08-book-search-app","result":{"data":{"currentBlog":{"id":"03c5f35a-e201-5d91-bece-d455930b84f9","frontmatter":{"thumbnail":"https://img.serverlesscloud.cn/2020218/1582040387776-timg.jpeg","authors":["Anycodes"],"categories":["user-stories"],"date":"2020-01-08T00:00:00.000Z","title":"如何使用 Serverless 实现一个图书查询 App","description":"基于 Serverless 的轻量级图书检索系统","authorslink":["https://www.zhihu.com/people/liuyu-43-97"],"translators":null,"translatorslink":null,"tags":["serverless","应用实战"],"keywords":"Serverless 轻量级图书检索,Serverless 图书查询,Serverless 检索系统","outdated":true},"wordCount":{"words":116,"sentences":29,"paragraphs":29},"fileAbsolutePath":"/opt/build/repo/content/blog/2020-01-08-book-search-app.md","fields":{"slug":"/blog/2020-01-08-book-search-app/","keywords":["go","serverless","云函数","book","mui","sheet"]},"html":"

我有一个朋友（这朋友不是我），朋友的单位里有一个小型图书室，图书室中存放了不少书。

\n

尽管每本书都在相应的区域里进行了编号，但是毕竟没有图书馆的管理系统，大家找起来还是要花点时间的。为了让大家更容易地找到这些书，朋友联系我，打算让我帮他做一个简单的图书查询系统（完整的图书馆管理系统）。

\n

Easier said than done，考虑到这还是有一定复杂度的项目，我打算使用腾讯云云函数 SCF，把整个应用部署到 Serverless 架构上。

\n

▎整体效果

\n

左边是图书检索系统的首页；右边是检索演示，比方说我们搜索「精神」，App 就会依据返回相关的书籍。看起来还不赖。

\n

\"图书查询

\n

▎功能设计

\n
    \n
  1. 将包含书籍信息的 Excel 表存放至腾讯云对象存储 COS 中；
    2. \n
  2. 使用腾讯云云函数读取并解析表格；
    3. \n
  3. 根据词语相似性检索对应的图书；
    4. \n
  4. 通过 MUI 制作前端页面，页面也存放在 COS 中。
    5. \n
\n

▎具体实现

\n
    \n
  1. Excel 样式（包含书名和编号）
    2. \n
\n

\"Excel

\n

分类 tab：

\n

\"分类

\n
    \n
  1. 核心代码实现：
    2. \n
\n= 0.25:\n result.append(eve)\n return result\n\n\ndef main_handler(event, context):\n try:\n print(event)\n name = event["body"]\n print(name)\n base_html = '''
{{book_name}}
分类：{{book_category}}
编号：{{book_number}}
'''\n result_str = ""\n for eve_book in getBookList(name, book_list):\n book_infor = book_dict[eve_book[1]]\n result_str = result_str + base_html.replace("{{book_name}}", book_infor['name']) \\\n .replace("{{book_category}}", book_infor['category']) \\\n .replace("{{book_number}}", book_infor['number'] if book_infor['number'] else "")\n if result_str:\n return result_str\n except Exception as e:\n print(e)\n return '''
未找到图书信息，请您重新搜索。
'''`, `26637636400137368000`)\"\n >\n \n 复制代码\n \n \n
import jieba\nimport openpyxl\nfrom gensim import corpora, models, similarities\nfrom collections import defaultdict\nimport urllib.request\n\nwith open("/tmp/book.xlsx", "wb") as f:\n    f.write(\n        urllib.request.urlopen("https://********").read()\n    )\n\n\ntop_str = "abcdefghijklmn"\nbook_dict = {}\nbook_list = []\nwb = openpyxl.load_workbook('/tmp/book.xlsx')\nsheets = wb.sheetnames\nfor eve_sheet in sheets:\n    print(eve_sheet)\n    sheet = wb.get_sheet_by_name(eve_sheet)\n    this_book_name_index = None\n    this_book_number_index = None\n    for eve_header in top_str:\n        if sheet[eve_header][0].value == "书名":\n            this_book_name_index = eve_header\n        if sheet[eve_header][0].value == "编号":\n            this_book_number_index = eve_header\n    print(this_book_name_index, this_book_number_index)\n    if this_book_name_index and this_book_number_index:\n        this_book_list_len = len(sheet[this_book_name_index])\n        for i in range(1, this_book_list_len):\n            add_key = "%s_%s_%s" % (\n                sheet[this_book_name_index][i].value, eve_sheet, sheet[this_book_number_index][i].value)\n            add_value = {\n                "category": eve_sheet,\n                "name": sheet[this_book_name_index][i].value,\n                "number": sheet[this_book_number_index][i].value\n            }\n            book_dict[add_key] = add_value\n            book_list.append(add_key)\n\n\ndef getBookList(book, book_list):\n    documents = []\n    for eve_sentence in book_list:\n        tempData = " ".join(jieba.cut(eve_sentence))\n        documents.append(tempData)\n    texts = [[word for word in document.split()] for document in documents]\n    frequency = defaultdict(int)\n    for text in texts:\n        for word in text:\n            frequency[word] += 1\n    dictionary = corpora.Dictionary(texts)\n    new_xs = dictionary.doc2bow(jieba.cut(book))\n    corpus = [dictionary.doc2bow(text) for text in texts]\n    tfidf = models.TfidfModel(corpus)\n    featurenum = len(dictionary.token2id.keys())\n    sim = similarities.SparseMatrixSimilarity(\n        tfidf[corpus],\n        num_features=featurenum\n    )[tfidf[new_xs]]\n    book_result_list = [(sim[i], book_list[i]) for i in range(0, len(book_list))]\n    book_result_list.sort(key=lambda x: x[0], reverse=True)\n    result = []\n    for eve in book_result_list:\n        if eve[0] >= 0.25:\n            result.append(eve)\n    return result\n\n\ndef main_handler(event, context):\n    try:\n        print(event)\n        name = event["body"]\n        print(name)\n        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>'''\n        result_str = ""\n        for eve_book in getBookList(name, book_list):\n            book_infor = book_dict[eve_book[1]]\n            result_str = result_str + base_html.replace("{{book_name}}", book_infor['name']) \\\n                .replace("{{book_category}}", book_infor['category']) \\\n                .replace("{{book_number}}", book_infor['number'] if book_infor['number'] else "")\n        if result_str:\n            return result_str\n    except Exception as e:\n        print(e)\n    return '''<div class='mui-card' style='margin-top: 25px'><div class='mui-card-content'><div class='mui-card-content-inner'>未找到图书信息，请您重新搜索。</div></div></div>'''
\n
    \n
  1. APIGW 配置：
    2. \n
\n

\"APIGW\"

\n
    \n
  1. 首页代码：
    2. \n
\n\n\n\n \n 图书检索系统\n \n \n \n\n \n \n \n\n\n
\n

图书检索系统

\n
\n
\n \n
\n
\n   \n
\n
\n
\n
\n
\n
\n 可以在搜索框内输入书籍的全称，或者书籍的简称，系统支持智能检索功能。\n
\n
\n
\n
\n
\n\n\n`, `27844791192690100000`)\"\n >\n \n 复制代码\n \n \n
<!DOCTYPE html>\n<html>\n<head>\n    <meta charset="utf-8">\n    <title>图书检索系统</title>\n    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">\n    <meta name="apple-mobile-web-app-capable" content="yes">\n    <meta name="apple-mobile-web-app-status-bar-style" content="black">\n\n    <link rel="stylesheet" href="https://others-1256773370.cos.ap-chengdu.myqcloud.com/booksearch/css/mui.min.css">\n    <style>\n        html,\n        body {\n            background-color: #efeff4;\n        }\n    </style>\n    <script>\n        function getResult() {\n            var UTFTranslate = {\n                Change: function (pValue) {\n                    return pValue.replace(/[^\\u0000-\\u00FF]/g, function ($0) {\n                        return escape($0).replace(/(%u)(\\w{4})/gi, "&#x$2;")\n                    });\n                },\n                ReChange: function (pValue) {\n                    return unescape(pValue.replace(/&#x/g, '%u').replace(/\\\\u/g, '%u').replace(/;/g, ''));\n                }\n            };\n\n            var xmlhttp;\n            if (window.XMLHttpRequest) {\n                // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码\n                xmlhttp = new XMLHttpRequest();\n            } else {\n                // IE6, IE5 浏览器执行代码\n                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");\n            }\n            xmlhttp.onreadystatechange = function () {\n                if (xmlhttp.readyState == 4 && xmlhttp.status == 200 && xmlhttp.responseText) {\n                    document.getElementById("result").innerHTML = UTFTranslate.ReChange(xmlhttp.responseText).slice(1, -1).replace("\\"",'"');\n                }\n            }\n            xmlhttp.open("POST", "https://********", true);\n            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");\n            xmlhttp.send(document.getElementById("book").value);\n        }\n    </script>\n</head>\n<body>\n<div class="mui-content" style="margin-top: 50px">\n    <h3 style="text-align: center">图书检索系统</h3>\n    <div class="mui-content-padded" style="margin: 10px; margin-top: 20px">\n        <div class="mui-input-row mui-search">\n            <input type="search" class="mui-input-clear" placeholder="请输入图书名" id="book">\n        </div>\n        <div class="mui-button-row">\n            <button type="button" class="mui-btn mui-btn-numbox-plus" style="width: 100%" onclick="getResult()">检索\n            </button>&nbsp;&nbsp;\n        </div>\n    </div>\n    <div id="result">\n        <div class="mui-card" style="margin-top: 25px">\n            <div class="mui-card-content">\n                <div class="mui-card-content-inner">\n                    可以在搜索框内输入书籍的全称，或者书籍的简称，系统支持智能检索功能。\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src="https://others-1256773370.cos.ap-chengdu.myqcloud.com/booksearch/js/mui.min.js"></script>\n</body>\n</html>
\n
    \n
  1. 最后通过 Webview 封装成一个 App。
    2. \n
\n

▎总结

\n

其实这是一个低频使用的 App，毕竟单位图书室藏书不多，人流量也不大。如果将它部署在一个传统服务器上，可能不是个好的选择，毕竟服务器放在那里不管用不用都得花钱。

\n

所以这里选择了 Serverless 架构，部署在云函数上，按量付费的特点可以节省不少成本。同时，通过 APIGW 和 COS 的结合，完美解决了资源浪费的问题。腾讯云 Serverless Framework 也是一个很好用的开发者工具，除此之外，这里还使用了云函数的 APIGW 触发器，轻巧地替代了传统 Web 框架和部分服务器软件的安装、使用和维护。

\n

这只是一个小应用，不过稍加改造，也能做成查询成绩的 App。Serverless 的应用场景还是很有想象力的。

\n
\n

传送门：

\n\n
\n

欢迎访问：Serverless 中文网，您可以在 最佳实践 里体验更多关于 Serverless 应用的开发！

","tableOfContents":""},"previousBlog":{"id":"c0fddb3f-85fb-5fbe-bf99-dcf7c6ad2959","frontmatter":{"thumbnail":"https://img.serverlesscloud.cn/2020327/1585306882746-9.jpg","authors":["serverless 社区"],"categories":["meetup"],"date":"2020-02-06T00:00:00.000Z","title":"Serverless 架构揭秘与静态网站部署实战 - 直播课","description":"Serverless 专家陈涛将分享 Serverless 的技术架构和开发实战，从 0 到 1 快速掌握 Serverless 开发知识","authorslink":["https://serverlesscloud.cn"],"translators":null,"translatorslink":null,"tags":["serverless","Meetup"],"keywords":"Serverless 全局变量组件,Serverless 单独部署组件,Serverless Component","outdated":null},"wordCount":{"words":106,"sentences":25,"paragraphs":25},"fileAbsolutePath":"/opt/build/repo/content/blog/2020-02-06-static-web-meetup.md","fields":{"slug":"/blog/2020-02-06-static-web-meetup/","keywords":["serverless","云函数","Serverless","课程","serverless","直播","架构","实战"]}},"nextBlog":{"id":"5334c37e-5036-5cdb-9610-2316a542eac3","frontmatter":{"thumbnail":"https://img.serverlesscloud.cn/2020326/1585185314084-9.jpg","authors":["serverless 社区"],"categories":["meetup"],"date":"2019-12-28T00:00:00.000Z","title":"Serverless 技术行沙龙","description":"来自深圳清华大学研究院 、Serverless 社区专家们围绕 Serverless + 5G，Serverless SSR 技术探索等话题展开深入分享","authorslink":["https://serverlesscloud.cn"],"translators":null,"translatorslink":null,"tags":["serverless","Meetup"],"keywords":"Serverless 全局变量组件,Serverless 单独部署组件,Serverless Component","outdated":null},"wordCount":{"words":184,"sentences":38,"paragraphs":37},"fileAbsolutePath":"/opt/build/repo/content/blog/2019-12-28-serverless-shanghai.md","fields":{"slug":"/blog/2019-12-28-serverless-shanghai/","keywords":["serverless","Serverless","serverless","Framework","应用"]}},"recommendBlogs":{"edges":[{"node":{"id":"4300b21c-7209-5256-86ff-0d38e3daec9b","frontmatter":{"thumbnail":"https://main.qcloudimg.com/raw/14f1c8eed372e76c1b139703b2f6d0fa.jpg","authors":["KieranMcCarthy"],"categories":["user-stories","engineering-culture"],"date":"2018-01-09T00:00:00.000Z","title":"我是如何在四年时间里，从厨师转行为 Serverless 应用开发者","description":"我是厨师出身，现在成为了一名 Serverless 应用开发者。","authorslink":["https://serverless.com/author/kieranmccarthy/"],"translators":["Aceyclee"],"translatorslink":["https://www.zhihu.com/people/Aceyclee"],"tags":["应用开发","Serverless"],"keywords":"Serverless 应用开发,Serverless 管理,厨师转行为 Serverless 应用开发者","outdated":null},"wordCount":{"words":285,"sentences":38,"paragraphs":36},"fileAbsolutePath":"/opt/build/repo/content/blog/2018-01-09-from-chef-to-serverless-developer-in-4-years.md","fields":{"slug":"/blog/2018-01-09-from-chef-to-serverless-developer-in-4-years/","keywords":["无服务器","无服务器开发","云函数","学习","Serverless","构建","Framework","开发者","服务器","应用","学位","简历"]}}},{"node":{"id":"713a0563-4bf9-5721-bacb-3b4ef609fe4a","frontmatter":{"thumbnail":"https://s3-us-west-2.amazonaws.com/assets.blog.serverless.com/camp-fire/camp-fire-housing-thumb.jpg","authors":["EricWyne"],"categories":["guides-and-tutorials","user-stories"],"date":"2018-12-05T00:00:00.000Z","title":"Serverless Twitter 机器人帮助为坎普山火受灾者安置住房","description":"加利福尼亚州的坎普山火致使数千人流离失所，为此，我构建了一个简单的 Serverless Twitter 机器人来帮助将受灾者安置在临时住房！","authorslink":["https://serverless.com/author/ericwyne/"],"translators":["Aceyclee"],"translatorslink":["zhihu.com/people/Aceyclee"],"tags":null,"keywords":null,"outdated":null},"wordCount":{"words":157,"sentences":26,"paragraphs":26},"fileAbsolutePath":"/opt/build/repo/content/blog/2018-12-05-serverless-twitter-camp-fire.md","fields":{"slug":"/blog/2018-12-05-serverless-twitter-camp-fire/","keywords":["serverless","无服务器","云函数","Serverless","org","住房","Twitter","函数","受灾","机器人","山火"]}}},{"node":{"id":"98602143-b837-5f50-a24f-3b1ec76044d7","frontmatter":{"thumbnail":"https://s3-us-west-2.amazonaws.com/assets.blog.serverless.com/sqquid/sqquid-serverless-thumb.jpg","authors":["RonPeled"],"categories":["user-stories"],"date":"2018-12-17T00:00:00.000Z","title":"SQQUID：100% 无服务器初创公司","description":"SQQUID 将 AWS Lambda 和无服务器框架用于其核心产品和营销网站。我们来看看一个完全无服务器的初创公司是怎样的。","authorslink":null,"translators":null,"translatorslink":null,"tags":null,"keywords":null,"outdated":null},"wordCount":{"words":266,"sentences":42,"paragraphs":42},"fileAbsolutePath":"/opt/build/repo/content/blog/2018-12-17-sqquid-one-hundred-percent-serverless.md","fields":{"slug":"/blog/2018-12-17-sqquid-one-hundred-percent-serverless/","keywords":["go","serverless","无服务器","无服务器架构","服务器","架构","Lambda","集成","FaaS","串行","系统"]}}},{"node":{"id":"29dc2e58-d2ba-56f9-aee1-d21b0bc62e0e","frontmatter":{"thumbnail":"https://s3-us-west-2.amazonaws.com/assets.blog.serverless.com/ao-com-story/ao-serverless-thumbnail.png","authors":["NickGottlieb"],"categories":["user-stories"],"date":"2019-04-24T00:00:00.000Z","title":"AO.com：逐渐转向无服务器优先","description":"AO.com 的 SCV 团队率先尝试无服务器服务。折服于无服务器框架的快速周转时间和低维护成本，整个团队逐渐转向无服务器优先。","authorslink":null,"translators":null,"translatorslink":null,"tags":null,"keywords":null,"outdated":null},"wordCount":{"words":236,"sentences":42,"paragraphs":35},"fileAbsolutePath":"/opt/build/repo/content/blog/2019-04-24-ao-serverless-first.md","fields":{"slug":"/blog/2019-04-24-ao-serverless-first/","keywords":["serverless","无服务器","服务器","团队","Lambda","功能","构建"]}}},{"node":{"id":"752d08d1-387a-5bde-acf3-98141baab294","frontmatter":{"thumbnail":"https://img.serverlesscloud.cn/2020414/1586871710979-%E5%85%AC%E5%85%B1%E7%94%A8.png","authors":["Anycodes"],"categories":["user-stories"],"date":"2019-06-20T00:00:00.000Z","title":"如何用 Serverless 为 Python 云函数打包依赖","description":"在使用无服务器云函数SCF时通常会遇到导入第三方库的问题，很多小伙伴比较头疼是：应该如何打包进去？这里，推荐几个不错的方法。","authorslink":["https://zhuanlan.zhihu.com/ServerlessGo"],"translators":null,"translatorslink":null,"tags":["云函数","Serverless"],"keywords":"Serverless,Serverless应用,无服务器云函数","outdated":null},"wordCount":{"words":81,"sentences":43,"paragraphs":43},"fileAbsolutePath":"/opt/build/repo/content/blog/2019-06-20-for-python-cloud-functions.md","fields":{"slug":"/blog/2019-06-20-for-python-cloud-functions/","keywords":["java","serverless","无服务器","无服务器云函数","云函数","serverlesscloud","安装","serverless","pillowtest"]}}},{"node":{"id":"2dc78814-9d77-555b-a1bb-ad202c8ec2d1","frontmatter":{"thumbnail":"https://s3-us-west-2.amazonaws.com/assets.blog.serverless.com/cloudforecast/thumbnail.png","authors":["FrancoisLagier"],"categories":["user-stories"],"date":"2019-08-07T00:00:00.000Z","title":"Serverless：初创企业的理想选择？（CloudForecast 案例分析）","description":"CloudForecast 是 2018 年成立的一家独立初创企业，本文将介绍他们决定选择 Serverless 的原因。","authorslink":["https://serverless.com/author/francoislagier/"],"translators":["Aceyclee"],"translatorslink":["zhihu.com/people/Aceyclee"],"tags":null,"keywords":null,"outdated":null},"wordCount":{"words":211,"sentences":29,"paragraphs":29},"fileAbsolutePath":"/opt/build/repo/content/blog/2019-08-07-serverless-for-startups.md","fields":{"slug":"/blog/2019-08-07-serverless-for-startups/","keywords":["serverless","云函数","serverless","函数","Serverless","utm","Framework","blog","CloudForecast","cloudforecast"]}}},{"node":{"id":"97450b07-658b-5207-8216-1c7b9b51b115","frontmatter":{"thumbnail":"https://img.serverlesscloud.cn/2020114/1578988490344-v2-8b2cd2c5275aa2c5a3c5083a148a7a9f_1200x500.jpg","authors":["Anycodes"],"categories":["user-stories"],"date":"2019-09-01T00:00:00.000Z","title":"如何通过 Serverless 与自然语言处理，让搜索引擎「看」到你的博客","description":"Serverless 与自然语言处理结合的一个小应用","authorslink":["https://www.zhihu.com/people/liuyu-43-97"],"translators":null,"translatorslink":null,"tags":["个人博客","serverless"],"keywords":"Serverless 自然语言处理","outdated":null},"wordCount":{"words":106,"sentences":34,"paragraphs":34},"fileAbsolutePath":"/opt/build/repo/content/blog/2019-09-01-search-engine-blog.md","fields":{"slug":"/blog/2019-09-01-search-engine-blog/","keywords":["serverless","云函数","keywords","serverlesscloud","summary"]}}},{"node":{"id":"ae4fd2f8-515c-5aec-b584-38427ef33f7e","frontmatter":{"thumbnail":"https://img.serverlesscloud.cn/2020114/1578989800047-part-00492-780.jpg","authors":["Anycodes"],"categories":["guides-and-tutorials","user-stories"],"date":"2019-09-16T00:00:00.000Z","title":"突破传统 OJ 瓶颈，「判题姬」接入云函数","description":"通过 Serverless 实现在线编程","authorslink":["https://www.zhihu.com/people/liuyu-43-97"],"translators":null,"translatorslink":null,"tags":["在线编程","云函数"],"keywords":"Serverless 在线编程,Serverless OJ","outdated":null},"wordCount":{"words":169,"sentences":30,"paragraphs":30},"fileAbsolutePath":"/opt/build/repo/content/blog/2019-09-16-online-Judge.md","fields":{"slug":"/blog/2019-09-16-online-Judge/","keywords":["python","serverless","云函数","代码","函数","serverless"]}}}],"totalCount":64}},"pageContext":{"isCreatedByStatefulCreatePages":false,"blogId":"03c5f35a-e201-5d91-bece-d455930b84f9","previousBlogId":"c0fddb3f-85fb-5fbe-bf99-dcf7c6ad2959","nextBlogId":"5334c37e-5036-5cdb-9610-2316a542eac3","categories":["user-stories"]}}}