基于微信小程序的宠物寄养平台的设计与实现(ssm论文源码调试讲解)

第3章 系统设计

3.1系统功能结构设计

一个好的设计不止是功能完整,操作流畅,还要符合用户的审美和界面的友好。在进入正式系统实施前,不可缺少的步骤为系统的总体结构设计,本系统为实用性的系统,所以开发的功能都是针对宠物寄养信息相关的。本系统的结构可以分为管理员界面和用户功能界面。在管理员界面主要展示的是用户和宠物寄养相关的信息,在用户界面展示的主要是查看信息、在线寄养和寄养管理。本系统的总体结构图如下图3.1所示:

图3.1基于微信小程序的宠物寄养平台的功能结构图

3.2数据库设计

3.2.1数据库概念结构设计

数据库的概念结构设计就是需要在系统分析的过程中分析开发本系统是要做什么,然后设计出大的框架,根据大的框架把系统进行转换成怎么做的物理模型。然后再进行设计。

在所有的系统设计中数据库的设计占有举足轻重的地位,选择合适的数据库软件进行设计非常重要。因为本系统的功能非常有针对性,没有进行扩展,所以本系统采用小型轻便的MySQL软件进行设计。数据库的安全保障着系统里数据的安全,本系统的主要数据为用户信息、宠物寄养信息、公告信息以及评论、寄养环境信息等。本系统的ER关系图如下图3.2所示:

图3.2实体关系ER图

(1)管理员的属性包括编号、用户名和密码,管理员的ER图如下图3.3所示:

图3.3管理员信息ER图

(2)用户信息管理为本系统的核心功能,主要包含用户的各种信息的记录,详细的用户信息ER图如下图3.4所示:

图3.4用户信息ER图

(3)宠物寄养信息的ER图如下图3.5所示:

图3.5宠物寄养信息ER图

(4)公告信息的属性包括编号、标题和发布时间等,公告信息ER图如下图3.6所示:

图3.6公告信息ER图

(5)评论信息ER图如下图3.7所示:

图3.7评论信息ER图

3.2.2数据库表设计

本系统的数据库表有管理员信息表、宠物信息表、寄养环境信息表等。数据库表如下表3.1-3.10所示:

表3.1 chongwujiyang

序号列名数据类型长度小数位标识主键外键允许空默认值说明1idbigint20是是否auto_increment2addtimetimestamp否CURRENT_TIMESTAMP3jiyangdanhaovarchar200是4chongwumingchengvarchar200是5chongwuzhongleivarchar200是6chongwuxingbievarchar200是7shifoujueyuvarchar200是8chongwunianlingvarchar200是9kaishishijiandate是10jiyangshizhangint11是11tuoguanfeiyongfloat是12zongfeiyongfloat是13chongzhuxingmingvarchar200是14chongzhuzhanghaovarchar200是15yuyueshijiandatetime是16jiyangyuanyinlongtext是17beizhulongtext是18ispayvarchar200是未支付

表3.2 chongwuzhonglei

序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id bigint 20 auto_increment
2 addtime timestamp CURRENT_TIMESTAMP
3 chongwuzhonglei varchar 200

表3.3 chongzhu

序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id bigint 20 auto_increment
2 addtime timestamp CURRENT_TIMESTAMP
3 chongzhuzhanghao varchar 200
4 chongzhuxingming varchar 200
5 mima varchar 200
6 xingbie varchar 200
7 touxiang varchar 200
8 lianxidianhua varchar 200

表3.4 config

序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id bigint 20 auto_increment
2 name varchar 100
3 value varchar 100

表3.5 discussjiyanghuanjing

序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id bigint 20 auto_increment
2 addtime timestamp CURRENT_TIMESTAMP
3 refid bigint 20
4 userid bigint 20
5 nickname varchar 200
6 content longtext
7 reply longtext

表3.6 jiyanghuanjing

序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id bigint 20 auto_increment
2 addtime timestamp CURRENT_TIMESTAMP
3 quyumingcheng varchar 200
4 tuoguanfeiyong varchar 200
5 xiaoducishu varchar 200
6 mianji varchar 200
7 huanjing varchar 200
8 xiangqing longtext

表3.7 news

序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id bigint 20 auto_increment
2 addtime timestamp CURRENT_TIMESTAMP
3 title varchar 200
4 introduction longtext
5 picture varchar 200
6 content longtext

表3.8 storeup

序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id bigint 20 auto_increment
2 addtime timestamp CURRENT_TIMESTAMP
3 userid bigint 20
4 refid bigint 20
5 tablename varchar 200
6 name varchar 200
7 picture varchar 200
8 type varchar 200 1
9 inteltype varchar 200

表3.9 token

序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id bigint 20 auto_increment
2 userid bigint 20
3 username varchar 100
4 tablename varchar 100
5 role varchar 100
6 token varchar 200
7 addtime timestamp CURRENT_TIMESTAMP
8 expiratedtime timestamp CURRENT_TIMESTAMP

表3.10 users

