基于java+ssm+vue的畅阅读微信小程序

最新推荐文章于 2024-09-25 10:59:43 发布

qq_3306428634

最新推荐文章于 2024-09-25 10:59:43 发布

阅读量91

点赞数

分类专栏：微信小程序文章标签： java ssm vue mysql 微信小程序

本文链接：https://blog.csdn.net/qq_3306428634/article/details/132254957

版权

微信小程序专栏收录该内容

186 篇文章 3 订阅

订阅专栏

项目介绍

随着社会的发展，社会的方方面面都在利用信息化时代的优势。互联网的优势和普及使得各种系统的开发成为必需。

本文以实际运用为开发背景，运用软件工程原理和开发方法，它主要是采用java语言技术和mysql数据库来完成对系统的设计。整个开发过程首先对畅阅读微信小程序进行需求分析，得出畅阅读微信小程序主要功能。接着对畅阅读微信小程序进行总体设计和详细设计。总体设计主要包括小程序功能设计、小程序总体结构设计、小程序数据结构设计和小程序安全设计等；详细设计主要包括畅阅读微信小程序数据库访问的实现，主要功能模块的具体实现，模块实现关键代码等。最后对畅阅读微信小程序进行了功能测试，并对测试结果进行了分析总结，得出畅阅读微信小程序存在的不足及需要改进的地方，为以后的畅阅读微信小程序维护提供了方便，同时也为今后开发类似畅阅读微信小程序提供了借鉴和帮助。

畅阅读微信小程序开发使系统能够更加方便快捷，同时也促使畅阅读微信小程序变的更加系统化、有序化。系统界面较友好，易于操作。
在这里插入图片描述

开发环境

编程语言：Java
数据库：Mysql
系统架构：B/S
后端框架：SSM
编译工具：idea或者eclipse，微信开发者工具，jdk1.8，maven
支持定做：java/php/python/android/小程序vue/爬虫/c#/asp.net

系统实现

5.1用户前台功能模块（前端）
畅阅读微信小程序登录界面，通过填写账号、密码、登录用户类型等信息进行登录，如图5-1所示。
在这里插入图片描述

图5-1登录界面图

用户注册，通过填写用户名、密码、姓名、性别、身份证、手机等信息，输入完成后选择提交即可注册成功，如图5-2所示。
在这里插入图片描述

图5-2用户注册界面图

用户登录进入首页，可以进行首页、书城、书架、我的等功能模块的查看与操作，如图5-3所示。
在这里插入图片描述

图5-3系统首页界面图

书城，在书城页面可以查看书籍名称、分类、字数、章节、封面、作者、价格、上架日期、是否完结、内容1、内容2、内容3等信息，进行购买，加入书架，如图5-4所示。
在这里插入图片描述

图5-4书城界面图

我的，在我的页面可以查看充值信息、扣费信息、书城、购买章节、章节信息、留言板等详细信息，如图5-5所示。
在这里插入图片描述

图5-5我的界面图

留言板，在留言板页面通过填写留言内容并进行添加留言，如图5-6所示。
在这里插入图片描述

图5-6留言板界面图

5.2管理员功能模块（后端）

管理员通过填写用户名、密码、角色进行登录如图5-7所示。
在这里插入图片描述

图5-7管理员登录界面图

在管理员功能页面可以查看首页、个人中心、用户管理、分类管理、充值信息管理、扣费信息管理、书城管理、购买章节管理、章节信息管理、书架管理、留言板管理、系统管理等内容进行相对应操作，如图5-8所示。
在这里插入图片描述

图5-8管理员功能界面图

用户管理，在用户列表可以查看用户名、密码、姓名、性别、头像、身份证、手机等内容，并可根据需要进行修改或删除等详细操作，如图5-9所示。
在这里插入图片描述

图5-9用户管理界面图

分类管理，在分类列表可以查看分类等内容，并可根据需要进行修改或删除等详细操作，如图5-10所示。
在这里插入图片描述

图5-10分类管理界面图

充值信息管理，在充值信息列表可以查看用户名、姓名、金额、日期、是否支付等信息，并可根据需要进行修改或删除等详细操作，如图5-11所示。
在这里插入图片描述

图5-11充值信息管理界面图

扣费信息管理，在扣费信息列表可以查看用户名、姓名、金额、备注、日期等内容，并可根据需要进行修改或删除等详细操作，如图5-12所示。
在这里插入图片描述

图5-12扣费信息管理界面图

书城管理，在书城列表可以查看书籍名称、分类、封面、字数、章节、内容1、内容2、内容3、作者、价格、上架日期、是否完结等内容，并可根据需要进行修改或删除等详细操作，如图5-13所示。
在这里插入图片描述

图5-13书城管理界面图

购买章节管理，在购买章节列表可以查看书籍名称、分类、封面、价格、购买日期、用户名、姓名、是否支付等内容，并可根据需要进行发货，修改或删除等详细操作，如图5-14所示。
在这里插入图片描述

图5-14购买章节管理界面图

章节信息管理，在章节信息列表可以查看书籍名称、分类、用户名、姓名、文件、发货日期等内容，并可根据需要进行修改或删除等详细操作，如图5-15所示。
在这里插入图片描述

图5-15章节信息管理界面图

