成绩显示页面设计及运行效果
本例设计实现主要由三个页面组成,分别为登录页面、在线考试页面、成绩显示页面。设计实现过程描述如下:
1、定义页面模板
本例三个页面具有共同部分进行抽取,构成页面模板,模板名称_IndexLayout.cshtml。模板定义描述如下:
页面模板定义
2、定义视图
本例实现效果主要页面包括三个不同页面,因此需要基于模板定义三个不同视图。在业务逻辑操作完成之后可使用视图进行输出显示。三个视图分别为exam.cshtml考试页面、Index.cshtml首页视图、GetScore.cshtml结果页面。考试页面视图定义描述如下:
考试页面视图
考试成绩显示页面视图定义如下所示:
返回页面结果视图
在线考试首页面视图定义如下所示: