2022-10-21 17:18

码上议

孙文玉

项目

(573)

(0)

收藏

前台首页.jpg

一、开发团队:

    孙文玉、白建文、徐昊、王博

二、使用技术:

    1.   B/S架构:JAVAEE技术

    2.   SpringBoot框架:SpringBoot+MyBaits-plus

    3.   Vue.js:渐进式JavaScript框架

    4.   其它:Ajax、Element-UI组件、ElasticSearch全文搜索引擎

三、软件平台

    1.   操作系统:Windows 10

    2.   数据库:  MySQL(关系型)、redis、ElasticSearch(非关系型)

    3.   开发工具:IntelliJ IDEA、Visual Studio Code

四、主要功能:

    1 前台用户:

    1)游客状态(即为未登录状态):

      登录功能:可以点击登录账号,进入登录,也可以忘记密码修改后登录。

前台用户登录界面.jpg

      忘记密码界面:

忘记密码手机验证.jpg

      注册功能:可以点击注册账号,进行注册。

前台用户注册页面.png

      预览功能:浏览前台首页,浏览会议首页,列表。

前台首页.jpg

    

前台列表跳转显示.jpg

      前台会议高亮搜索:

前台高亮搜索显示.jpg

      会议详情页:

会议详情页.png

    2)登录状态:

      基本的游客状态下的权限之外,还拥有:

      个人中心:修改资料、修改密码、主办方认证、实名认证、收藏会议、订单详情、报名会议。

      修改资料:包括用户的昵称、头像、生日、性别、电话、地址、学历、职称等。

用户个人资料修改界面.png

      修改密码:顾名思义,修改用户的个人登录密码。

前台用户修改密码界面.png

      主办方认证:提交主办方认证的申请,提交包括营业执照,公司logo等信息。

前台用户主办方申请.png

      实名认证:提交身份证号,身份证正反面照片。

前台用户实名认证界面.png

      收藏会议:进入会议详情页可以点红心进行收藏,显示在自己的收藏中心。

用户收藏会议列表.png

      报名会议:报名成功后生成自己的订单记录。

会议详情页.png

    3)主办方认证通过后:

      发布会议:进行会议的发布,上传会议的相关图片及信息。

      未通过的跳转

前台任意页面未申请主办方的跳转提示.jpg


发布会议界面.png


限制发布会议时间.jpg


      添加票类:发布的会议有免费与收费的区别,收费的会议需要额外添加票类,作为报名的依据。


会议新增票.png

      会议管理:主办方可以对自己发布的会议以及会议当中的票类进行修改,但已经确定为收费或者免费的会议则不能再修改此选项。

前台用户发布会议列表显示.png    

    2 后台管理员:

      后台的管理员登录界面:

后台管理员登录.jpg

      后台首页:

后台首页.jpg

    1)Staff级别管理员:

      系统管理:包括用户管理,会议管理,会议类型管理,主办方申请验证记录表的管理,其他管理。

      用户管理:对用户进行一个列表的显示,并有可以搜索的功能,进行了分页。

后台用户列表.jpg

      会议管理:对会议进行了高亮搜索,分页查询,查看详情。

后台会议管理.jpg

      会议类型管理:可以对会议类型进行增删改查,以及相应的逻辑关联。

后台会议类型列表.jpg

      主办方的管理:对申请的主办方记录进行处理验证,给予通过或不通过的处理,并为主办方的处理界面有专门的细节展示页面。

      列表:

主办方记录表.jpg

      详情页:

主办方详情页.jpg


细节放大.jpg

      不通过弹窗:

主办方不通过弹窗.jpg


后台主办方详情页未通过显示.jpg

      修改个人资料:管理员可以根据自己的喜好修改一些自己的信息,比如头像,昵称等。

后台管理员个人中心.jpg

      修改密码:管理员可以修改自己后台管理页面的登录密码。

后台管理员修改密码.jpg

    2)Root级别管理员:

      包括Staff级别管理员的所有权限,此外还可以对Staff管理员进行相应的管理。

      管理员管理:可以新增管理员,新增管理员权限为Staff权限级别。

管理员管理.jpg

      Root级别管理员可以对Staff级别的管理员账号进行停用处理;

停用.jpg


停用后.jpg

      停用之后也可以对停用的管理员账号进行删除处理。

    3)404页面的显示处理:在项目跟路径下不存在的路由会有相关的404处理界面,并通过提示可回到主页。

404.png

    

0条评论

点击登录参与评论