书架管理，在书架列表可以查看书籍名称、分类、字数、章节、用户名、封面等内容，并可根据需要进行修改或删除等详细操作，如图5-16所示。
在这里插入图片描述

图5-16书架管理界面图

留言板管理，在留言板列表可以查看用户名、留言内容、回复内容等内容，并可根据需要进行回复，删除等详细操作，如图5-17所示。
在这里插入图片描述

图5-17留言板管理界面图

系统管理，在轮播图列表可以查看名称、值等内容，并可根据需要进行修改或删除等详细操作，如图5-18所示。
在这里插入图片描述

图5-18系统管理界面图

核心代码

package com.controller;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;

import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PathVariable;
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.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;

import com.entity.ShujiaEntity;
import com.entity.view.ShujiaView;

import com.service.ShujiaService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MPUtil;
import com.utils.CommonUtil;


/**
 * 书架
 * 后端接口
 * @author 
 * @email 
 * @date 
 */
@RestController
@RequestMapping("ujia")
public class ShujiaController {
    @Autowired
    private ShujiaService shujiaService;
    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,ShujiaEntity shujia, HttpServletRequest request){

		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			shujia.setYonghuming((String)request.getSession().getAttribute("username"));
		}
        EntityWrapper<ShujiaEntity> ew = new EntityWrapper<ShujiaEntity>();
		PageUtils page = shujiaService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shujia), params), params));
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
    @RequestMapping("st")
    public R list(@RequestParam Map<String, Object> params,ShujiaEntity shujia, HttpServletRequest request){

		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			shujia.setYonghuming((String)request.getSession().getAttribute("username"));
		}
        EntityWrapper<ShujiaEntity> ew = new EntityWrapper<ShujiaEntity>();
		PageUtils page = shujiaService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shujia), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("sts")
    public R list( ShujiaEntity shujia){
       	EntityWrapper<ShujiaEntity> ew = new EntityWrapper<ShujiaEntity>();
      	ew.allEq(MPUtil.allEQMapPre( shujia, "shujia")); 
        return R.ok().put("data", shujiaService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(ShujiaEntity shujia){
        EntityWrapper< ShujiaEntity> ew = new EntityWrapper< ShujiaEntity>();
 		ew.allEq(MPUtil.allEQMapPre( shujia, "shujia")); 
		ShujiaView shujiaView =  shujiaService.selectView(ew);
		return R.ok("查询书架成功").put("data", shujiaView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        ShujiaEntity shujia = shujiaService.selectById(id);
        return R.ok().put("data", shujia);
    }

    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") String id){
        ShujiaEntity shujia = shujiaService.selectById(id);
        return R.ok().put("data", shujia);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("ve")
    public R save(@RequestBody ShujiaEntity shujia, HttpServletRequest request){
    	shujia.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(shujia);

        shujiaService.insert(shujia);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody ShujiaEntity shujia, HttpServletRequest request){
    	shujia.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(shujia);
    	shujia.setUserid((Long)request.getSession().getAttribute("userId"));

        shujiaService.insert(shujia);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody ShujiaEntity shujia, HttpServletRequest request){
        //ValidatorUtils.validateEntity(shujia);
        shujiaService.updateById(shujia);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        shujiaService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
	@RequestMapping("/remind/{columnName}/{type}")
	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
		map.put("column", columnName);
		map.put("type", type);
		
		if(type.equals("2")) {
			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
			Calendar c = Calendar.getInstance();
			Date remindStartDate = null;
			Date remindEndDate = null;
			if(map.get("remindstart")!=null) {
				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
				c.setTime(new Date()); 
				c.add(Calendar.DAY_OF_MONTH,remindStart);
				remindStartDate = c.getTime();
				map.put("remindstart", sdf.format(remindStartDate));
			}
			if(map.get("remindend")!=null) {
				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
				c.setTime(new Date());
				c.add(Calendar.DAY_OF_MONTH,remindEnd);
				remindEndDate = c.getTime();
				map.put("remindend", sdf.format(remindEndDate));
			}
		}
		
		Wrapper<ShujiaEntity> wrapper = new EntityWrapper<ShujiaEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}

		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			wrapper.eq("yonghuming", (String)request.getSession().getAttribute("username"));
		}

		int count = shujiaService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	


}

论文参考

在这里插入图片描述

目录
畅阅读微信小程序 I
摘要 I
Read WeChat applet 2
Abstract 2
1 系统概述 5
1.1 概述 5
1.2课题意义 5
1.3 主要内容 5
2 系统开发环境 6
2.1微信开发者工具 6
2.2小程序框架以及目录结构介绍 6
2.3 JAVA简介 6
2.4 MySQL数据库 7
2.5 SSM三大框架 8
3 需求分析 1
3.1 系统设计目标 1
3.2需求分析概述 1
3.3 系统可行性分析 2
3.4经济可行性 3
3.5操作可行性： 3
3.6系统流程和逻辑 3
4系统概要设计 7
4.1 概述 7
4.2 系统结构 7
4.3. 数据库设计 8
4.3.1 数据库实体 8
4.3.2 数据库设计表 10
5系统详细设计 16
5.1用户前台功能模块（前端） 16
5.2管理员功能模块（后端） 20
6 系统测试 26
6.1 测试理论 26
6.2 测试方法及用例 26
6.3测试结果 28
结论 29
致　谢 30
参考文献 31