管理员界面 用例, 功能说明书, 技术说明书

Posted 2020-09-27 lingxiaokongkong

管理员界面

 

用例

1.标题：管理用户发布与与评论

2.角色：管理员

成功场景：

打开hunger-killer软件，通过管理员身份验证后，进入管理员操作页面。他点击了“发布活动信息”，进入发布活动页面。首先选择目标商户，添加照片，菜品信息，是否其置为首页顶部等操作。页面编辑完毕后，有一个预览效果按钮，点击可以看到正在编辑的活动信息的呈现效果，便于修正。

在上传图像文件时，应用程序可以可以根据图像的大小进行自动修改为正常大小，页面内还可以同时进行信息文字的编辑，便于提高工作效率。

信息输入结束后，有三种操作可供其选择：

a． 立即发布；

b． 保存，并进入待发布状态；

c． 保存到草稿箱。

选项c是保存已经输入的信息和排好的格式，以避免突发事件，保存的文件可以在草稿箱中看到，并允许继续编辑或者删除。

选项b目的是保存已输入的信息和排好的格式，并选定日期发布，并允许在发布日期之前进行修改或者删除。

选项a的作用是立即发布活动信息，但是这个立即发布在真正发布到用户页面之前会进入一个确认信息页面，页面内会有自己发布菜品的全部信息，在确认无误后方能继续发布，否则退回到主编辑页面。

选择选项a，进入确认信息页面，在浏览菜品信息有错误时，管理员可退回到编辑页面，进行进一步的信息完善。否则点击确认，直接发布到用户页面上，并提示：“发布成功”。

所有资料上传到网站上后，网站会自动生成活动主图的缩略图，并在用户端的主页进行展示，新发布的活动信息在刚发布后会被系统自动标注为“新活动”，管理员也可以将其撤销为普通菜品，并提示：“撤销成功”。

 

3.扩展场景：搜索不存在的不存在的活动或新品会弹出提示：“该活动/新品未发布”。

 

功能说明书 

管理员：  

登录验证

Step1: 点击软件进入登录界面 ;

Step2: 在登录界面底端选择管理员进入管理员登录界面 ;

Step3: 在相应的输入框输入用户名，密码，匹配验证 ;

Step4: 成功后进入管理员个人界面 。

活动/菜品发布

Step1: 在管理员个人界面面左端选择 ”发布管理-->活动/新品发布” 进入编辑页面 ;

Step2: 在编辑框编辑（编辑文字，上传图片），输入完成后点击 “发布” 按钮发布。

活动/新品删除

Step1: 在管理员个人界面面左端选择 “发布管理-->活动/新品删除”  进入删除页面 ;

Step2: 勾选相应的活动/新品，在删除页面底端选择 “删除”按钮，之后弹出提示框“您是否要删除所选项”，选择“确定”按钮后弹出提示框提示“删除成功！”。

评论删除

Step1:  在管理员个人界面面左端选择 ”发布管理-->评论管理”  进入评论删除页面 ;

Step2:  勾选相应的用户评论，在删除页面底端选择 “删除” 按钮，之后弹出提示框“您是否要删除所选项”，选择“确定”按钮后弹出提示框提示“删除成功！”。

输出效果

1. 主页面加载显示所发布的活动/菜品。

2. 用户评论区页面和管理员删除页面相应评论/活动同时删除。

                  

 技术说明书

1. 页面总体设置两行一列的Grid ，第一行height = 100, background为主题色，第二行height = *，background为白色；
2. 第一行中嵌套一个一行四列的Grid ，第一列width = * ,第二列为350，第三，四列为100。

               a.  在第二列中嵌入一个 Width="220" Height="40" Background="White" HorizontalAlignment="Center" VerticalAlignment="Center" PlaceholderText="搜索" 的TextBox 搜索框。

               b.  在第三列中嵌入一个Button 设置 Content="选择" Height="50" Background="White" HorizontalAlignment="Center"；添加MenuFlayout 设置四个MenuFlyoutItem 令其Text

        分别为 "Choice one" , "Choice two" , "Choice three" , "Choice four"。

               c.  在第四列中嵌入 Button 设置 Content="管理员" Height="50" Background="White"  HorizontalAlignment="Center"；

        添加MenuFlayout 设置两个MenuFlyoutItem 令其Text 分别为 "Profile" , "Logout"。

  3.在页面第二行嵌入一个一行两列的Grid ，第一列 Width="100"，第二列 Width="*"。

             a.  在第一列中嵌入一个三行一列的Grid ，设置第一行Height="50"，第二行Height="50"，第三行Height="*"；

                     a1. 在第一,二行分别嵌入两个 Button，设置其内容分别为Content="发布管理" Grid.Row="0" Background="Pink"；

                            Content="评论管理" Grid.Row="1" Background="RosyBrown"；

             b.  在第二列中嵌入一个 Frame

 （未完，待续）