案例029:基于微信小程序的阅读网站设计与实现

文末获取源码

开发语言:Java

框架:SSM

JDK版本:JDK1.8

数据库:mysql 5.7

开发软件:eclipse/myeclipse/idea

Maven包:Maven3.5.4

小程序框架:uniapp

小程序开发软件:HBuilder X

小程序运行软件:微信开发者

目录

前言

系统展示

管理员功能实现

书城管理

图书订单管理

章节信息管理

留言板管理

阅读资讯管理

用户功能实现

图书信息

图书订单

我的收藏管理

留言板

代码实现

登录功能实现代码

注册功能实现代码

密码重置功能实现代码

修改信息功能实现代码

删除信息功能实现代码

保存信息功能实现代码


前言

由于APP软件在开发以及运营上面所需成本较高,而用户手机需要安装各种APP软件,因此占用用户过多的手机存储空间,导致用户手机运行缓慢,体验度比较差,进而导致用户会卸载非必要的APP,倒逼管理者必须改变运营策略。随着微信小程序的出现,解决了用户非独立APP不可访问内容的痛点,所以很多APP软件都转向微信小程序。本次课题就运用了微信小程序技术开发一个微信阅读网站小程序。

微信阅读网站小程序借助微信开发者工具开发用户前端,使用SSM框架和Java语言开发管理员后台,使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务,其管理员管理书城,图书订单,图书章节,回复用户留言,管理用户以及阅读资讯。用户购买并支付图书订单,查看图书章节,发布留言,管理图书收藏信息。

总之,微信阅读网站小程序可以更加方便用户购买图书章节,在线阅读图书各个章节内容。


系统展示

管理员功能实现

书城管理

管理员进入指定功能操作区之后可以管理书籍信息。其页面见下图。管理员增删改查书籍信息,查看书籍章节是否已完结。

图书订单管理

管理员进入指定功能操作区之后可以管理图书订单。其页面见下图。管理员审核订单,查看订单是否支付,为购买图书的用户推送对应的章节。

章节信息管理

管理员进入指定功能操作区之后可以管理章节信息。其页面见下图。管理员维护章节信息,可以修改,删除信息。

留言板管理

管理员进入指定功能操作区之后可以管理留言。其页面见下图。管理员能回复用户留言。

阅读资讯管理

管理员进入指定功能操作区之后可以管理阅读资讯。其页面见下图。管理员增删改查阅读资讯。

用户功能实现

图书信息

用户进入指定功能操作区之后可以查看图书介绍。其页面见下图。用户查看图书章节数,作者,价格,图书简介等资料,可以点击红色五角星收藏图书,也能购买图书。

图书订单

用户进入指定功能操作区之后可以管理图书订单。其页面见下图。用户搜索图书订单,点击图书的封面图片可以支付尚未支付的订单,也能删除订单。

我的收藏管理

用户进入指定功能操作区之后可以管理收藏的图书。其页面见下图。用户删除收藏的图书,搜索收藏的图书。

留言板

用户进入指定功能操作区之后可以使用留言板留言。其页面见下图。用户添加留言,在本页面查看回复信息。


代码实现

登录功能实现代码

java 复制代码
@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);
	}

注册功能实现代码

java 复制代码
@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();
    }

密码重置功能实现代码

java 复制代码
@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");
    }

修改信息功能实现代码

java 复制代码
 @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();
    }

删除信息功能实现代码

java 复制代码
@RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }

保存信息功能实现代码

java 复制代码
@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();
    }
相关推荐
新子-存在了几秒前
linux中 mysql备份
linux·运维·mysql
说私域1 小时前
无人零售及开源 AI 智能名片 S2B2C 商城小程序的深度剖析
人工智能·小程序·零售
罗狮粉 991 小时前
docker部署微信小程序自动构建发布和更新
docker·微信小程序·notepad++
vvw&1 小时前
如何在 Ubuntu 22.04 上安装 phpMyAdmin
linux·运维·服务器·mysql·ubuntu·php·phpmyadmin
奥顺互联V2 小时前
深入理解 ThinkPHP:框架结构与核心概念详解
大数据·mysql·开源·php
mosen8683 小时前
uniapp中uni.scss如何引入页面内或生效
前端·uni-app·scss
lyz2468593 小时前
uniapp popup弹窗组件的自定义使用方法
uni-app
沙尘暴炒饭3 小时前
uniapp 前端解决精度丢失的问题 (后端返回分布式id)
前端·uni-app
牛牛科技3 小时前
生产管理系统PHP+Uniapp源码
uni-app
Smile_ping3 小时前
uniapp——APP读取bin文件,解析文件的数据内容(一)
uni-app·uniapp 读取文件·app端读取bin文件