长春鱼熊用WeX5开发的微信考试系统，酷炫炸天、有源码！

Masion

经过2个月的开发，调试和备案等待，我用WeX5开发的微信公众号终于上线啦
微信公众号的二维码如下：


也可以通过参加下面的测试来加入公众号：(看看你对X5的熟悉程度）



我把微信公众号的源码也进行出售，售价5000.00人民币
同时提供一个月在线指导、供测试开发用的二级域名（域名已经备案）和发票

我们还做了利用X5开发出入库的培训视频（同时提供源码下载）
http://www.wex5.com/2-bex5/#12

wintersday

强烈建议在51cto上再录个教学视频！

wintersday

恭喜恭喜，大哥，你这微信头像太恐怖了。

Masion

主要的用到的技术点如下：
1、利用WeX5提供的BAAS从后台数据库提取数据（话说相对于3.1，3.1不知道爽了多少倍）
2、参考外卖案例，获得登录用户的微信openID（用于鉴别不同用户的考试成绩）
3、利用微信提供JS-SDK（外卖案例视频中也有提到），更改分享朋友圈中的图标，主题，描述，和连接4、在微信的标题栏显示标题(在安卓和苹果中均可以），可以省去X5的titlebar，使界面更为紧凑
5、利用WeX5良好的开放性，集成百度的echarts用于报表展现
6、利用WeX5的与数据组件绑定功能，根据数据不同控制展现组件的样式、显示隐藏 达到数据驱动界面效果
7、直接把起步提供的淘宝案例、外卖案例放到了微信公众号中，显得逼格很高。
8、利用BeX5做了后台（前面的数据库都设计好了，用BeX5做后台简直就是偷懒）

微信公众号里实现了让微信用户参加考试练习的功能（特别适用于善于利用零碎时间拼命玩微信的人群），同时，公众号里还放开了上传题库的权限（意味着任何微信用户都可以上传题库，组织考试）

Masion

这里先放出个我公众号里的微信考试二维码，然后以这两个案例说明

看看你对X5的熟悉程度

Masion

通过微信扫一扫扫描上面的二维码，微信会提醒你是否进行微信登录授权，点击确认后
进入考试测试界面


界面包含四个部分：
1、最上面是微信标题栏（这里可以显示本页标题，安卓苹果都没有问题）
2、显示题干和题干插图（如果没有插图，就对图片进行隐藏）
3、最下面是buttonGroup组件，包括提交按钮（提交后，这里显示考试成绩），当前剩余时间，当前题号和总题数（点击这里可以弹出导航栏），上一题和下一题按钮。
4、点击 当前题号/总题数 按钮，可以弹出导航栏。

Masion

导航栏使用list组件，每行5个单元格，里面显示题号，当前题号下面有下划线。用户点击导航栏内题号，操作屏幕会显示指定题号的内容。
导航栏有两种状态，正在考试和考试结束
正在考试时，导航栏里绿色单元格表示用户已经回答了这个问题，白色表示用户没有回答这个问题



考试结束时，导航浪里绿色表示用户回答正确，红色表示用户回答错误


在已提交状态下，会显示正确答案和用户的选择。

Masion

用户答题完毕，考试时间到
系统会用popOver组件遮住整个屏幕，显示成绩，同时引导用户进行分享和关注微信公众号。

Masion

用户点击分享朋友圈菜单或发送朋友菜单，利用微信js-SDK对菜单设置进行干预，指定分享图标，分享标题，分享描述和分享链接
注意：系统可以根据当前用户的成绩，指定不同的图标，标题，描述和分享链接



用户分享后，系统进入已提交状态，这时用户可以查看答题情况。
这里，能拿到用户分享的三个状态：成功，取消和错误
我们是一家有价值观的公司，只要用户点击了分享，不管返回状态如何，遮罩都被拿开。

Masion

当用户关闭了界面想查看自己的考试成绩，需要关注我的微信公众号，在下面的微信菜单中点击 考试系统/我的考试成绩

在这里，用户点击下面的下拉按钮选择考试成绩排序字段和按考试名称进行筛选

Masion

明天接着写，说微信用户怎么利用公众号上传题库，组织考试