APP前后端交互之积分篇【MUI+Flask+MongoDB+HBuilderX】

一，前言

开发app已经有一段时间了，真的是从0基础起步的。现在的框架也完善的差不多了。
登录系统，交互系统，到现在的积分系统，开发也快接近尾声了。因为最近一俩天回比较忙一些，再有一周，app预计会彻底开发完成。

二，积分系统

2.1，介绍

积分系统采用jqurey模板，最常见的那个答题模板。它那个模板是没有点击记录功能的，我们需要自己拿来魔改一下。

2.2，ajax传值

利用mui封装好的ajax方法-》mui.post，请求后端接口。

2.4，后端处理

获取数据库中总题目数量

count = collection.estimated_document_count()

思路：
方法是队友写的，所以大体记录一下，基本看懂了，使用random，记录id为不重复主键，抽取5个不重复的数据库条目信息。返回给主py，py返回json数据给前端。
前端调用function data1(data1)，执行jqurey模板。

2.5，前端处理

前端在js文件先创建一个后端答案list列表，如下：

var afterChoice = new Array();

获取五个选项的全部答案，这是后端传递过来的答案。

afterChoice[0] = data1[0].choice;
afterChoice[1] = data1[1].choice;
afterChoice[2] = data1[2].choice;
afterChoice[3] = data1[3].choice;
afterChoice[4] = data1[4].choice;

因为，目前前端选择的答案已存储在questionChoice列表中，所以我们写一个循环，循环五次，判断一下，正确与错误，如果正确一个，sum（总分）加一分，否则不变。

var sum = 0;

如上图所示。

2.6，传递判断后的sum值给后端新建路由

mui.post('http://xxxx:xxxxxx/xxxx',{
			"jifeng": sum,
		},function da1(da1){
			console.log(JSON.stringify(da1));	
		},'json');

非常简单哈，使用mui.post封装的方法即可。

如上图所示：后端接受前端传来的jifeng值。

三，测试

前端返回值如下：

后端返回值如下：

页面如下：

经过测试没有问题哈。