一个月空余时间微信诗词小程序前后端开发上线实践指南

简介: 一个月空余时间微信诗词小程序前后端开发上线实践指南

 微信小程序  “诗词雅集”

1.小程序预览

image.gif编辑image.gif编辑image.gif编辑

image.gif编辑

image.gif编辑

3、项目设计

本次设计的作品为诗词学习助手,为了推广中国古诗文化,从而设计的一款小程序。

诗词雅集:

01、 提供朝代、主题、标签、诗人、关键词查询。

02 、可以收藏以及查看原文、翻译、注释、赏析以及作者介绍、生平信息。

03、热门诗人模块--- 点击相应的诗人后会显示诗人相应的作品。

04、点击诗词后,可以看到诗词的详细内容,包含诗词的内容,诗词的注释,翻译,赏析,创作背景等。同时如果喜欢这首诗词的话,还可以将诗词收藏,收藏后可以在我的里面“诗词收藏里面。

05、关键词查询,首先将关键词拼接到请求url中,然后发送给服务器,然后经过服务器的处理,将处理后的数据以json的形式返回给客户端,然后经过客户端的渲染后,显示给用户查看。返回后的内容也同样具有查看诗词详细内容和收藏的功能。

用户访问,主题,标签,和诗人等功能的结果都是相同,最终都能看到相应的诗词。可以看到诗词的详细内容,注释等。

4、功能模块

本项目主要分为三个功能模块,分别是:首页、分类和我的三大模块。

首页:由上至下分为了四个板块,

智能搜索 ,入口为搜索输入框,然后将输入的关键字,发送到指定的接口,然后将返回的内容显示在下面的窗口中。除了可以自己输入外,在输入框的下面,还显示了大家都在搜的东西,将平时大家都在搜索的内容展示在搜索框的下面。之后便是搜索提示。例如:关键字尽量简洁,不要整句搜索,也不要包含特殊字符(“,”,“。”,“《》”以及空格等)。如果长的搜索词查不到结果,可以尝试缩短搜索词,再次尝试等提示。

banner模块展示了诗词小程序的简单介绍。

其次热门推荐模块,这个模块就是对诗词进行了不同维度分类,根据不用的用户需求总共分为小学必背古诗、初中必背古诗、高中必背古诗、早教启蒙、唐诗宋词三百首、和四书五经,进入不同的分类专题后,又按类别进行了二级分类的细分,比如不同年级和唐诗 宋词的区别。

再其次就是热门诗人模块,对热门的诗人做了一个汇总,可以快速查找诗人的代表作品。

分类模块:

按照四季、山水、天气、人物、人生、生活、节日、动物、植物、食物等不同的类型的标签对诗词进行分类搜索。进入之后就可以看到各种古诗和诗集,点击你想要查看的诗集,即可查看诗集,在诗集的下方有显示诗的注释,翻译,赏析以及创作背景,变革与帮助我们更好的理解这首诗。如果你西黄这首诗的话还可以使用分享功能将这首诗分享给你喜欢的人,还可以收藏,已经听这首诗的朗诵。

我的,集成用户登录功能,直接调用微信的登录接口直接登录。古诗收藏功能,可以查看到之前收藏的诗词,以后再想找到了就可以快速的找到。然后就是一个扩展功能积分签到功能,提高用户的使用粘度。

5、项目结构

image.gif编辑

6、项目技术栈

基于uniapp的云开发小程序,本小程序的后台使用的是阿里云提供的云开发服务

 

7、数据库

本项目诗歌数据来源于"最全中华古诗词数据库",

这是一个包含5.5万首唐诗、26万首宋诗、2.1万首宋词和其他古典文集、唐宋两朝近1.4万古诗人、1.5千古词人的数据集,数据均来源于互联网. 感谢GitHub开源社区发起者Jackey及这个其他贡献者对于这个数据集做出的贡献.

诗人数据结构

{
    "poetId": 1,
    "objectId": "5a7aa7177a1ff97e530fb45e",
    "star": 403,
    "name": "方干",
    "image": "https://raw.githubusercontent.com/hujiaweibujidao/poetry/master/image/image_1.jpg",
    "dynasty": "唐代",
    "desc": "方干(809—888)字雄飞,号玄英,睦州青溪(今淳安)人。擅长律诗,清润小巧,且多警句。其诗有的反映社会动乱,同情人民疾苦;有的抒发怀才不遇,求名未遂的感怀。文德元年(888年),方干客死会稽,归葬桐江。门人相与论德,谥曰“玄英先生”,并搜集他的遗诗370余篇,编成《方干诗集》传世。《全唐诗》编有方干诗6卷348篇。宋景佑年间,范仲淹守睦州,绘方干像于严陵祠配享。",
    "content": "介绍\n\n  方干字雄飞,号玄英,睦州青溪人。为人质野,喜凌侮。每见人设三拜,曰礼数有三,时人呼为“方三拜”。爱吟咏,深得师长徐凝的器重。一次,因偶得佳句,欢喜雀跃,不慎跌破嘴唇,人呼“缺唇先生”。桐庐章八元爱其才,招为过门女婿,遂居家桐江白云源。唐宝历中,参加科举考试不第。以诗拜谒钱塘太守姚合。初次见面,因其容貌丑陋,姚合看不起他,待读过方干诗稿后,为其才华所动,于是满心欢喜,一连款待数日。开成年间,常与寓居桐江的喻凫为友,并与同里人李频唱和,诗来歌往,关系甚笃。大中年间,流寓会稽鉴湖。咸通年间,浙东廉访使王龟慕名邀请,一经交谈,觉得方干不仅才华出众,且为人耿直,于是竭力向朝廷推荐。终因朝廷腐败,忌贤妒能,不被起用。后人赞叹他“身无一寸禄,名扬千万里”。\n\n  方干擅长律诗,清润小巧,且多警句。其诗有的反映社会动乱,同情人民疾苦;有的抒发怀才不遇,求名未遂的感怀。文德元年,方干客死会稽,归葬桐江。门人相与论德,谥曰“玄英先生”,并搜集他的遗诗370余篇,编成《方干诗集》传世。《全唐诗》编有方干诗6卷348篇。宋景佑年间,范仲淹守睦州,绘方干像于严陵祠配享。\n\n"
}

