基于Spring Boot+Vue+UNIAPP的传统戏曲推广微信小程序
🍅 作者主页：Selina .a
🍅 简介：Java领域优质创作者🏆、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作。
主要内容：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。
🍅文末获取源码联系🍅
目录
课题的提出
随着社会的快速发展，计算机的影响是全面而深刻的。在生活中，大家也不断提高了对微信小程序的要求，戏曲作品的信息数量也在与日俱增，这使传统戏曲推广微信小程序的问世成为了一件十分紧迫的事情[1]。
传统戏曲推广微信小程序主要通过计算机网络，对传统戏曲推广信息进行统一管理，方便管理员随时随地进行增添、修改、查询、删除各类信息，也方便用户查询 戏曲百科、戏曲作品等。本微信小程序极大的促进了系统与数据库管理系统软件之间的配合，满足了绝大部分用户的需求，给用户带来了很大的便利。以现在计算机的技术的应用，使计算机成为人们使用现代发达技术的桥梁。计算机可以有效的解决信息，十分方便的获取信息，从而提高工作的效率[2]。
全球经济在快速的发展，中国更是进步飞速，这使得国内的互联网技术进入了发展的高峰时期，这让中外资本不断转向互联网这个大市场。在这个信息高度发达的现在，利用网络进行信息管理改革已经成为了人们追捧的一种趋势。“传统戏曲推广微信小程序”是运用Java语言和Spring Boot框架，以Mysql数据库为基础而发出来的。为保证我国经济的持续性发展，必须要让互联网信息时代在我国日益壮大，蓬勃发展。伴随着信息社会的飞速发展，微信小程序的传统戏曲推广管理所面临的问题也一个接一个的出现，所以现在最该解决的问题就是信息的实时查询和访问需求的问题，以及如何利用快捷便利的方式让访问者在广大信息系统中进行查询、分享、储存和管理。这对我们的现实生活中具有非常重要的意义，所以传统戏曲推广微信小程序诞生了[3]。
数据库设计
数据库设计之后，根据数据库关系，可以更加清晰地了解到数据库结构，每一个数据表之间的关系，再创建数据表。快速更改和查询对应的信息，有了数据库就不用在程序和代码中寻找。
分析传统戏曲推广微信小程序的数据结构后，在E-R图中分析管理员登录时的模式，需要输入用户名与密码，角色，管理员信息E-R如图4-4所示。
用户信息E-R图如图4-5所示。
戏曲百科E-R图如图4-6所示。
系统功能设计
当游客打开微信小程序的网址后，首先看到的就是微信小程序首页界面。在这里，游客能够看到传统戏曲推广微信小程序的低部导航条显示首页、戏曲百科、戏曲作品、我的等，如图5-1所示。
当用户进入微信小程序进行相关操作前必须先注册登录，在注册页面填写用户账号、密码、确认密码、用户姓名、头像、性别、手机号码等信息，然后点击注册，如图5-2所示。
用户登录，用户在登录页面通过填写账号、密码，完成登录，如图5-3所示。
用户点击戏曲百科，在戏曲百科页面的搜索栏输入戏曲名称，进行搜索，然后可以查看戏曲名称、封面、戏曲种类、视频介绍、发布时间等信息，如有需要可以进行收藏等操作，如图5-4所示。
用户点击戏曲作品，在戏曲作品页面的搜索栏输入作品名称，进行搜索，然后可以查看作品名称、图片、戏曲种类、戏曲音频、戏曲视频、上传时间、发布人、用户账号等信息，进行收藏或者评论操作、如图5-5所示。
用户点击我的页面，在我的页面可以对戏曲作品、我的收藏管理，进行详细操作，如图5-6所示。
后台管理员登录，在登录页面选择需要登录的角色，在正确输入用户名和密码，点击登录操作；如图5-7所示。
管理员进入主页面，主要功能包括对系统首页、个人中心、用户管理、戏曲种类管理、戏曲百科管理、戏曲作品管理、系统管理等进行操作。管理员主页面如图5-8所示：
管理员点击用户管理：在用户管理页面，可以对用户账号、用户姓名、头像、性别、手机号码等信息，进行查询、新增或者删除用户信息等操作，如图5-9所示：
管理员点击戏曲种类管理：在戏曲种类管理页面，可以对戏曲种类等信息，进行查询、新增或者删除戏曲种类等操作，如图5-10所示：
管理员点击戏曲百科管理：在戏曲百科管理页面，可以对戏曲名称、封面、戏曲种类、视频介绍、发布时间等信息，进行查询、新增或者删除戏曲百科管理等操作，如图5-11所示：
管理员点击戏曲作品管理：在戏曲作品管理页面，可以对作品名称、图片、戏曲种类、戏曲音频、戏曲视频、上传时间、发布人、用户账号、审核回复、审核状态、审核等信息，进行查询或者删除戏曲作品等操作，如图5-12所示：
管理员点击系统管理：在系统管理页面，可以对轮播图管理等详细操作，如图5-13所示：
后台用户服务端登录，在登录页面选择需要登录的角色，在正确输入用户名和密码，点击登录操作；如图5-14所示。
用户服务端进入主页面，主要功能包括对系统首页、个人中心、戏曲作品管理、我的收藏管理等进行操作。用户服务端主页面如图5-15所示：
用户服务端点击戏曲作品管理：在戏曲作品管理页面，可以对作品名称、图片、戏曲种类、戏曲音频、戏曲视频、上传时间、发布人、用户账号、审核回复、审核状态、审核等信息，进行查询、新增或者删除戏曲作品等操作，如图5-16所示：
关键代码
package com.controller;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UserEntity;
import com.service.TokenService;
import com.service.UserService;
import com.utils.CommonUtil;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;
/**
* 登录相关
*/
@RequestMapping("users")
@RestController
public class UserController{
@Autowired
private UserService userService;
@Autowired
private TokenService tokenService;
/**
* 登录
*/
@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
if(user==null || !user.getPassword().equals(password)) {
return R.error("账号或密码不正确");
}
String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
return R.ok().put("token", token);
}
/**
* 注册
*/
@IgnoreAuth
@PostMapping(value = "/register")
public R register(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
userService.insert(user);
return R.ok();
}
/**
* 退出
*/
@GetMapping(value = "logout")
public R logout(HttpServletRequest request) {
request.getSession().invalidate();
return R.ok("退出成功");
}
/**
* 密码重置
*/
@IgnoreAuth
@RequestMapping(value = "/resetPass")
public R resetPass(String username, HttpServletRequest request){
UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
if(user==null) {
return R.error("账号不存在");
}
user.setPassword("123456");
userService.update(user,null);
return R.ok("密码已重置为：123456");
}
/**
* 列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,UserEntity user){
EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
return R.ok().put("data", page);
}
/**
* 列表
*/
@RequestMapping("/list")
public R list( UserEntity user){
EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
ew.allEq(MPUtil.allEQMapPre( user, "user"));
return R.ok().put("data", userService.selectListView(ew));
}
/**
* 信息
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") String id){
UserEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 获取用户的session用户信息
*/
@RequestMapping("/session")
public R getCurrUser(HttpServletRequest request){
Long id = (Long)request.getSession().getAttribute("userId");
UserEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 保存
*/
@PostMapping("/save")
public R save(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
userService.insert(user);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
return R.error("用户名已存在。");
}
userService.updateById(user);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
userService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
}
专栏推荐
Spring Boot+Vue+CSS+JavaScript+HTML等技术项目专栏推荐
推荐项目
基于Node.js+Vue+MySQL的小型企业工资管理系统
基于Spring Boot+Android+MySQL的记录生活管理系统
源码获取
大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻
助力广东及东莞地区开发者，代码托管、在线学习与竞赛、技术交流与分享、资源共享、职业发展，成为松山湖开发者首选的工作与学习平台
更多推荐
58
0- 0
已为社区贡献1条内容
所有评论(0)