服务端前端实现

服务端的主要功能是创建会议并设置会议的相关数据(如会议信息,投票,文件,与会人员权限设置),这一周我实现了服务端的前端,主要是一些界面以及界面之间的交互,使用的编译器是HBuilder,使用的是语言是html+css+js,并使用了vue框架。

首先,当我们进入网站时会看到如下界面:
在这里插入图片描述
然后,点击“创建会议”,进入“创建会议”界面:
在这里插入图片描述
在这里我们需要填写会议名称,开始时间,结束时间,会议简介,填写完之后点击下一步,进入创建投票界面:
在这里插入图片描述
然后,点击“创建投票”,弹出“创建投票”提示框:
在这里插入图片描述
在这里需要填写投票主题,投票内容,投票方式,是否匿名投票,并设置投票选项,填写完之后点击确定,这样就创建了一个投票,创建完所有投票之后点击下一步,进入上传文件界面:
在这里插入图片描述
点击“上传会议文件”,弹出文件选择器:
在这里插入图片描述
选择文件之后该文件被添加到文件列表中:
在这里插入图片描述
点击文件名右侧的“×”可以删除文件,弹出提示框询问是否要删除:
在这里插入图片描述
点击确定即可删除该文件。

上传完所有的文件之后,点击下一步,进入文件权限设置界面:
在这里插入图片描述
在这里可以看到已有的角色,每个角色对每个文件的权限(可见或不可见),已有的pad,点击“撤销授权”按钮可以撤销该文件对该角色的授权,点击新角色可以添加新角色,如下图所示:
在这里插入图片描述
点击添加设备按钮可以添加设备:
在这里插入图片描述
所有的权限都设置完之后,该会议的创建就完成了,点击提交按钮,会弹出提示说明是否创建成功,如下图所示:
在这里插入图片描述
可以看到,会议已经创建成功,然后会自动跳转到初始页面,本次创建会议完成。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值