【Angular2】试卷整体设计
引言由于项目中需要用到试卷,而试卷会涉及到很多不同输入表单,所以处理起来比较复杂; 功能要求1.显示数据:把后端返回的不同题型的数据按照相应要求显示出来; 原型图设计流程1.首先将页面分为三大组件:Information-信息组件,ExamPaper-试卷组件,AnswerSheet-答题卡组件; 2.设计一个OnlineExam-在线考试组件,作为容器,盛放上面的三个组件,这样可以实现页面操作侧边栏的功能,还可以为三大组件交互提供传递; 3.在ExamPaper组件中添加不同题型的组件,让ExamPaper组件成为容器,接收后端数据,根据数据的不同挑选不同题型组件来渲染数据; 4.完善不同的题型组件,让其对自身的题型可以做到正常的显示,接收处理提交本类型答案,回显用户提交的答案; 5.完善三大组件之间的交互,让ExamPaper组件传出的题目完成数据传递给Answer组件,使其做对应的改变,另外,让ExamPaper组件传出的时间数据传递给Information组件,Information组件在控制当前状态; 小结涉及到用户提交表单,一般都比较复杂,在这里的题型就有11种,需要进行相应的设计封装; 还有页面的控制,和组件之间的交互,在前期得有一个大致的规划,它们之间是有一定联系的; 当然,Angular提供的模块化,组件化可以很好的帮助我们实现这些功能要求 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |