基于微信小程序的一周穿搭搭配平台-安卓APP【全套源码文档】

 博主介绍：👉全网个人号和企业号粉丝40W+,每年辅导几千名大学生较好的完成毕业设计，专注计算机软件领域的项目研发，不断的进行新技术的项目实战👈
⭐️热门专栏推荐订阅⭐️ 订阅收藏起来，防止下次找不到

🔎千套JAVA实战项目持续更新中~

🔎上千套小程序实战项目持续更新中~

🔎上千套Python实战项目持续更新中~
有需求的各位可以先收藏起来，还有大家在毕设选题，开题报告有疑惑的都可以找我，给你参考意见，需要开题模板的可以私信留言告诉我

❤️文末获取源码联系❤️        ⚠️一定要先收藏⚠️

4 系统设计

4.1系统功能结构设计图

本次系统所涉及到的有关的功能，都是用功能结构图来简洁和清晰的表示出来，功能结构图就是能够把比较复杂的功能结构用图的形式清晰的描绘下来，并且为后续的设计以及测试等模块提供了明确的方向，在构思功能结构图的时候，便可以给设计的过程带来一定的思维导向，不至于在设计过程中有所遗漏，可以尽可能的明确系统所涉及到的功能。系统的功能结构图如图4-1所示。

图 4-1系统功能结构图

4.2数据库设计

4.2.1数据库设计原则

学习程序设计，如果要了解数据库管理系统或者是根据需求而制定的系统接口，就必须创建一种数据库管理系统的模式，用来保存数据资料，这样当在应用编程过程中时候，就不需要再向操作系统页面上加载信息，进而增加了整个系统的工作效率。信息库管理系统中保存着许多数据，应该说是一个管理信息系统建设的中心和基础，而信息库管理系统也为管理信息系统建设提出了新增、删除、更改和搜索的操作功能，使管理信息系统建设能够迅速地查询所需要的数据，而不会直接从程序代码中查找。信息库管理系统通过将信息表的各个组成部分按照特定的方法准确地合并，排序和组成信息库管理系统。

4.2.2数据表设计

在关系数据E-R图中，分析并创建数据表，数据表用来记录信息，数据表关系由多个数据表组成，下面介绍的是数据表各个字段信息如下表所示。

表4-1：token表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
userid	bigint		用户id
username	varchar	100	用户名
tablename	varchar	100	表名
role	varchar	100	角色
token	varchar	200	密码
addtime	timestamp		新增时间		CURRENT_TIMESTAMP
expiratedtime	timestamp		过期时间		CURRENT_TIMESTAMP

表4-2：穿搭圈

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
chuandamingcheng	varchar	200	穿搭名称
changhe	varchar	200	场合
tianqi	varchar	200	天气
tupian	longtext	4294967295	图片
fenggeleixing	varchar	200	风格类型
kuanshi	varchar	200	款式
caizhi	varchar	200	材质
xiangqing	longtext	4294967295	详情
zhanghao	varchar	200	发布账号
clicktime	datetime		最近点击时间

表4-3：用户

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
zhanghao	varchar	200	账号
mima	varchar	200	密码
nicheng	varchar	200	昵称
nianling	int		年龄
chengshi	varchar	200	城市
xingbie	varchar	200	性别
chushengriqi	date		出生日期
xuexiao	varchar	200	学校
touxiang	longtext	4294967295	头像
gexingqianming	varchar	200	个性签名

表4-4：我的搭配

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
xingqi	varchar	200	星期
dapeimingcheng	varchar	200	搭配名称
fenggeleixing	varchar	200	风格类型
fuzhuangtupian	longtext	4294967295	服装图片
shiyongjijie	varchar	200	适用季节
dapeifengge	varchar	200	搭配风格
fuzhuangyanse	varchar	200	服装颜色
dapeixiangqing	longtext	4294967295	搭配详情
zhanghao	varchar	200	发布账号
userid	bigint		用户id

表4-5：用户表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
username	varchar	100	用户名
password	varchar	100	密码
role	varchar	100	角色		管理员
addtime	timestamp		新增时间		CURRENT_TIMESTAMP

表4-6：收藏表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		用户id
refid	bigint		商品id
tablename	varchar	200	表名
name	varchar	200	名称
picture	longtext	4294967295	图片
type	varchar	200	类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注)		1
inteltype	varchar	200	推荐类型
remark	varchar	200	备注

表4-7：时尚穿搭

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
introduction	longtext	4294967295	简介
picture	longtext	4294967295	图片
content	longtext	4294967295	内容

表4-8：风格类型

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
fenggeleixing	varchar	200	风格类型

表4-9：穿搭圈评论表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
refid	bigint		关联表id
userid	bigint		用户id
avatarurl	longtext	4294967295	头像
nickname	varchar	200	用户名
content	longtext	4294967295	评论内容
reply	longtext	4294967295	回复内容

表4-10：配置文件

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
name	varchar	100	配置参数名称
value	varchar	100	配置参数值

4.2.3数据库连接

在本系统的设计与开发中，数据库承担着重要的作用，可以说要是没有数据的存储和管理，而系统也不会执行对应的函数。数据库是基于数据结构而设计的，数据库管理员利用数据库管理系统对海量数据进行管理，而数据库的添加、删除、修改、查询等都是非常关键的一环。

在本系统中首先进行数据库的连接，具体的配置文件uimg_sql.py中进行数据库的连接，还有创建了本次数据库中所用到的表和相关的一些参数，这些操作和建立的实现是通过在java中编写完成的，有一些时间点的记录，一周穿搭信息是在数据库uchepai中完成的。

4.3本章小结

本章是系统开发的整体的一个系统设计，主要通过系统功能的设计，还有具体实现中需要考虑到的结构之间的关系，以及系统中每个功能执行的先后顺序等问题做出了详细的设计。

其次是对于数据库的具体实现的设计，首先是将数据库与开发系统相结合的特定数据库的连接问题，做出了数据库应该储存的一些数据，还有存储数据用到的一些表格的创建，以及表格里面内容的设计等工作。

5系统详细设计

5.1 APP端实现

5.1.1登录注册界面的实现

首先双击打开APP客户端系统，连上网络之后会显示出本系统的登录界面，这是进入APP的初始页面“登录”，能成功进入到该登录界面则代表APP的开启是成功的，接下来就可以操作本系统所带有的其他所有的功能。登录界面如图5-1所示。

图5-1 登录界面

第一次使用本APP的使用者，首先是要进行注册，点击“注册”，然后就会进入到注册的页面里面，将用户信息录入注册表，确认信息正确后，系统才会进入登录界面，用户登录成功后可使用本APP所提供的所有功能。注册界面如图5-2所示。

图5-2 注册界面

5.1.2 App首页功能的实现

App首页是用户注册登录后进入的第一个界面，在这里，人们能够看到App的导航条，内容包括首页，穿搭圈，我的搭配，天气，我的等。App首页界面如图5-3所示。

图5-3 App首页界面图

穿搭圈：在穿搭圈页面输入穿搭名称进行搜索，可以查看到穿搭圈详细信息，还可以进行评论或收藏操作。穿搭圈页面如图5-4所示。

图5-4穿搭圈详情界面图

5.1.3用户功能

用户登录成功后，点击“我的”进入我的页面，在我的页面可以对穿搭圈，我的收藏管理等进行详细操作。用户功能界面如图5-5所示。

图5-5用户功能界面图

5.2后台管理员模块实现

后台登录，在登录界面正确输入用户名和密码等信息进入操作系统进行操作，如图5-6所示。

图5-6后台登录界面图

管理员登录进入APP可以查看到系统首页，个人中心，用户管理，风格类型管理，穿搭圈管理，我的搭配管理，系统管理等功能进行详细操作，如图5-7所示。

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

代码实现

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.MD5Util;
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();
    }
}

源码获取

大家点赞、收藏、关注 ，让更多需要的同学看到

不同开发语言专栏推荐订阅：

 🔎千套JAVA实战项目持续更新中~

🔎上千套小程序实战项目持续更新中~

 🔎上千套Python实战项目持续更新中~

👇下方有我的微信名片👇