准妈妈孕期交流平台 - 系统全面介绍文档
一、系统概述
1.1 系统名称
准妈妈孕期交流平台
1.2 系统版本
v1.0.0
1.3 系统简介
准妈妈孕期交流平台是一个专为孕期女性设计的综合性交流与信息分享平台。系统旨在为准妈妈们提供一个安全、便捷的交流空间,分享孕期经验、获取专业知识、交流育儿心得,促进准妈妈之间的互动与互助。
1.4 系统定位
目标用户:孕期女性、准爸爸、育儿专家
核心价值:提供孕期知识分享、经验交流、好物推荐等一站式服务
应用场景:孕期知识学习、待产经验分享、圈子交流互动、专家咨询
二、技术架构
2.1 整体架构
┌─────────────────────────────────────────────────────────────┐│ 前端展示层 ││ Vue 2 + Element UI + Vue Router │└─────────────────────────────────────┬───────────────────────┘ │ HTTP/JSON┌─────────────────────────────────────▼───────────────────────┐│ 后端服务层 ││ Spring Boot + MyBatis Plus + Shiro │└─────────────────────────────────────┬───────────────────────┘ │ JDBC┌─────────────────────────────────────▼───────────────────────┐│ 数据持久层 ││ MySQL 5.7+ │└─────────────────────────────────────────────────────────────┘2.2 技术栈详情
层次 | 技术 | 版本 | 说明 |
|---|---|---|---|
前端框架 | Vue.js | 2.6.10 | 渐进式JavaScript框架 |
前端UI | Element UI | 2.13.0 | 基于Vue的组件库 |
路由管理 | Vue Router | 3.1.5 | Vue官方路由管理器 |
HTTP客户端 | Axios | 0.19.2 | 基于Promise的HTTP客户端 |
构建工具 | Vue CLI | 4.1.0 | Vue项目脚手架工具 |
后端框架 | Spring Boot | 2.2.2 | 社区版Java框架 |
ORM框架 | MyBatis Plus | 2.3 | MyBatis增强工具 |
安全框架 | Apache Shiro | 1.3.2 | Java安全框架 |
数据库 | MySQL | 5.7+ | 关系型数据库 |
JSON处理 | FastJSON | 1.2.8 | JSON解析库 |
工具库 | Hutool | 4.0.12 | Java工具库 |
2.3 项目结构
后端项目结构
springboottof36/├── src/main/java/com/│ ├── controller/ # 控制器层(13个Controller)│ ├── service/ # 服务层(13个Service接口+实现)│ ├── dao/ # 数据访问层(13个Mapper接口)│ ├── entity/ # 实体类(12个实体+VO/Model/View)│ ├── config/ # 配置类(拦截器配置、MyBatis配置)│ ├── interceptor/ # 拦截器(Token验证)│ ├── annotation/ # 自定义注解│ ├── utils/ # 工具类(15个工具类)│ └── SpringbootSchemaApplication.java├── src/main/resources/│ ├── application.yml # 应用配置│ ├── mapper/ # MyBatis映射文件│ └── admin/ # 前端代码└── db/ └── springboottof36.sql # 数据库脚本前端项目结构
admin/├── src/│ ├── views/ # 页面组件│ │ ├── login.vue # 登录页面│ │ ├── home.vue # 首页│ │ ├── index.vue # 主布局│ │ ├── center.vue # 个人中心│ │ └── modules/ # 功能模块页面(9个模块)│ ├── components/ # 公共组件│ ├── router/ # 路由配置│ ├── store/ # 状态管理│ ├── utils/ # 工具函数│ ├── icons/ # 图标资源│ ├── assets/ # 静态资源│ ├── App.vue # 根组件│ └── main.js # 入口文件├── dist/ # 构建产物└── package.json # 依赖配置三、功能模块
3.1 功能模块总览
模块名称 | 功能描述 | 所属角色 |
|---|---|---|
用户管理 | 用户信息的增删改查、注册 | 管理员 |
早教知识管理 | 早教知识的发布、编辑、删除 | 管理员 |
待产经验分享管理 | 待产经验文章的发布与管理 | 管理员/用户 |
怀孕常识管理 | 怀孕常识的发布、编辑、删除 | 管理员 |
月子食谱管理 | 月子食谱的发布与管理 | 管理员 |
好物推荐管理 | 母婴好物推荐的发布与管理 | 管理员/用户 |
好物类型管理 | 好物分类的管理 | 管理员 |
圈子交流 | 用户间的帖子交流与评论 | 管理员/用户 |
专家交流 | 用户与专家的在线聊天功能 | 管理员/用户 |
轮播图管理 | 首页轮播图的配置管理 | 管理员 |
个人中心 | 个人信息管理、密码修改 | 所有用户 |
3.2 各模块详细介绍
3.2.1 用户管理
功能说明:管理平台注册用户信息
主要操作:用户列表查看、用户信息新增、编辑、删除
数据字段:账号、密码、姓名、性别、手机、邮箱、照片、备注
数据库表:
yonghu
3.2.2 早教知识管理
功能说明:发布和管理早教知识文章
主要操作:文章列表、新增文章、编辑文章、删除文章
数据字段:标题、内容、发布时间、封面
数据库表:
zaojiaozhishi
3.2.3 待产经验分享管理
功能说明:分享和管理待产经验文章
主要操作:经验列表、发布经验、编辑经验、删除经验
数据字段:标题、内容、发布时间、封面、账号、姓名
数据库表:
daichanjingyanfenxiang
3.2.4 怀孕常识管理
功能说明:发布和管理怀孕常识文章
主要操作:常识列表、新增常识、编辑常识、删除常识
数据字段:标题、内容、发布时间、封面
数据库表:
huaiyunchangshi
3.2.5 月子食谱管理
功能说明:发布和管理月子食谱
主要操作:食谱列表、新增食谱、编辑食谱、删除食谱
数据字段:标题、内容、发布时间、封面
数据库表:
yuezishipu
3.2.6 好物推荐管理
功能说明:推荐和管理母婴好物
主要操作:好物列表、推荐好物、编辑好物、删除好物
数据字段:物品名称、类型、内容、发布时间、封面、账号、姓名
数据库表:
haowutuijian
3.2.7 好物类型管理
功能说明:管理好物分类
主要操作:类型列表、新增类型、编辑类型、删除类型
数据字段:好物类型名称
数据库表:
haowuleixing
3.2.8 圈子交流
功能说明:用户间的互动交流社区
主要操作:发布帖子、查看帖子、评论帖子
数据字段:帖子标题、内容、父节点ID、用户ID、用户名、状态
数据库表:
forum
3.2.9 专家交流
功能说明:用户与专家的在线聊天功能
主要操作:发送提问、查看回复、在线对话
数据字段:用户ID、管理员ID、提问内容、回复内容、是否回复
数据库表:
chat
3.2.10 轮播图管理
功能说明:管理首页轮播图
主要操作:轮播图列表、新增轮播图、编辑轮播图、删除轮播图
数据字段:配置参数名称、配置参数值
数据库表:
config
四、数据库设计
4.1 数据库表总览
表名 | 中文名称 | 说明 |
|---|---|---|
| 管理员表 | 系统管理员账户 |
| 用户表 | 普通用户账户 |
| Token表 | 用户登录凭证 |
| 配置表 | 系统配置参数 |
| 圈子交流表 | 用户帖子与评论 |
| 专家交流表 | 用户与专家聊天记录 |
| 早教知识表 | 早教知识文章 |
| 待产经验分享表 | 待产经验文章 |
| 怀孕常识表 | 怀孕常识文章 |
| 月子食谱表 | 月子食谱文章 |
| 好物推荐表 | 好物推荐信息 |
| 好物类型表 | 好物分类信息 |
4.2 核心表结构
4.2.1 用户表(yonghu)
字段名 | 类型 | 长度 | 说明 |
|---|---|---|---|
| bigint | 20 | 主键,自增 |
| timestamp | - | 创建时间 |
| varchar | 200 | 账号(唯一) |
| varchar | 200 | 密码 |
| varchar | 200 | 姓名 |
| varchar | 200 | 性别 |
| varchar | 200 | 手机 |
| varchar | 200 | 邮箱 |
| varchar | 200 | 照片 |
| longtext | - | 备注 |
4.2.2 管理员表(users)
字段名 | 类型 | 长度 | 说明 |
|---|---|---|---|
| bigint | 20 | 主键,自增 |
| varchar | 100 | 用户名(唯一) |
| varchar | 100 | 密码 |
| varchar | 100 | 角色,默认"管理员" |
| timestamp | - | 创建时间 |
4.2.3 圈子交流表(forum)
字段名 | 类型 | 长度 | 说明 |
|---|---|---|---|
| bigint | 20 | 主键,自增 |
| timestamp | - | 创建时间 |
| varchar | 200 | 帖子标题 |
| longtext | - | 帖子内容 |
| bigint | 20 | 父节点ID(评论用) |
| bigint | 20 | 用户ID |
| varchar | 200 | 用户名 |
| varchar | 200 | 状态 |
4.2.4 专家交流表(chat)
字段名 | 类型 | 长度 | 说明 |
|---|---|---|---|
| bigint | 20 | 主键,自增 |
| timestamp | - | 创建时间 |
| bigint | 20 | 用户ID |
| bigint | 20 | 管理员ID |
| longtext | - | 提问内容 |
| longtext | - | 回复内容 |
| int | 11 | 是否回复 |
五、接口设计
5.1 认证接口
接口路径 | 方法 | 说明 | 认证 |
|---|---|---|---|
| POST | 管理员登录 | 否 |
| POST | 用户登录 | 否 |
| GET | 退出登录 | 是 |
| POST | 用户注册 | 否 |
| POST | 密码重置 | 否 |
5.2 通用接口
接口路径 | 方法 | 说明 |
|---|---|---|
| GET | 获取表中列的选项列表 |
| GET | 根据列值获取关联数据 |
| POST | 修改审核状态 |
| GET | 获取提醒数量 |
| GET | 单列求和 |
| GET | 分组统计 |
5.3 业务接口
所有业务模块均遵循以下RESTful接口规范:
接口路径 | 方法 | 说明 |
|---|---|---|
| GET | 获取列表 |
| GET | 分页查询 |
| GET | 获取详情 |
| POST | 新增数据 |
| POST | 修改数据 |
| POST | 删除数据 |
六、运行配置
6.1 环境要求
环境 | 版本要求 |
|---|---|
JDK | 1.8+ |
Maven | 3.6+ |
MySQL | 5.7+ |
Node.js | 12+(前端开发) |
6.2 数据库配置
spring: datasource: driverClassName: com.mysql.jdbc.Driver url: jdbc:mysql://127.0.0.1:3306/springboottof36?useUnicode=true&characterEncoding=utf-8&serverTimezone=GMT%2B8 username: root password: 123456786.3 服务配置
server: port: 8080 servlet: context-path: /springboottof366.4 启动方式
后端启动
cd springboottof36mvn spring-boot:run -DskipTests -s /path/to/settings_oym.xml前端启动(开发模式)
cd src/main/resources/admin/adminyarn installyarn serve访问地址
前端页面:http://localhost:8080/springboottof36/admin/index.html
后端API:http://localhost:8080/springboottof36/
七、测试数据
7.1 管理员账户
用户名 | 密码 | 角色 |
|---|---|---|
|
| 管理员 |
7.2 用户账户
用户名 | 密码 | 姓名 | 性别 |
|---|---|---|---|
|
| 姓名1 | 女 |
|
| 姓名2 | 男 |
|
| 姓名3 | 男 |
|
| 姓名4 | 男 |
|
| 姓名5 | 男 |
|
| 姓名6 | 男 |
八、运行截图说明
8.1 截图列表
序号 | 截图名称 | 页面描述 |
|---|---|---|
01 |
| 系统登录页面 |
02 |
| 系统首页 |
03 |
| 用户管理页面 |
04 |
| 早教知识管理页面 |
05 |
| 待产经验分享管理页面 |
06 |
| 怀孕常识管理页面 |
07 |
| 月子食谱管理页面 |
08 |
| 好物推荐管理页面 |
09 |
| 圈子交流页面 |
10 |
| 专家交流页面 |
8.2 截图存放位置
所有截图均保存在以下目录:
/var/folders/l5/g1dwmg1n72qbzkpfppvl5dqh0000gn/T/trae/screenshots/九、系统特性
9.1 功能特性
多角色登录:支持管理员和普通用户两种角色登录
Token认证:基于Token的身份验证机制,保证接口安全
内容管理:支持多种类型内容的增删改查操作
富文本编辑:支持富文本编辑器,可插入图片和格式化文本
文件上传:支持图片等文件的上传和管理
圈子交流:用户间可发布帖子和评论互动
专家咨询:用户可与专家进行在线交流
9.2 技术特性
前后端分离:前端Vue + 后端Spring Boot架构
RESTful API:标准化的接口设计规范
拦截器机制:统一的权限验证和跨域处理
MyBatis Plus:简化的数据访问层操作
Element UI:美观的前端组件库
响应式设计:适配不同屏幕尺寸
十、注意事项
数据库配置:请确保MySQL服务正常运行,并正确配置数据库连接信息
端口占用:请确保8080端口未被其他服务占用
前端资源:前端已构建完成,可直接通过后端服务访问,无需单独启动前端开发服务器
Token有效期:登录Token有有效期限制,过期后需重新登录
文件上传:系统支持最大10MB的文件上传
附录:项目文件清单
后端核心文件
文件路径 | 说明 |
|---|---|
| Spring Boot启动类 |
| 应用配置文件 |
| 拦截器配置 |
| 权限拦截器 |
| 用户登录控制器 |
| 数据库初始化脚本 |
前端核心文件
文件路径 | 说明 |
|---|---|
| 前端入口文件 |
| 根组件 |
| 路由配置 |
| HTTP请求封装 |
| 登录页面 |
| 首页 |
| 构建产物目录 |










夜雨聆风