Axure RP 8--成绩管理页面原型图

╰半橙微兮° 2021-09-27 07:02 318阅读 0赞

*  前言
 *  内容
    
     *  成绩管理页面
     *  菜单栏
     *  成绩修改页面
     *  失败学生名单
     *  修改页面
     *  增加学生页面
     *  查看单个学生
     *  删除界面
 *  总结
 *  end

# 前言 #

一进体侧深似海，从此散漫是路人。因为在B/S基本上已经有个大致的了解，现在在熟悉Angular，然后有个体侧的项目需要大量的优秀开发人员，于是我就厚着脸皮报了个名，哪知道就成功了，从那一刻起，我就是体侧的一员。

# 内容 #

插入一个趣事：

> 昨天一起针对老师给出的需求文档，我们体侧小组一起对每一条都做出讨论并拟定出相关程序制定方案，讨论的时候觉得好简单，所以这也考虑那也考虑，而且如果是自己在用系统想要什么功能，如果对方用这个系统又需要什么功能，体侧跟乘坐宇宙飞船飞入太空的关系都讨论出来了，半个小时过去了，讨论来讨论去，还是没有得出具体所要的功能，组长最后说谁提出来的功能谁实现，这个时候大家都说，其实这个功能没多大必要，那个功能可有可无，哈哈！

因为这篇博客是总结我画的原型图，所以上图片：

## 成绩管理页面 ##

![这里写图片描述][70]  
针对上图的数字，给出下面所对应的操作：

<table> 
 <thead> 
  <tr> 
   <th>Footnote</th> 
   <th>Name</th> 
   <th>Interactions</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td></td> 
   <td>鼠标单击时:OnClick:在 新窗口/新标签 打开 失败学生名单</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td></td> 
   <td>鼠标单击时:OnClick:在 新窗口/新标签 打开 增加学生页面</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td></td> 
   <td>鼠标单击时:Case 1: 在 弹出窗口 打开 查看单个学生</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td></td> 
   <td>鼠标单击时:Case 1: 在 弹出窗口 打开 成绩管理页面修改</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td></td> 
   <td>鼠标单击时:Case 1: 在 弹出窗口 打开 删除界面</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td></td> 
   <td>鼠标单击时:Case 1: 在 弹出窗口 打开 删除界面</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td></td> 
   <td>鼠标单击时:Case 1: 在 弹出窗口 打开 删除界面</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td></td> 
   <td>鼠标单击时:Case 1:Set 文字于 班级 = “汉语言文学本科”</td> 
  </tr> 
 </tbody> 
</table>

## 菜单栏 ##

![这里写图片描述][70 1]

<table> 
 <thead> 
  <tr> 
   <th>Footnote</th> 
   <th>Interactions</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>鼠标单击时: OnClick2013:显示 2013,2013,2013,2013,2013,2013,2013,2013,2013,2013,2013,2013,2013</td> 
  </tr> 
 </tbody> 
</table>

## 成绩修改页面 ##

![这里写图片描述][70 2]

<table> 
 <thead> 
  <tr> 
   <th>Footnote</th> 
   <th>Interactions</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>鼠标单击时: OnClick:关闭 关闭当前窗口</td> 
  </tr> 
 </tbody> 
</table>

## 失败学生名单 ##

![这里写图片描述][70 3]

<table> 
 <thead> 
  <tr> 
   <th>Footnote</th> 
   <th>Interactions</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>鼠标单击时：OnClick:在 当前窗口 打开 成绩管理页面</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>鼠标单击时：Case 1:在 弹出窗口 打开 修改页面</td> 
  </tr> 
 </tbody> 
</table>

## 修改页面 ##

![这里写图片描述][70 4]

## 增加学生页面 ##

![这里写图片描述][70 5]

<table> 
 <thead> 
  <tr> 
   <th>Footnote</th> 
   <th>Interactions</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>鼠标单击时: OnClick:在 当前窗口 打开 成绩管理页面</td> 
  </tr> 
 </tbody> 
</table>

## 查看单个学生 ##

![这里写图片描述][70 6]

## 删除界面 ##

![这里写图片描述][70 7]

<table> 
 <thead> 
  <tr> 
   <th>Footnote</th> 
   <th>Interactions</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>鼠标单击时: OnClick:关闭 关闭当前窗口</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>鼠标单击时: OnClick:关闭 关闭当前窗口</td> 
  </tr> 
 </tbody> 
</table>

# 总结 #

因为原型图的了解不是很多，所以就乱七八糟的画了这些，不过在画的过程中了解了更多的内容。不断成长，不断进步！

# end #

谢谢您的阅读！

[70]: /images/20210923/2c2dcb3cad89492db4d346667ba34a48.png
[70 1]: /images/20210923/e49e92e035bd44e18db7c69a629ccd48.png
[70 2]: /images/20210923/61fdaca0035d4b98860cfd93f1168bf5.png
[70 3]: /images/20210923/a5f5cbe61c3243cf9bb9d33422e7ba2c.png
[70 4]: /images/20210923/8e68107296594742a553e73209716c82.png
[70 5]: /images/20210923/25ddae1f7f92423d87088702cdb207d1.png
[70 6]: /images/20210923/e444bf9b7de94308b92e2fd0eeb8bf2f.png
[70 7]: /images/20210923/df2197dcba874f9d8464db88847e922d.png