要求

  • 完成“第三期在线测评”的网页布局及评分逻辑
  • 11月底开发完成
  • 12月底验收完成
  • 前端采用iview-Ui框架

时间安排(项目流程)

  • (即日, 10.7] 准备工作【需求,设计】
  • iView是基于Vue.js的UI组件库,为了用好iView需要掌握一定的Vue.js基础知识。Vue.js官网
  • 开发工具: HBuilder X
    • 官方推荐(针对Vue.js进行优化),方便创建项目文件,代码提示,自带Web浏览窗口,界面简洁美观
      • 帮助文档:光标定位,按下F1。
      • 转到定义:alt + 左键(template、script、style中跳转),ctrl+alt+左键(分栏跳转)
      • 内置终端和node.js: 不用配置环境,方便创建项目。方便创建项目
  • Vue.js 2.x语法知识。
  • ES6语法知识。
    • var => let, const 变量具有块级作用域,不用借助立即执行函数
    • for…in…, for… of… 遍历数组/对象, 简洁高效
  • 单文件组件的使用。
    • 不同于HTML,CSS,JS三个文件相互配合进而构成网页。
    • Vue.js将复杂页面组件化,对某一自定义组件的HTML模板、JS代码、样式封装到一个*.vue文件中
      单文件组件构成
    • public/index.html 不做任何修改,只保留一个用于替换的div标签
    • 通过import命令将自定义组件引入,并注册到App.vue中使用。
  • 前端路由vue-router
    • 答题过程中不用反复请求服务器
  • [10.8, 10.31] 针对第三期在线测评需求,完成web网页搭建。【编码】

  • UI框架: iView

    • 对比需求文档,在iView官网查找近似的组件,创建*.vue文件,根据具体页面的组件情况进行修改完善。
      • 根据前段时间的准备工作,解决遇到的问题,对iView中提供的UI组件按需进行修改。
      • 使用Vue.js的前端路由,实现答题、题库录入过程中的选择题、判断题、主观题跳转,直至答题、录入完成,才请求服务器,减小服务器压力。
  • [11.1, 11.15] 完成“自动评分”功能【编码】

    • 主要针对主观题,对字符串进行分词,与标准答案中的得分点进行匹配。
  • [11.16, 11.30] 机动时间

    • 预留两周时间,防止突发事件(突然修改需求,编码时遇到难以解决的Bug)造成时间不够用。
      • 做项目开发的最后检查工作。
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