前言：

github日常淘寶，看到的項目可能因為歷史原因已經不維護了，跑步起來，那么我們就讓他跑起來吧！
本篇以一個古詩詞小程序為例，大概花了一天的時間，給想學習的小白或者業余你想整一個玩玩的時候能有個思路。
github鏈接在文章最下方。

最終實現效果：

1.探索：去github逛街

成功發現一個小可愛 「詩詞墨客」:

二話不說，點個star ?? 對作者表示鼓勵。

2.運行：一頓操作，給我跑起來

git clone git@github.com:huangjianke/weapp-poem.git cd weapp-poem npm install wepy-cli -g npm install wepy build --watch

打開微信小程序

導入dist文件夾，我這里已經導入過了。

3. 結果：微信小程序啟動！

不出所料失敗，一片空白，說好的詩詞呢。

哈哈哈哈當然跑步起來了，我們都沒有數據~

此處有解答：

古詩詞數據存儲于 LeanCloud，使用前先在 LeanCloud注冊App，然后導入由 chinese-poetry-mysql整理的 mysql 格式數據，并在app.wpy中配置您自己的App相關信息

簡單來說我們要：

leancloud(一個提供云服務的廠商)上注冊賬戶

導入數據到LeanCloud中去。

配置app.wpy

那接下來我們就一步步來操作。

3.1：注冊并創建應用

稍微看下目錄結構，長這樣：

3.2 導入數據

接下來我們要把數據導入到數據庫中。

數據從哪里來,我們照著提示來：

我們去 chinese-poetry-mysql下載sql語句包。
把數據導入到 LeanCloud中去。
很簡單的，唯一麻煩的是，我們需要把sql語句轉成能上傳LeanCloud的csv或者json。

好在我已經處理過了：

把這里的csv文件通通導入進來就行了~

csv文件

問：為啥分成了怎么多份？

因為LeanCloud最大只允許上傳30M的文件，所以我手動把他分成幾份…
用的蠢辦法直接粘貼復制的幾十萬行…懶的寫腳本了

一開始不太明白怎么導入，折騰了下csv的格式。

導入的時候要注意：

• class名稱要一致，poetry開頭的csv都是導入到poetry的Class去的。
• 不要像我一樣重復導入…幾十m的csv導入估計要幾分鐘。只有三十幾萬的詩歌，但我卻有50w條數據。

導入完成結果如圖：

文檔目錄結構

3.2 配置 app.wpy

appId,appkey,REST API 照著填下去

3.4 重新運行

嘿嘿，總算有效果了：

摘錄：

這里原倉庫并沒有提供extract表，那咱自己動手，從詩經中隨便拿一句出來。

首頁：

文集頁面：

作者頁面：

詳情頁面：

這樣一個基本的詩詞小程序就有了，哈哈哈哈給自己點個贊。

4. 改進

• 這幾十萬首歌沒有搜索明顯不行呀，我這輩子都看不完…
• 數據庫中的數據全是繁體，看來要弄個簡繁轉換。
• 整個播放詩句語音提高逼格。

4.1 簡體繁體轉換: 老規矩github上面去淘寶:

發現一個這個https://github.com/toolgood/ToolGood.Words

把這個下載就好了。

直接引入有問題，要在js后面加導出模塊函數。

用的時候這樣就能用了

import { Translate } from '../../libs/wordsTranslate.min.js'; // 類似這樣用 //translate.ToSimplifiedChinese(this.item.author);

4.2搜索：咱們直接來個全文檢索：

這里就隨便先建議一個全文索引：作者，標題，內容。

ps:速度有點慢，建立的時候要稍微等一段時間。
真正的簡單粗暴，當然這里明顯可以改的更好一些哈哈哈。

有了全文索引怎么用呢？去文檔撈一撈：全文搜索開發指南 - LeanCloud 文檔

好了，學會了，去代碼上cv一波。

思路：搜索的時候把輸入的簡體轉化為繁體，在調用api搜索，最后在整合下頁面 效果如下：

4.3詩歌的語音播放：

網上找了一個比較好用的接口： http://ovooa.com/API/yuyin/api.php:這個網站超多好用的api 哈哈哈

建議大家可以去看看，挺多好玩的。

主要代碼:

大功告成，你已經制作好了一個簡單的古詩詞小程序~

接下來就是小程序的上架，我們申請好小程序，填寫appid和secret上傳代碼，審核通過后就能上架了。

5. 總結

當然這個小程序還有很多問題，還有很多功能可以完善。

• 詩詞不夠全，還缺少了很多詩詞…
• 語音朗讀只能說能聽…
• 搜索不夠精準，比如按照特定的分類來搜索：作者，標題，內容。
• 加入用戶模塊，這樣就能喜歡、收藏一些詩詞對吧。

這些坑就留著下次填吧。

都看到這里了點個贊不過分吧哈哈哈，謝謝大家~。

有什么不對的地方可以下方留言，我看到會改的！

本偏文章 github鏈接：

關注公眾號：【有點用呢】，做一個有趣又能學習，有點用的公眾號。

總結

以上是生活随笔為你收集整理的如何快速开发一个古诗词小程序？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。