资料详情

基于微信小程序的像素画创作与分享平台设计与实现 毕业论文+前后端源码及数据库文件+演示视频

头像

微信小程序

编号:4249

目录

1 系统概要说明

2 小程序设计

2.1 通用样式模块

2.2 通用方法模块

2.2.1 用户登录校验拦截器方法

2.2.2 登录方法

2.2.3 注册方法

2.2.4 登出方法

2.2.5 自动登录功能

2.3 像素画画板模块

2.3.1 画板坐标系

2.3.2 画板的生成

2.3.3 颜色的选择

2.3.4 画板的绘制

2.3.5 绘图撤销功能

2.3.6 全部清除功能

2.3.7 像素画预览功能

2.4 像素画上传模块

2.4.1 上传页面跳转的检测

2.4.2 表单校验

2.4.3 表单清除按钮

2.4.4 上传功能

2.5 像素画分享圈模块

2.5.1 分页查询

2.5.2 下拉刷新

2.5.3 上拉加载

2.5.4 点击绘制预览

2.5.5 接力创作

2.6 个人信息模块

2.6.1 登录或注册

2.6.2 退出登录

2.6.3 查看我的创作

2.7 像素画管理模块

2.7.1 查询

2.7.2 查看

2.7.3 删除

3 数据库设计

3.1 数据库可视化图

3.2 建表语句MySQL版

3.3 建表语句H2版

4 接口设计

4.1 登录接口

4.1.1 接口地址

4.1.2 请求方式

4.1.3 请求体参数

4.1.4 响应数据

4.2 注册接口

4.2.1 接口地址

4.2.2 请求方式

4.2.3 URL参数

4.2.4 请求体参数

4.2.5 响应数据

4.3 退出登录接口

4.3.1 接口地址

4.3.2 请求方式

4.3.3 请求头参数

4.3.4 响应数据

4.4 插入一条像素画接口

4.4.1 接口地址

4.4.2 请求方式

4.4.3 请求头参数

4.4.4 请求体参数

4.4.5 响应数据

4.5 根据像素画id查询某个像素画的详细信息接口

4.5.1 接口地址

4.5.2 请求方式

4.5.3 Restful风格参数

4.5.4 响应数据

4.6 分页查询像素画列表接口

4.6.1 接口地址

4.6.2 请求方式

4.6.3 请求体参数

4.6.4 响应数据

4.7 根据用户id查询这个用户发布的所有像素画

4.7.1 接口地址

4.7.2 请求头参数

4.7.3 响应数据

4.8 根据像素画id删除一条像素画

4.8.1 接口地址

4.8.2 请求方式

4.8.3 请求头参数

4.8.4 Restful风格参数

4.8.5 响应数据

5 后端设计

5.1 mapper持久层

5.2 service服务层

5.3 controller控制层

6 系统测试

6.1 测试环境

6.2 功能测试

6.2.1 绘图功能

6.2.2 上传功能

6.2.3 分享圈功能

6.2.4 个人信息测试

6.2.5 像素画管理测试

6.3 界面测试

6.3.1 画板界面

6.3.2 上传界面

6.3.3 分享圈界面

6.3.4 我的信息界面

6.3.5 像素画管理界面

7 服务器的安装与部署

7.1 MySQL版服务器的配置

7.2 H2完全脱机版服务器的配置


1 系统概要说明

系统分为五个模块:

1. 像素画画板模块:绘制像素画,预览像素画的绘制过程,修改像素画

2. 像素画上传模块:校验像素画的内容,上传像素画到服务器

3. 像素画分享模块:查看其他用户上传的像素画,编辑其他用户上传的像素画,查看其他用户绘制像素画的过程(播放像素画)

4. 像素画管理模块:查看自己的所有像素画,删除自己的某个像素画

5. 个人信息模块:登录注册和退出登录