计算机毕业设计java党员之家服务系统小程序springbootvue毕设

一、技术路线:

开发语言:Java

前端技术:JavaScript、VUE.js(2.X)、css3

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:

https://www.bilibili.com/video/BV1Kj411Y7na/

三、运行截图:


第五章小程序的详细设计

3.1小程序首页的设计

该界面是党员之家服务系统小程序的首页,界面设置要求界面简洁明了、操作简单、兼容性好。在考虑设计界面时,首先要考虑界面标准化设计,其次是完善界面设计,但不要因对界面的美化使界面的操作变得复杂,用户可在此页面进行登录等操作,页面底部导航条是各模块的入口。

登录,用户通过输入账号和密码,选择登录用户类型并点击登录进行系统登录操作,如图3-1所示。

1b2317822a07749972dd8c76aa628c84.jpeg

图3-1用户登录界面图

用户登录小程序端,可以实现首页、新闻公告、交流论坛、我的等功能进行详细操作,如图3-2所示。

4cfdaadce1ad2b438c070a2e2a269fdb.jpeg

图3-2小程序端首页界面图

任务信息,在任务信息页面可以查看任务封面、任务标题、任务类型、任务时间、发布时间、工号、教师姓名、任务要求等详细信息;如图3-3所示。

0d99a2849a6d567275dcdfa4ea99f010.jpeg

图3-3任务信息界面图

学生信息,在学生信息页面可以查看学生照片、学号、学生姓名、性别、年龄、班级、专业、邮箱、手机等详细信息;并进行转积极分子操作;如图3-4所示。

ba289669bfdcf98faedf86406bb13fcb.jpeg

图3-4学生信息界面图

学习资料,在学习资料页面可以查看资料封面、资料名称、资料类型、发布日期、工号、教师姓名、资料内容等详细信息;并进行评论和收藏操作;如图3-5所示。

d53a0a862a6fd65def10e1d93c845761.jpeg

图3-5学习资料界面图

学生功能,学生进入我的页面可以对任务信息、报名信息、每日打卡、交流信息、回复信息、我要发贴、我的发贴等详细信息进行操作,如图3-6所示。

4c0394e94e577c504f095c03333346b6.jpeg

图3-6学生功能界面图

学生信息,在学生用户信息页面通过填写学号、密码、学生姓名、性别、头像、年龄、班级、专业、邮箱、手机等信息进行保存或退出登录操作,如图3-7所示。

3df524e60c4ca443874939c882172152.jpeg

图3-7学生信息界面图

教师功能,用户进入我的页面可以对学生、任务信息、报名信息、任务排名、学习资料、每日打卡、交流信息、回复信息、积极分子、党员信息、 我要发贴、我的发贴等详细信息进行操作,如图3-8所示。

e36d1f6dc36e81d42d21b7f0105d7ccb.jpeg

图3-8教师功能界面图

教师信息,在教师用户信息页面通过填写工号、密码、教师姓名、性别、头像、职称、电话、邮箱等信息进行保存或退出登录操作,如图3-9所示。

499289de8bc1214d2591c7475db73c65.jpeg

图3-9教师信息界面图

3.2管理员功能模块

管理员登录,通过输入账号、密码,选择角色并点击登录进行系统登录操作,如图3-10所示。

66e2e081f8b3749217c12927b73a9d47.jpeg

图3-10管理员登录界面图

管理员登录系统后,可以对首页、个人中心、学生管理、教师管理、任务信息管理、报名信息管理、任务排名管理、学习资料管理、每日打卡管理、交流信息管理、回复信息管理、积极分子管理、党员信息管理、交流论坛、系统管理等功能进行详细操作,如图3-11所示。

61a58431707de0b0b4d57ed8cf320253.jpeg

图3-11管理员功能界面图

学生管理,在学生管理页面可以对索引、学号、学生姓名、性别、头像、年龄、班级、专业、邮箱、手机等内容进行修改和删除操作,如图3-12所示。

e58cfbd2ff220115cba01d5594807502.jpeg

图3-12学生管理界面图

教师管理,在教师管理页面可以对索引、工号、教师姓名、性别、头像、职称、电话、邮箱等内容进行详情和删除操作,如图3-13所示。

cfc3ad52d1dde7733e9b5ad52ffda220.jpeg

图3-13教师管理界面图

任务信息管理,在任务信息管理页面可以对索引、任务标题、任务类型、图片、任务时间、发布时间、工号、教师姓名等信息进行详情,修改和删除操作,如图3-14所示。

f6ebaac860d3e243b41b4305e8d367b4.jpeg

图3-14任务信息管理界面图

报名信息管理,在报名信息管理页面可以对索引、任务名称、任务类型、图片、工号、教师姓名、报名时间、学号、学生姓名、手机、审核回复、审核状态等信息进行详情,修改和删除操作,如图3-15所示。

c5b14fbadbd7903ec778af8491af5a0c.jpeg

图3-15报名信息管理界面图

任务排名管理,在任务排名管理页面可以对索引、学号、学生姓名、头像、班级、专业、完成次数、发布时间、工号等内容进行详情,修改和删除操作,如图3-16所示。

dc818c5b6906d1b405fb1e4a0a3c1660.jpeg

图3-16任务排名管理界面图

学习资料管理,在学习资料管理页面可以对索引、资料名称、资料类型、封面、发布日期、工号、教师姓名等内容进行详情,修改,查看评论或删除等操作,如图3-17所示。

562cc54312896b2aab4cb6ae5dbc65ba.jpeg

图3-17学习资料管理界面图

每日打卡管理,在每日打卡管理页面可以对索引、标题、图片、工号、教师姓名、学生姓名、打卡时间、学号等内容进行详情,修改和删除操作,如图3-18所示。

4e95e0ce57a8d380911bd431c3fd4b5e.jpeg

图3-18每日打卡管理界面图

交流信息管理,在交流信息管理页面可以对索引、标题、图片、工号、教师姓名、发布时间、学号、学生姓名等内容进行详情,修改和删除操作,如图3-19所示。

99c6fbe290e138b635b030b4c4b26fce.jpeg

图3-19交流信息管理界面图

回复信息管理,在回复信息管理页面可以对索引、标题、图片、学号、学生姓名、工号、教师姓名等内容进行详情,修改或删除等操作,如图3-20所示。

596d2911de32de4dfb7fa7b12fca2274.jpeg

图3-20回复信息管理界面图

积极分子管理,在积极分子管理页面可以对索引、学号、学生姓名、头像、年龄、班级、专业、工号等内容进行详情,修改或删除等操作,如图3-21所示。

682dff1f43fa6d528132ace0d7a1d6fc.jpeg

图3-21积极分子管理界面图

党员信息管理,在党员信息管理页面可以对索引、学号、学生姓名、头像、年龄、班级、专业、转正日期、工号等内容进行详情,修改或删除等操作,如图3-22所示。

1b73569e1315fc9ff8a88c2cb3477e99.jpeg

图3-22党员信息管理界面图

交流论坛管理,在交流论坛管理页面可以对索引、帖子标题、用户名、状态等内容进行详情或删除等操作,如图3-23所示。

b4bd86dfc02ab5b32f8131b67be5db76.jpeg

图3-23交流论坛管理界面图

系统管理,在新闻公告管理页面可以对索引、标题、图片等内容进行详情,修改和删除等操作,还可以对轮播图管理进行详细的操作管理,如图3-24所示。

51bbf91360f2be6760793e86c29e6df6.jpeg

图3-24系统管理界面图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

huida_kaifa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值