用例说明书

Posted 2020-09-29 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=”80”，第二行Height=”*”；

            a.   在第一行中设置一个RelativePanel，其中嵌套三个控件，汉堡导航按钮Button的位置为  RelativePanel.AlignLeftWithPanel="True" ,

       RelativePanel.AlignVerticalCenterWithPanel="True", 点击事件为打开左侧的SplitView；居中  RelativePanel.AlignHorizontalCenterWithPanel="True" ,

       RelativePanel.AlignVerticalCenterWithPanel="True"  设置一个AutoSuggestBox，并放一个搜索提示和图标PlaceholderText="Search"， QueryIcon="Find" 同时添加一个   TextChanged事件（用Linq语法实现首字母过滤）； 在右侧位置为        RelativePanel.AlignRightWithPanel="True"，RelativePanel.AlignVerticalCenterWithPanel="True" 的ComboBox,其中放置三个ComboBoxItem，第一个中嵌套一个水平的放置了一个 Button 和一个TextBlock 的StackPanel，Button的相关属性值对为FontFamily="Segoe MDL2 Assets" Content=""，TextBlock的属性为Text="Admin" VerticalAlignment="Center"，第二，三的Content分别为"Profile"，"Logout"，（点击事件待定）。

           b.  在第二行放置一个SplitView，相关属性为IsPaneOpen="False" ，DisplayMode="Inline" ， CompactPaneLength="60"， OpenPaneLength="150"；

 

                  .SplitView.Pane

      其中放置一个ListBox 相应的属性为Width="150"，HorizontalAlignment = "Left"，        SelectionMode = "Single"     ，    SelectionChanged ="ListBox_SelectionChanged"，相应的 放置两个ListItem，第一个ListItem嵌套了一个水平的包含一个Button和一个TextBlock 的StackPanel，Button相关属性设置为FontFamily="Segoe MDL2 Assets"，

Content=""，Background="Gray"， Foreground="White"， FontSize="30"；TextBlock相关属性设置为Text="评论管理" ，VerticalAlignment="Center" FontSize="15"，两个ListItem包含属性大致一致，只是相应的内容不同而已，第二个可参考第一个。在后端处理相应的Item选中事件（if...(Navigate..)else...(Navigate...)）。

     

                  .SplitView.Content

        放置一个两行的Grid，第一行Height="100",第二行Height="*"；第一行放一个TextBlock 用来存放页面跳转是相应的标题，第二行嵌入一个Frame 用来导航到相应界面。

 

 2.发布管理页面

   在该页面设置个两行的 Grid，第一行Height="*"，用来放一个MinHeight=" 300" MinWidth="400"的TextBox作为用户文字编辑框，第二行放置一个属性值对分别为Content="发布" ，FontSize="40"，HorizontalAlignment="Right"，VerticalAlignment="Center" ，Grid.Row="1"的Button，其点击事件是发布编辑内容（详细内容待续）。

 

3.评论管理页面

   在该页面放置一个两行的Grid，第一行Height="*"，用来放置一个ListView,在ListView中使用数据绑定每个用户所发布的评论（按发布时间排序），在DataTemplate中放置了一个水平排版 HorizontalAlignment="Center"的StackPanel，在此StackPanel中嵌套了一个CheckBox（设置了相应的Tapped事件）和一个垂直排版HorizontalAlignment="Center" 的 StackPanel，此控件中放了两个TextBlock,第一个属性值对为FontSize="16"，HorizontalAlignment="Center"，Text="{x:Bind Title}"，用来显示评论标题，第二个属性值对为FontSize="10"，Text="{x:Bind Date}"，HorizontalAlignment="Center"，用来显示评论发布时间。ListView的数据绑定详情请参考：

https://docs.microsoft.com/zh-cn/uwp/api/windows.ui.xaml.controls.listview

   第二行放置一个删除按钮Button,该控件的属性值对为FontFamily="Segoe MDL2 Assets"，Content="" Grid.Row="1" ，FontSize="50"，   HorizontalAlignment="Right"

VerticalAlignment="Center"  。

（未完，待续。。。。。）