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

本文介绍了基于JavaSpringBoot和MySQL的移动端诗词学习系统设计,包括用户注册登录、功能模块(如用户原创、诗词赏析、挑战)、数据设计以及管理员管理功能。系统采用前后端分离,确保兼容性和稳定性,为用户提供丰富的学习体验。
摘要由CSDN通过智能技术生成

💗博主介绍:✌全网粉丝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<String, Object> params,YonghuEntity yonghu, 
		HttpServletRequest request){

        EntityWrapper<YonghuEntity> ew = new EntityWrapper<YonghuEntity>();
		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<String, Object> params,YonghuEntity yonghu, 
		HttpServletRequest request){
        EntityWrapper<YonghuEntity> ew = new EntityWrapper<YonghuEntity>();
		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<YonghuEntity> ew = new EntityWrapper<YonghuEntity>();
      	ew.allEq(MPUtil.allEQMapPre( yonghu, "yonghu")); 
        return R.ok().put("data", yonghuService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(YonghuEntity yonghu){
        EntityWrapper< YonghuEntity> ew = new EntityWrapper< YonghuEntity>();
 		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<YonghuEntity>().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<YonghuEntity>().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套(值得订阅)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一点毕设

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值