基于Vue 的校园活动社交平台设计

李 胜,段元梅

(湖南科技学院 信息工程学院,湖南 永州 425199)

0 引言

社交类平台分为社交网络与社交媒体。社交网络是指社交网络服务;社交媒体是指互联网上基于用户关系的内容生产与交换平台。本平台的研究方向更偏向于社交网络,一方面丰富了学生获取信息的渠道,满足了个性化的需求,另一方面,在满足个性化需求的同时,能够方便大学生随时随地搜索和发起任何自己感兴趣的校园活动并参与其中。学生通过感兴趣的校园活动积累经验,提升自我价值[1]。

1 平台的设计与实现

1.1 需求分析

现今社会信息传送发展迅速,校园服务平台应是数字化、网络化学校下的一个重要分支,平台的进步与全面发展便意味着服务范围的扩大和服务水平的提高,这对大学生和建设综合性服务校园都具有重大意义。为丰富校园生活,增进大学生互相之间的交流,提高学校活动质量,本平台打造了一个校园内沟通零成本的“校友圈”平台[2]。

(1)用户注册:用户通过填写昵称、学号、班级、性别、密码、手机号注册平台账户,其中昵称和学号是唯一的不可重复的,使账号更有辨识度。

(2)用户登录:登录是以用户输入注册时填写的昵称或学号为账号,以注册时填写的密码为登录密码,进行用户登录操作。人性化地设计了忘记密码的功能,可通过注册时的手机号获取验证码的方式重新设置密码。

(3)活动发布:用户可以在平台编辑活动内容(可包含文字和图片),也可以选择发布的类型(班级活动、校级活动、个人活动),发布在本平台的消息列表中。发布者可以在我的发布中找到自己的发布记录,也可对自己的发布记录进行删除操作。

(4)活动列表:活动列表展示功能就是把所有在平台发布的内容列表集合展示在分页中,支持分类功能,可以让用户筛选自己想看的信息。用户可点击列表查看详情,可以对自己感兴趣的活动进行点赞和评论。

(5)创建与参与话题:创建话题就是创建一个人人都可参与讨论的话题,指向性地引导大家参与某个话题的讨论。话题创建时,话题不可与数据库已存在的话题重复,且创建成功后,用户将发布第一条带这个话题的内容。用户可以对此话题发表一些看法或者故事分享,让整个平台更有互动性。

(6)平台管理:列表页面顶部都提供了一个搜索框,让用户能精准地找到自己想看的信息。用户可以对自己发布或参与的活动进行管理分类(类别分为校级、班级、个人),权限划分功能只能由管理员进行分配,维护平台的次序。

1.2 总体设计

平台是从整体进行规划和设计的,注册和登录是对账号的管理,不可重名的设计体现了账号的唯一性。对于主要功能的管理[3],平台进行了3 个模块的划分:“活动”“分享”“我的”。

1.2.1 注册

用户若想要注册一个账号,需要拥有一个昵称(不可与数据库中已有的账号昵称重名)、学号(不能用数据库中已注册过的学号,并且学号是有且仅有12 位的数字)、班级、密码(6～18 位的字符)、性别(男或女,默认男)、手机号(有且仅有11 位的数字)。

1.2.2 登录

用户需要使用注册过的账号密码进行登录,登录账号为注册时填写的昵称或学号,密码为注册时的密码;如果账号密码匹配不成功,则提示账号密码错误;如果用还未注册的账号登录,则提示请先进行注册。

1.2.3 活动

活动主要分为3 种类型:校级活动、班级活动和个人活动。在发布活动时需要进行类型的选择,还需要设置一个标题(标题字数不能超过12 个字符)、一段内容(内容字数必须超过10 个字符)。

1.2.4 分享

分享主要也分为两大类:一是分享生活,二是分享知识。分享生活可以是有趣的事、遇到的难题、失物招领等;分享知识可以是最近所学到的专业知识或者在学习过程中遇到的问题等。分享可以匿名发布,让不敢表达的人慢慢地尝试表达。

1.3 数据层设计

用户实体概括了平台用户所有信息的集合,其中有用户的账号昵称、学号、密码等信息,其中用户ID 是主键,账号昵称和学号为不可重复的属性,性别为二值属性(男或女),学号是关键信息,可代表账号的唯一性[4]。

管理员实体主要为管理员登录而创建的,只需要账号和密码两个属性,其中账号为不可重复信息。活动实体是一条活动信息的具体体现,必须要有一个活动ID 当主键,还需要与发布人的ID 进行关联。活动ID 不能重复,一个活动ID 可以对应多个用户ID(包括参与者),一个用户ID 可以包含多个活动ID,形成了一个多对多的关系。话题实体是为用户创建的话题专门建立的,每个话题都有一个话题ID 当主键,其中还包含话题的创建者信息以及创建时发布的内容。

1.4 平台功能的实现

平台功能主要分为注册登录功能、信息列表和详情展示、活动发布功能和平台管理功能。

1.4.1 注册登录功能

注册模块,用户输入个人相关信息,个人信息中的昵称、性别、班级、学号、密码、手机号是必填项,如其中一个未填写就点击注册提交的话,会弹出提示,注册失败。如注册成功后,数据将到后端进行相应处理后存储至数据库,同时前端页面则返回至登录页。登录模块,用户输入账号密码,点击登录提交信息,后端搜索数据库users 表查看是否存在该用户,如果存在则验证密码是否正确。如不存在,则提示账号不存在,请先注册。

1.4.2 信息列表和详情模块展示

信息列表页,进入页面就是触发查询列表的接口/active/list,前端根据返回的对象进行信息展示,本页面是按照发布时间排序显示活动信息。信息详情页是通过点击列表页的某个活动信息所展示的,所以可以通过这个活动信息中包含的actId 搜索详情信息,在前端加以展示。

1.4.3 活动发布功能

用户输入想要发布的相关内容(标题、类型、内容),其中标题、类型和内容是必填项,如有一项未填则发布失败。发布时间是默认发布时系统的当前时间,所以用户不需要输入。发布成功之后提示——“发布成功”,并跳转至列表页。创建话题功能,用户可以创建想要讨论的话题;在发布分享时即可参与话题讨论。创建成功之后提示“创建成功”,并跳转至“我的”主页。

1.4.4 平台管理功能

新增管理员时,需要用户输入管理员相关信息(管理员账户、密码),其中管理员账户、密码是必填项,如其中一个未填写就点击注册提交的话,会弹出提示——“新增失败”;因为管理员账户是唯一的,所以在提交后会检索数据库中的admin 表,如果已经存在注册的管理员,提示注册失败。

2 测试

本文对已实现的平台功能根据测试用例进行了测试,测试结果表明各个模块的功能均符合预期效果,数据库也能正常连接,数据存储也是正常,能在可视化的软件NAVICAT 上查看数据的增删改查。平台可以正常运行,实现设计需求中的所有功能。

3 结语

本平台设计并实现了校园信息网络化,使学校社交方面的信息一目了然,打造成一个“校友圈”,让用户在校园内沟通零成本。该平台包含用户注册和管理、用户权限划分与管理、活动管理、活动搜索、活动反馈、按班级管理团日活动和匿名发布话题分享等功能。