image.gif

诗词数据结构

{
    "content": "一官何幸得同时,十载无媒独见遗。 \n今日不论腰下组,请君看取鬓边丝。",
    "dynasty": "唐代",
    "id": 10042,
    "name": "寄杨侍御(一作包佶诗)",
    "poet": {
        "desc": "[唐](约公元七五六年前后在世)字幼嗣,润州延陵人,包融之子。生卒年均不详,约唐玄宗天宝末前后在世。与弟佶俱以诗名,时称“二包”。天宝七年,(公元七四八年)登进士。会师事孟浩然,授格法。与李嘉佑相友善。大历中,仕至起居舍人。河著有诗集一卷,《文献通考》行于世。",
        "id": 1801,
        "name": "包何",
        "star": 0
    },
    "star": 1,
    "tags": []
}

image.gif

8、交流

觉得这个小程序的朋友,可以给我点个关注,代码也在完善中,有好的想法的朋友欢迎与作者交流


目录
相关文章
|
4天前
|
人工智能 小程序
一步步开发AI运动小程序】二、引入插件
随着人工智能技术的发展,阿里体育等公司推出的“乐动力”、“天天跳绳”等AI运动APP广受欢迎。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。内容包括新建uni-app项目、配置插件、部署模型、安装依赖包、全局初始化和调用插件对象。
|
3天前
|
小程序 搜索推荐 数据挖掘
跳绳打卡小程序开发多钱费用
跳绳打卡小程序通过智能手机即可轻松使用,无需额外设备,只需一根跳绳即可开始您的健康之旅。它结合了便捷性、互动性和个性化设置,让跳绳这项运动变得更加有趣和高效
|
5天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
57 1
|
1天前
|
存储 传感器 小程序
跳绳计数小程序开发系统
首先,我们需要明确跳绳计数小程序的核心功能:为用户提供跳绳计数的便捷方式。这意味着小程序需要能够准确地记录用户的跳绳次数,并为用户提供清晰、直观的计数展示。
|
1天前
|
人工智能 编解码 小程序
【一步步开发AI运动小程序】四、小程序如何抽帧
随着AI技术的发展,阿里体育等公司推出的“乐动力”、“天天跳绳”等APP使云上运动会、线上健身等概念备受关注。本文将引导您从零开始开发一个AI运动小程序,利用“云智AI运动识别小程序插件”。文中详细介绍了微信小程序抽帧的相关API、设置及注意事项,帮助开发者更好地实现AI运动功能。下篇将介绍人体识别技术,敬请期待。
|
2天前
|
传感器 存储 小程序
跳绳计数小程序开发
跳绳计数小程序旨在通过智能设备(如手机或智能手表)记录用户在跳绳过程中的次数、时间、速度等关键数据,为用户提供便捷的运动记录和数据分析服务
|
1天前
|
小程序 搜索推荐 前端开发
小剧场短剧影视小程序开发
小剧场短剧影视小程序旨在为用户提供一个便捷、互动的平台,让用户能够随时随地观看、分享和评论各类小剧场短剧。通过小程序,用户可以浏览热门短剧、搜索感兴趣的内容、参与社区互动,以及享受个性化的推荐服务。
|
2天前
|
小程序 搜索推荐 前端开发
短剧小程序开发案例
首先,明确你的短剧平台的目标用户群体和他们的需求。比如,年轻用户可能更倾向于轻松、幽默的短剧内容,而家庭用户则可能更偏爱教育、亲子类的短剧。了解用户需求有助于你设计更符合他们口味的功能和界面
|
2天前
|
机器学习/深度学习 人工智能 小程序
【一步步开发AI运动小程序】三、运动识别处理流程
随着人工智能技术的发展,阿里体育等公司推出的“乐动力”、“天天跳绳”等AI运动APP备受关注。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章介绍了视频帧、帧率FPS、抽帧和人体识别等基本概念,并详细说明了处理流程,包括抽帧、人体识别检测、骨骼图绘制和运动分析等步骤。下篇将介绍如何在小程序中实现抽帧。
|
5天前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
22 0