张律 郑光明

摘 要：本文描述了基于WeX5平台开发在线自助测试单页的过程，该单页具有支持单选、多选、判断等多种客观题型并能实时评分，在此单页的基础上继续开发可实现功能更加完备的考试系统。

关键词：WeX5;在线自助测试;单页

一、概述

WeX5是目前国内比较流行的H5 APP开发工具，完全开源免费，前端采用HTML5+CSS+JS标准结合bootstrap、jquery、Ajax等技术，APP采用混合应用开发模式，支持多种类型后端并对跨平台多前端支持极好，实现了一次开发即多平台运行。

本文基于WeX5平台描述开发在线自助测试单页的过程，该单页具有支持单选、多选、判断等多种客观题型并能实时评分。单页通过baas服务将相应题型的测试题提取到前台页面并展现在List组件中，用户在单页上点击测试题的单选框及复选框，交卷即可实时显示测试分数，并同时显示正确答案，用户点击重考按钮可刷新页面，重新进行测试。

二、设计与实现

首先在后台MySql数据库中建立examol表并组织测试数据，表字段设计如下表所示。其中，题型字段中，1表示单选题，2表示多选题，3表示判断题;备选答案选项中，考虑到判断题的情形，eOption3和eOption4两个字段可为空，当然也可以将单选题、多选题及判断题分别放在三张不同的表中。

建立好数据源并配置完成Baas服务之后，在页面上增加3个baasData数据组件，均通过baas服务连接至数据库的examol表，分别作为单选题、多选题及判断题的数据来源。在页面上放置三个List组件，通过动态设置数据组件过滤条件及绑定分别展现单选题、多选题及判断题的题干、选项及正确答案。……