序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id bigint 20 auto_increment
2 username varchar 100
3 password varchar 100
4 role varchar 100 管理员
5 addtime timestamp CURRENT_TIMESTAMP

3.3界面设计

3.3.1界面设计原则

系统的界面设计至关重要。良好的界面可以给人好的感受和良好的操作体验。在系统界面设计时需要遵守的原则为:

  1. 不同的身份使用的功能不同,所以要设计不同的登录界面以便来区分不同的身份。在设计界面时首先要考虑好身份的区别和不同身份的界面功能,根据不同的身份来设计不同的操作界面;

  2. 要采用尽可能减少手动输入的方式进行设计。对于某些信息如果可以减少输入就都自动生成,这样也可以减少用户手动输入时的错误;

  3. 设置大量的帮助词和提示词来指导用户的操作,减少用户的记忆。

3.3.2数据输入界面设计

为了减少用户手动输入的次数,增加系统的容忍有力,在数据输入界面设计时就要注意以下几点:

  1. 对于多种字段需要输入里可以采用列表框。比如在输入宠物类型,寄养时间时,可以选择信息进行填写。对于需要大量文字描述的特定信息时可以选择特定缩写、数字等来代替;

  2. 对于同一类型的信息在输入时可以采用统一的界面风格,可以培养用户的输入习惯。对于特定信息在输入时可以设定好数据类型,比如在输入手机号时只能输入数字,在输入数量时,只能输入数字。

第4章 系统详细设计与实现

4.1登录功能模块

4.1.1登录功能模块概述

登录功能包括用户登录和管理员登录,在登录界面设计中包括用户名和密码、角色的检验。用户名和密码、角色的检验过程由数据库自动完成,此过程需要1秒左右。首先由用户填写账号和密码,选择角色,然后点击登录系统,数据库自行对用户名和密码进行对比,所填写数据正确方能进行登录,所填写数据错误则需要返回登录界面重新登录。用户登录界面的设计运行界面效果如下图4.1所示:

图4.1系统用户登录界面效果

4.1.2登录功能模块流程图

用户登录功能,本系统的流程为先进行登录,在登录中需要输入账号和密码并选择相对应的身份才可以登录成功,管理员登录后的功能主要为管理,用户登录后的功能主要为在线寄养。用户登录流程图如下图4.2所示:

图4.2用户登录流程图

4.2 宠物寄养管理功能模块

4.2.1在线寄养功能模块概述

用户可以在线寄养,首先需要选择寄养环境然后填写寄养信息、支付费用完成寄养。用户填写寄养信息功能的实现界面如下图4.3所示:

图4.3填写寄养明细界面

用户管理寄养信息的实现界面如下图4.4所示:

图4.4用户管理寄养信息的实现界面

4.2.2用户在线寄养功能的流程图

用户在线寄养的流程为先进行登录,然后输入寄养信息进行发布。用户发布寄养信息功能的流程如下图4.5所示:

图4.5用户发布寄养信息流程图

4.3用户注册功能模块

4.3.1用户注册功能模块概述

用户注册可以实现拥有账号和密码。用户注册功能界面的运行效果界面如下图4.6所示:

图4.6用户注册功能界面的运行效果

4.4首页功能模块

4.4.1首页功能模块概述

首页可以看到所有的公告信息和寄养的环境信息。首页功能的实现界面如下图4.7所示:

图4.7首页功能界面实现

4.5我的界面模块

我的界面主要的功能就是对寄养信息、收藏信息进行管理。我的功能实现界面如下图4.8所示:

图4.8我的功能实现界面

4.6管理员中心界面模块

管理员主要的功能为宠主管理、系统管理、宠物种类管理、寄养环境管理和宠物寄养管理等。实现界面如下图4.9所示:

图4.9管理员中心实现界面

相关推荐
喜欢踢足球的老罗1 分钟前
在Spring Boot 3.3中使用Druid数据源及其监控功能
java·spring boot·后端·druid
Winn~18 分钟前
JVM垃圾回收器-ZGC
java·jvm·算法
大熊猫侯佩19 分钟前
由一个 SwiftData “诡异”运行时崩溃而引发的钩深索隐(三)
数据库·swiftui·swift
大熊猫侯佩19 分钟前
由一个 SwiftData “诡异”运行时崩溃而引发的钩深索隐(二)
数据库·swiftui·swift
大熊猫侯佩24 分钟前
用异步序列优雅的监听 SwiftData 2.0 中历史追踪记录(History Trace)的变化
数据库·swiftui·swift
bytebeats25 分钟前
深入探索 Java 21 的核心特性
java
大熊猫侯佩27 分钟前
由一个 SwiftData “诡异”运行时崩溃而引发的钩深索隐(一)
数据库·swiftui·swift
Ares-Wang31 分钟前
负载均衡LB》》HAproxy
运维·数据库·负载均衡
程序员小假38 分钟前
说一说 SpringBoot 中 CommandLineRunner
java·后端
AI.NET 极客圈43 分钟前
.NET 原生驾驭 AI 新基建实战系列(四):Qdrant ── 实时高效的向量搜索利器
数据库·人工智能·.net