基于微信小程序/APP的古诗词学习系统设计与实现

您所在的位置:网站首页 古诗微信背景 基于微信小程序/APP的古诗词学习系统设计与实现

基于微信小程序/APP的古诗词学习系统设计与实现

2024-07-12 11:20| 来源: 网络整理| 查看: 265

💗博主介绍:✌全网粉丝10W+,CSDN全栈领域优质创作者,博客之星、掘金/华为云/阿里云等平台优质作者。 👇🏻 精彩专栏 推荐订阅👇🏻 计算机毕业设计精品项目案例-200套 🌟文末获取源码+数据库+文档🌟 感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以和学长沟通,希望帮助更多的人

一.前言

在这里插入图片描述 本移动端的诗词学习系统设计的目的是为用户提供诗词赏析、用户原创、诗词挑战等方面的平台,为了给用户清晰直观的页面指示。用户在完成注册后,会将用户注册相关信息添加到后台数据库中;用户在登录时,会根据数据库存储信息进行身份验证。用户在移动端端可以查看诗人简介、诗词赏析、用户原创等,后台服务端管理人员对系统上的功能进行维护与管理。 诗词学习系统是在安卓操作系统下的应用平台。为防止出现兼容性及稳定性问题,系统后端使用Java语言SpringBoot框架进行开发,移动端与后台服务端之间的数据存储主要通过MySQL。用户在使用应用时产生的数据通过 java等语言传递给数据库。通过此方式促进诗词学习系统信息流动和数据传输效率,提供一个内容丰富、功能多样、易于操作的诗词学习系统。

二.技术环境

JDK版本:JDK1.8 开发环境:开发语言:Java 框架:SpringBoot 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/myeclipse/idea Maven包:Maven3.3.9 移动端框架:uniapp 开发软件:HBuilder X 开发模式:混合开发 运行工具:微信开发者工具/Android Studio

三.功能设计

作为一款诗词学习系统,面向的是大多数学者,软件的界面设计简洁清晰,用户可轻松掌握使用技巧。在调查之后,获得用户以下需求: (1)用户注册登录后,可进入系统解锁更多功能,用户将信息加入到后台数据库。 (2)用户不仅可以查看用户原创,而且还可以自行搜索诗词赏析等。 (3)管理员具有权限,对诗词赏析、朝代、用户原创进行添加、修改、删除等。 (4)可以点击信息详情页进行查看。 (5)管理员在系统管理发布轮播图管理、公告资讯。

本系统采用前后端分离的方式进行设计,前台移动端的主体是用户,后台服务端的主体是管理员;其用例分别如下: 管理员用例图如图3-1所示。 在这里插入图片描述

用户用例图如图3-2所示。 在这里插入图片描述 总体上看,诗词学习系统具有注册登录、用户信息、诗词赏析、朝代、用户原创、挑战等功能模块。以下为几个主要模块简单介绍: 注册登录:提供给用户注册登录的页面,完成用户的注册登录功能。 个人中心:对个人信息进行更新。 用户原创:用户点击此页面可以查询用户原创信息。 挑战:用户点击挑战页面可以挑战操作。 系统管理:可以在轮播图、公告资讯、在线留言进行查询或修改等操作。 系统总体功能结构图如下所示:

在这里插入图片描述

四.数据设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合,存储在一起的这些数据也是按照一定的组织方式进行的。目前,数据库能够服务于多种应用程序,则是源于它存储方式最佳,具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务,但它与程序之间也可以保持较高的独立性。总而言之,数据库经历了很长一段时间的发展,从最初的不为人知,到现在的人尽皆知,其相关技术也越发成熟,同时也拥有着坚实的理论基础。本系统主要实体属性图如下所示:

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

五.部分效果展示 5.1移动端模块实现效果

首先双击打开移动端,连上网络之后会显示出本系统的登录界面,这是进入移动端的第初始页面“登录”,能成功进入到该登录界面则代表移动端开启是成功的,接下来就可以操作本系统所带有的其他所有的功能。如图所示。 在这里插入图片描述

