View on GitHub

Dashboard

Overview of 'Make Spare Money'

UI Design

UI设计

导航栏

通过我们网站置顶端的导航栏来进行页面间的跳转。最左端显示的是中大图标与我们系统的名字,最右端分别是注册、登陆、个人信息页面、主页的跳转图标

header

用户登陆

普通用户可以通过该页面进行登录,需要输入用户名与密码,登陆成功后进入个人中心页面。

login

用户注册

首次进行进入网站的用户需要通过注册登录之后才能使用挣闲钱的其他功能。在注册页面,用户需要填写以下个人信息并提交,当提交成功后则跳转到登陆页面。

register

查看用户信息

普通用户通过登录后,即可进入个人中心,个人中心的主要模块有修改资料、我的快递、我的问卷、我要查询模块。

personal_info_1

修改用户资料

普通用户可通过该模块进行个人资料的修改,修改的资料包括用户名、学号、性别、真实姓名、密码、年龄、专业、年级、电话、邮箱等等资料

personal_info_2

主页

用户可以通过主页查询本系统的相关服务、学生活动和学校新闻等,同时可以从主页点击进入问卷调查、快递帮取、订单查询页面。

homepage1

主页下部设置了广告页面,方便网站后期进行广告盈利。用户可以通过下拉查看系统相关的优惠活动。

homepage2

快递收取使用说明

快递收取功能意在帮助某些因为时间原因无法及时拿到快递的同学,有空余时间的同学可以通过登陆自己的快递收取系统来接受相应的任务,完成后获得相应的报酬。当然自己也能够在自己的页面发布自己的快递和查询自己相关的快递,快递收取的功能如下:

快递界面登入

在登陆成功以后,在主页面的下列图案可以进入快递界面:

1561519225196

注意,上述图案在chrome浏览器会显示不出来,因此如果使用的chrome浏览器,可以通过个人信息页面进入界面,如下所示:

1561519322221

进入界面以后,显示的界面如下所示:

1561519361991

可以看出上面有自己的个人信息(姓名和余额),以及上面提到的四个功能。

发布快递

发布快递功能只需要点击发布快递的按钮即可,在弹出框中输入自己的快递信息和悬赏金额即可,但是注意悬赏金额不能低于自己的用户余额。

1561519658673

发布完毕后如下所示:

1561519704730

接受任务

接受快递只需要按接受快递的按钮,但是注意不能够接受自己发布的任务,如下:

1561519869215

如果接受任务成功,状态会变为Accepted

1561519935902

确定快递

确定快递只需要选中已经接受的任务,然后点击确认快递按钮即可,操作如下所示:

1561520217425

由上图可见,在确认快递以后,状态由Accepted边为Finish,并且余额发生了改变。

查询快递

查询快递能够查看自己发布的快递的状态信息,如下所示:

1561520342837

问卷发布、填写使用说明

大学生活中发问卷是同学们经常要使用到的功能,无论是课程调研收集数据,还是社团工作、学校管理收集大家的意见,问卷都是比较好的一种形式。为了使得发布问卷更加规范,同学们也可以通过填写问卷获得相应的报酬,我们开发了自己的问卷系统,能够很好地满足同学们的需求。问卷系统的功能如下:

问卷功能界面登入

在【个人信息】页面中,点击【我的问卷】进入问卷功能模块:

问卷入口

问卷列表页面

进入问卷页面后,显示系统中所有的问卷:

问卷列表页面

新建问卷

用户点击右上角的【新建问卷】按钮,进入新建问卷的页面:

新建问卷登入

进入到新建问卷界面:

新建问卷界面

点击【Default Title】可以修改标题,点击【+添加问题】,选择添加的问题的类型。本系统提供三个类型的问题:单选、多选、填空。

添加问卷内容

左下方点击日期,可以设置问卷的截至日期:

问卷截至日期

点击【发布问卷】按钮后,确认提交并返回到问卷列表页面:

成功新建问卷

问卷编辑功能

对于未发布的问卷,可以点击【编辑】进入编辑界面(用户只能编辑自己发布的问卷)。可以新增题目,也可以使用下移、复用、删除等快捷操作。

编辑问卷

问卷填写功能

对于已发布的问卷,可以点击【填写问卷】进入填写界面。填写完毕后,点击【submit】按钮提交。

填写问卷

删除功能

本系统支持单个或批量删除问卷,但是用户只能删除自己创建的问卷。直接点击【删除】按钮,或者选择【全选】后删除。