移动端首页是用户注册登录后进入的第一个界面,用户可通过移动端端首页的最下面的那一行导航栏中的“首页、诗人简介、用户原创、挑战、我的”进入到相应的网页进行操作。移动端首页界面如图所示。 在这里插入图片描述 用户点击用户原创,在用户原创页面的搜索栏输入诗词分类,进行查询。还可以看到诗词名称、封面、诗词分类、用户账号、用户姓名、发布时间等信息,可根据需要进行收藏、评论操作,如图所示。 在这里插入图片描述 用户点击诗词挑战,在诗词挑战页面的搜索栏输入试卷名称,进行查询。还可以看到诗词挑战名称、挑战时长(分钟)等信息,可根据需要进行挑战操作,如图所示。 在这里插入图片描述 用户点击“我的”进入我的页面,在我的页面可以对用户原创、我的收藏管理、错题本、挑战记录等进行详细操作。如图所示。 在这里插入图片描述

5.2管理员模块实现效果

管理员登录,通过登录页面填写用户名和密码等信息,点击登录操作,如图所示。

在这里插入图片描述 管理员登录进入系统可以查看系统首页、个人中心、用户管理、诗词分类管理、诗人简介管理、诗词赏析管理、朝代管理、用户原创管理、诗词挑战管理、试题管理、系统管理、挑战管理等功能进行详细操作,如图所示。 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

六.部分功能代码 * 后端列表 */ @RequestMapping("/page") public R page(@RequestParam Map params,YonghuEntity yonghu, HttpServletRequest request){ EntityWrapper ew = new EntityWrapper(); PageUtils page = yonghuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yonghu), params), params)); return R.ok().put("data", page); } /** * 前端列表 */ @IgnoreAuth @RequestMapping("/list") public R list(@RequestParam Map params,YonghuEntity yonghu, HttpServletRequest request){ EntityWrapper ew = new EntityWrapper(); PageUtils page = yonghuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yonghu), params), params)); return R.ok().put("data", page); } /** * 列表 */ @RequestMapping("/lists") public R list( YonghuEntity yonghu){ EntityWrapper ew = new EntityWrapper(); ew.allEq(MPUtil.allEQMapPre( yonghu, "yonghu")); return R.ok().put("data", yonghuService.selectListView(ew)); } /** * 查询 */ @RequestMapping("/query") public R query(YonghuEntity yonghu){ EntityWrapper ew = new EntityWrapper(); ew.allEq(MPUtil.allEQMapPre( yonghu, "yonghu")); YonghuView yonghuView = yonghuService.selectView(ew); return R.ok("查询用户成功").put("data", yonghuView); } /** * 后端详情 */ @RequestMapping("/info/{id}") public R info(@PathVariable("id") Long id){ YonghuEntity yonghu = yonghuService.selectById(id); return R.ok().put("data", yonghu); } /** * 后端保存 */ @RequestMapping("/save") public R save(@RequestBody YonghuEntity yonghu, HttpServletRequest request){ yonghu.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(yonghu); YonghuEntity user = yonghuService.selectOne(new EntityWrapper().eq("yonghuming", yonghu.getYonghuming())); if(user!=null) { return R.error("用户已存在"); } yonghu.setId(new Date().getTime()); yonghuService.insert(yonghu); return R.ok(); } /** * 前端保存 */ @RequestMapping("/add") public R add(@RequestBody YonghuEntity yonghu, HttpServletRequest request){ yonghu.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(yonghu); YonghuEntity user = yonghuService.selectOne(new EntityWrapper().eq("yonghuming", yonghu.getYonghuming())); if(user!=null) { return R.error("用户已存在"); } yonghu.setId(new Date().getTime()); yonghuService.insert(yonghu); return R.ok(); } /** * 修改 */ @RequestMapping("/update") public R update(@RequestBody YonghuEntity yonghu, HttpServletRequest request){ //ValidatorUtils.validateEntity(yonghu); yonghuService.updateById(yonghu);//全部更新 return R.ok(); } /** * 删除 */ @RequestMapping("/delete") public R delete(@RequestBody Long[] ids){ yonghuService.deleteBatchIds(Arrays.asList(ids)); return R.ok(); } } 最后

最新计算机毕业设计选题篇-选题推荐(值得收藏) 计算机毕业设计精品项目案例-200套(值得订阅)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3