一枝韩独秀

2019-08-24 13:54 已编辑西安邮电大学 C++

关注

微信小程序（看文档写实例十）微信小程序课堂宝APP实现我的模块相关界面及逻辑

继上篇博文，这篇完成最后一个模块，即我的模块。

一、页面效果

这个模块是和用户类型相关的，因此老师账号和学生账号能看的功能不一样，老师端效果如下：

点击头像到达个人信息如下：

点击后可以做相应的修改。学生端的界面如下：

修改密码的页面如下：

其他页面就不一一列出，下面用一个表来说明功能。

序号	描述	功能
1	课堂提问	点击后跳转到课堂提问页面
2	结束签到	由老师账号结束签到，点击弹出一个模态弹窗，确定后更新最新签到表signComplete为true，本次签到学生再也不能签到
3	课堂测试收卷	由老师账号收卷，点击弹出一个模态弹窗，确定后老师提交最新课堂测试到submit_record表，本次课堂测试学生再也不能提交
4	模拟测试收卷	由老师账号收卷，点击弹出一个模态弹窗，确定后老师提交最新模拟测试到submit_record表，本次模拟测试学生再也不能提交
5	错题练习	点击后跳转到错题练习页面，这些错题是在练习页面做题时的错题，然后可以答题，重新提交
6	测试记录	点击后跳转到测试记录页面，有两个顶部tabBar，一个是课堂测试另一个模拟测试，然后以列表显示提交的课堂测试的日期及老师在后台给的成绩
7	问答记录	跳转到问答记录页面
8	通知中心	跳转到通知页面（简单的聊天页面），只有老师才能发起通知
9	关于我们	跳转到关于我们界面，用户可以提交反馈

二、页面代码

1、我的页面

</view>

<text class="c-block user-info-name">{{weChatUserInfo.nickName}}</text>

<text class="c-block user-info-follower">学号: {{bmobUserInfo.username}}</text>

</view>

</view>

</navigator>

</view>

<view class="post-list-num">{{errorInfo.errorCount}}</view>

</view>

</view>

</navigator>

</view>

<view class="post-list-num">{{testRecordInfo.testRecordCount}}</view>

</view>

</view>

</navigator>

</view>

</view>

</view>

</navigator>

</view>

</view>

</view>

</view>

</view>

<text class="user-text">课堂测试收卷</text>

</view>

</view>

<text class="user-text">模拟测试收卷</text>

</view>

</view>

</view>

<view class="post-list-num">{{chatInfo.newMessageCount}}</view>

</view>

</view>

</navigator>

</view>

</view>

</navigator>

</view>

@import "../../utils/weui.wxss";

.user-info-container {

padding: 10px 15px;

width: 100%;

display: flex;

border-width: 10px;

border-bottom-style: none;

border-bottom-color: rgb(245, 245, 245);

position: relative;

}

.user-info-wrap {

height: 60px;

width: 60%;

margin-left: 10px;

margin-right: 10px;

}

.user-img-wrap {

height: 60px;

width: 60px;

border-radius: 5px;

}

.user-edit-wrap {

height: 60px;

width: 63px;

display: flex;

position: absolute;

right: 10px;

}

.wx-image_bkrIYH {

width: 100%;

height: 100%;

position: relative;

}

/* 用户头像 */

.user-img {

position: relative;

width: 100%;

height: 100%;

border-radius: 5px;

border-bottom-right-radius: 5px;

border-bottom-left-radius: 5px;

border-top-right-radius: 5px;

border-top-left-radius: 5px;

}

.wx-text_qUYxY6 {

position: relative;

}

.user-info-name {

position: relative;

height: 60%;

width: 100%;

font-size: 1rem;

text-indent: 0px;

text-align: left;

line-height: 200%;

overflow: hidden;

}

.user-info-follower {

height: 40%;

width: 100%;

position: relative;

font-size: 1rem;

color: rgb(133, 133, 133);

line-height: 120%;

}

.user-update {

color: rgb(136, 136, 136);

font-size: 1rem;

padding-top: 20px;

position: relative;

height: 100%;

width: 56px;

}

/* 箭头 */

.user-info-arrow {

width: 7px;

height: 7px;

border-width: 1px;

border-color: rgb(136, 136, 136);

border-style: none solid solid none;

transform: rotate(315deg) scale(1) translate(0%, 0%);

transition: All 0s ease;

-ms-transform: rotate(315deg) scale(1) translate(0%, 0%);

-o-transform: rotate(315deg) scale(1) translate(0%, 0%);

-moz-transform: rotate(315deg) scale(1) translate(0%, 0%);

-webkit-transform: rotate(315deg) scale(1) translate(0%, 0%);

-ms-transition: All 0s ease;

-o-transition: All 0s ease;

-moz-transition: All 0s ease;

-webkit-transition: All 0s ease;

}

.user-info-arrow-wrap {

position: absolute;

right: 15px;

height: 100%;

margin-left: 0px;

padding-top: 26px;

width: 7px;

}

.boundary {

height: 10px;

width: 100%;

background-color: rgba(245, 245, 245, 1);

}

.user-bbs-info-container {

width: 100%;

background-color: rgba(255, 255, 255, 1);

}

.user-post-wrap {

width: auto;

height: 49px;

padding: 12px 15px 12px 0px;

display: flex;

/* margin-left: 15px; */

border-width: 1px;

border-bottom-style: solid;

border-bottom-color: rgba(245, 245, 245, 1);

}

.user-post-text-wrap {

display: inline-block;

height: 25px;

position: static;

padding-top: 2px;

padding-bottom: 2px;

}

.user-text {

position: static;

font-size: 1rem;

line-height: 100%;

margin-left: 5px;

}

.user-list-container {

height: 25px;

position: absolute;

right: 10px;

/* width: 37px; */

display: flex;

}

/* 提示数字 */

.post-list-num {

position: relative;

height: 100%;

font-size: 14px;

font-style: normal;

/* font-family: "Microsoft YaHei", Arial; */

line-height: 25px;

text-align: right;

margin-right: 20px;

}

.user-arrow-wrap {

height: 100%;

width: 7px;

padding: 9px 5px 9px 0px;

text-align: right;

position: absolute;

right: 15px;

}

/* 我的错题icon */

.user-post-icon {

width: 25px;

height: 25px;

background: url("http://i.pengxun.cn/static/vzan/web/post-big-pic-09.png") 0px 0px / 100% no-repeat;

vertical-align: middle;

margin-left: 15px;

margin-right: 5px;

display: inline-block;

}

/* 我的测试icon */

.user-join-icon {

width: 25px;

height: 25px;

background: url(http://i.pengxun.cn/static/vzan/web/post-big-pic-09.png) no-repeat 0 -25px;

vertical-align: middle;

margin-right: 5px;

margin-left: 15px;

display: inline-block;

background-size: 100%;

}

/* 我的回答icon */

.user-mine-answer {

width: 25px;

height: 25px;

background: url("http://i.pengxun.cn/static/vzan/web/post-big-pic-09.png") 0px -350px / 100% no-repeat;

vertical-align: middle;

margin-right: 5px;

margin-left: 15px;

display: inline-block;

}

/* 我的聊天icon */

.user-mine-chat {

width: 25px;

height: 25px;

background: url("http://i.pengxun.cn/static/vzan/web/post-big-pic-09.png") 0px -75px / 100% no-repeat;

vertical-align: middle;

margin-right: 5px;

margin-left: 15px;

display: inline-block;

}

/* 消息中心 */

.user-post-chat {

width: 25px;

height: 25px;

background: url("http://i.pengxun.cn/static/vzan/web/post-big-pic-09.png") 0px -100px / 100% no-repeat;

vertical-align: middle;

margin-right: 5px;

margin-left: 15px;

display: inline-block;

}

/* 关于我们icon */

.user-post-aboutus {

width: 25px;

height: 25px;

background: url("http://i.pengxun.cn/static/vzan/web/post-big-pic-09.png") 0px -200px / 100% no-repeat;

vertical-align: middle;

margin-right: 5px;

margin-left: 15px;

display: inline-block;

}

/* 课堂提问icon */

.user-post-question {

width: 25px;

height: 25px;

background: url("http://i.pengxun.cn/static/vzan/web/post-big-pic-09.png") 0px -250px / 100% no-repeat;

vertical-align: middle;

margin-right: 5px;

margin-left: 15px;

display: inline-block;

}

2、个人信息页面

</view>

<view class="post-list-num">{{bmobUserInfo.school}}</view>

</view>

</view>

</view>

<view class="post-list-num">{{bmobUserInfo.college}}</view>

</view>

</view>

</view>

<view class="post-list-num">{{bmobUserInfo.username}}</view>

</view>

</view>

<view class="post-list-num">{{bmobUserInfo.name}}</view>

</view>

</view>

</view>

<view class="post-list-num">{{bmobUserInfo.major}}</view>

</view>

</view>

</view>

<view class="post-list-num">{{bmobUserInfo.class}}</view>

</view>

</view>

</view>

<!-- <picker range="{{sexArray}}" value="{{sexIndex}}" bindchange="bindSexChange" class="post-list-num">

{{sexArray[sexIndex]}}</picker> -->

</view>

</view>

<view wx:else>{{bmobUserInfo.birthday}}</view>

</picker>

</view>

</view>

</view>

<view class="post-list-num">{{weChatUserInfo.province}} {{weChatUserInfo.city}}</view>

</view>

</view>

<view class="post-list-num">{{bmobUserInfo.mobilePhoneNumber}}</view>

</view>

</view>

</view>

<view class="post-list-num">{{bmobUserInfo.email}}</view>

</view>

</view>

</view>

</view>

</navigator>

</view>

</view>

</form>

</view>

/* pages/mine/info.wxss */

@import "../mine.wxss";

.user-text {

position: static;

font-size: 1rem;

line-height: 100%;

margin-left: 15px;

}

/*mask*/

.drawer_screen {

width: 100%;

height: 100%;

position: fixed;

top: 0;

left: 0;

z-index: 1000;

background: #000;

opacity: 0.5;

overflow: hidden;

}

/*content*/

.drawer_box {

width: 650rpx;

overflow: hidden;

position: fixed;

top: 50%;

left: 0;

z-index: 1001;

background: #fafafa;

margin: -150px 50rpx 0 50rpx;

border-radius: 3px;

}

.drawer_title {

padding: 15px;

font: 22px;

text-align: center;

color: royalblue;

}

.drawer_content {

height: 90px;

overflow-y: scroll; /*超出父盒子高度可滚动*/

}

.btn_ok {

margin: 35px;

text-align: center;

border-top: 1px solid #e8e8ea;

color: #3cc51f;

font-size: 18px;

border-radius: 5%;

}

.top {

padding-top: 8px;

}

.bottom {

padding-bottom: 8px;

}

.title {

height: 40px;

line-height: 40px;

width: 160rpx;

text-align: center;

display: inline-block;

font: 300 28rpx/30px;

}

.input_base {

border: 2rpx solid #ccc;

padding-left: 10rpx;

margin-right: 50rpx;

}

.input_h30 {

height: 40px;

line-height: 40px;

}

.input_h60 {

height: 60px;

}

.input_view {

font: 16px;

background: #fff;

color: #000;

line-height: 40px;

}

input {

font: 16px;

background: #fff;

color: #000;

}

radio {

margin-right: 20px;

}

.grid {

display: -webkit-box;

display: box;

}

.col-0 {

-webkit-box-flex: 0;

box-flex: 0;

}

.col-1 {

-webkit-box-flex: 1;

box-flex: 1;

}

.fl {

float: left;

}

.fr {

float: right;

}

3、错题练习页面

<text class='nick-name'>{{weChatUserInfo.nickName}}</text>

<text class='school-name'>{{bmobUserInfo.school}}</text>

</view>

<view class="weui-grid__label" style='font-size: 18px;color:royalblue;'>{{item.chapter}}</view>

</navigator>

</block>

</view>

/* pages/mine/errorTest/errorTest.wxss */

@import '../.././test/test.wxss';

4、测试记录页面

</view>

<swiper-item>

</view>

</view>

<view class='test-record-item-series'>{{item.series}}</view>

</view>

<view class='test-record-item-score'>{{item.score}}</view>

</view>

</block>

</swiper-item>

<swiper-item>

</view>

</view>

<view class='test-record-item-series'>{{item.series}}</view>

</view>

<view class='test-record-item-score'>{{item.score}}</view>

</view>

</block>

</swiper-item>

</swiper>

/* pages/mine/testRecord/testRecord.wxss */

.swiper-tab {

width: 100%;

border-bottom: 2rpx solid #777;

text-align: center;

line-height: 80rpx;

}

.swiper-tab-list {

font-size: 30rpx;

display: inline-block;

width: 50%;

color: #777;

}

.on {

color: #118fff;

border-bottom: 5rpx solid #118fff;

font-size: 35rpx;

}

.swiper-box {

display: block;

height: 100%;

width: 100%;

overflow: hidden;

}

.swiper-box view {

text-align: center;

}

.test-record-item{

display: flex;

flex-direction: row;

line-height: 80rpx;

border-bottom: 1rpx solid #777;

}

.test-record-item-date{

height: 100%;

width: 25%;

font-size: 28rpx;

line-height: 80rpx;

}

.test-record-item-series{

height: 100%;

width: 40%;

font-size: 28rpx;

line-height: 80rpx;

}

.test-record-item-commit{

height: 100%;

width: 20%;

font-size: 28rpx;

line-height: 80rpx;

}

.test-record-item-score{

height: 100%;

width: 15%;

font-size: 28rpx;

line-height: 80rpx;

color: red;

}

5、通知页面

<!-- <template name="temp">

<view>{{item.userId.objectId}} {{bmobUserInfo.objectId}}</view>

</view>

<text>{{bmobUserInfo.name}}</text>

</view>

<text>{{item.updatedAt}}</text>

</view>

</view>

</block>

<text>{{bmobUserInfo.name}}</text>

</view>

<text>{{item.updatedAt}}</text>

</view>

</view>

</view>

</block>

</template> -->

<scroll-view scroll-y="true" scroll-top="{{scrollTop}}">

</view>

<text>{{item.userId.name}}</text>

</view>

<text>{{item.updatedAt}}</text>

</view>

</view>

</block>

<text>{{bmobUserInfo.name}}</text>

</view>

<text>{{item.updatedAt}}</text>

</view>

</view>

</view>

</block>

</scroll-view>

</view>

</form>

page{

background-color:#ececec;

}

scroll-view{

height:1150rpx;

padding-bottom:50px;

}

.reply .pic,

.send .pic{

padding:10px;

}

.reply,

.send{

display: flex;

}

.reply .pic image,

.send .pic image{

width:80rpx;

height:80rpx;

border-radius: 5%;

}

.send{ justify-content:flex-end; }

.reply .content{

padding:10px 10px 10px 0;

max-width:480rpx;

}

.send .content{

padding:10px 0 10px 10px;

max-width:480rpx;

}

.reply .content .text,

.send .content .text{

background-color: #fff;

border-radius: 5px;

padding:10px;

font-size:16px;

word-break: keep-all;

word-wrap: break-word;

}

.send .content .text{

background-color: #78fd75;

}

.sendMessage{

display: flex;

position: fixed;

bottom:0;

left:0;

right: 0;

padding:10px;

background-color: #ececec;

}

.inputMsg{

flex: 2;

background-color:#fff;

height: 30px;

font-size: 16px;

padding:5px 10px;

}

.sendMessage .send{

background-color:#64b162;

color:#fff;

height: 30px;

line-height: 30px;

margin-left: 10px;

align-self: flex-end;

}

.msg-info{

display: flex;

flex-direction: column;

padding: 5px;

}

.user-nickname{

text-align: right;

font-size: 14px;

color: royalblue;

}

6、关于我们界面

</form>

<text>本软件作为计算机网络课程信息化辅助使用，当前版本为v1.0,如果您在使用过程中有任何问题，请给我们提交您宝贵的意见，也可以发送到邮箱：soleilluo@163.com。</text>

</view>

/* pages/mine/aboutUs/aboutUs.wxss */

.title {

padding: 4%;

margin-top: 5%;

color: #118fff;

}

.feedback-form {

display: flex;

flex-direction: column;

justify-content: center;

}

.content {

height: 150px;

width: 92%;

margin: 2%;

padding: 2%;

white-space: pre-wrap;

background: whitesmoke;

color: #118fff;

border-radius: 3%;

border: 1px solid rgb(214, 214, 214);

}

.btn-submit {

width: 96%;

margin: 2%;

background: #118fff;

color: white;

border-radius: 3%;

}

.info{

width: 96%;

margin-left: 2%;

margin-top: 20%;

padding: 2%;

color: #118fff;

font-size: 32rpx;

}

三、页面对应的代码

由于点名功能需要实时推送，这个功能是收费的，所以现在这个功能作为最后的开发完成收尾，下面是所有已经完成的功能的代码逻辑。

我的mine.js

var Bmob = require("../../utils/Bmob-1.6.3.min.js");

var Util = require("../../utils/util.js");

var that;

var app = getApp();

Page({

data: {

weChatUserInfo: null,

bmobUserInfo: null,

// 错题信息

errorInfo: {},

// 测试记录

testRecordInfo: {},

// 课堂问答记录

answerRecordInfo: {},

// 通知信息

chatInfo: {

newMessageCount: 0,

path: null

}

// 课堂提问

classQuestion: function() {

// 弹出从底部弹出菜单

// 结束签到

endSign: function() {

// 确定结束最新一次签到吗？点击确定即结束

wx.showModal({

title: '结束签到提示',

content: '您确定要结束本次签到吗',

success: function (resModal) {

if(resModal.confirm){

wx.showToast({

title: '结束签到中...',

icon:'loading',

duration:10000

})

let query = Bmob.Query('sign_record');

let userIdPointer = Bmob.Pointer('_User');

let pointerUserId = userIdPointer.set(that.data.bmobUserInfo.objectId);

query.equalTo('userId','==',pointerUserId);

query.order('-numberNo');

query.limit(3);//只查询最新的三条记录

query.find().then(res=>{

query.get(res[0].objectId).then(res1=>{

wx.hideToast();

if(res1.signComplete == false){

res1.set('signComplete',true);

res1.save();

wx.showToast({

title: '已结束本次签到',

duration:3000

})

}

else{

wx.showToast({

title: '本次签到已结束',

duration: 3000

})

}

});

}

})

// 课堂测试收卷

classTestEnd: function() {

// 确定结束本次课堂测试吗？点击确定即结束

// 查询主观表最新测试是否有老师，如果有,提示已经收卷，没有则写入

wx.showModal({

title: '课堂测试收卷提示',

content: '您确定要收卷吗',

success: function (resModal) {

if (resModal.confirm) {

wx.showToast({

title: '收卷中...',

icon: 'loading',

duration: 10000

})

let queryNumberNo = Bmob.Query('subjective_item');

queryNumberNo.equalTo('type','==','课堂测试');

queryNumberNo.order('-numberNo');

queryNumberNo.limit(3);

queryNumberNo.find().then(resNumberNo=>{

if (resNumberNo.length==0){

wx.hideToast();

wx.showToast({

title: '还没有发布课堂测试噢',

duration:2500

})

return;

}

// 得到最新的第几次测试

let numberNo = resNumberNo[0].numberNo;

// 去查询submit_record表是是否有这次测试的记录

let querySubmitRecord = Bmob.Query('submit_record');

querySubmitRecord.equalTo('type', '==', '课堂测试');

querySubmitRecord.equalTo('numberNo','==',numberNo);

let userIdPointer = Bmob.Pointer('_User');

let pointerUserId = userIdPointer.set(that.data.bmobUserInfo.objectId);

querySubmitRecord.equalTo('userId', '==', pointerUserId);

querySubmitRecord.find().then(resSubmitRecord=>{

// 如果找到说明已经完成收卷

if(resSubmitRecord.length>0){

wx.hideToast()

wx.showToast({

title: '您已经收卷过了...',

duration:2500

})

}

else{

// 没有找到说明要提交个新的记录已经完成收卷

let newQuerySubmitRecord = Bmob.Query('submit_record');

newQuerySubmitRecord.set('numberNo',numberNo);

newQuerySubmitRecord.set('type','课堂测试');

newQuerySubmitRecord.save().then(resNewQuerySubmitRecord=>{

newQuerySubmitRecord.get(resNewQuerySubmitRecord.objectId).then(resGetNewQuerySubmitRecord=>{

resGetNewQuerySubmitRecord.set('userId', pointerUserId);

resGetNewQuerySubmitRecord.save();

wx.hideToast()

});

}

});

}

})

// 模拟测试收卷

modelTestEnd: function() {

// 确定结束本次模拟测试吗？点击确定即结束

// 确定结束本次课堂测试吗？点击确定即结束

// 查询主观表最新测试是否有老师，如果有,提示已经收卷，没有则写入

wx.showModal({

title: '课堂测试收卷提示',

content: '您确定要收卷吗',

success: function (resModal) {

if (resModal.confirm) {

wx.showToast({

title: '收卷中...',

icon: 'loading',

duration: 10000

})

let queryNumberNo = Bmob.Query('subjective_item');

queryNumberNo.equalTo('type', '==', '模拟测试');

queryNumberNo.order('-numberNo');

queryNumberNo.limit(3);

queryNumberNo.find().then(resNumberNo => {

if (resNumberNo.length == 0) {

wx.hideToast();

wx.showToast({

title: '还没有发布模拟测试噢',

duration: 2500

})

return;

}

// 得到最新的第几次测试

let numberNo = resNumberNo[0].numberNo;

// 去查询submit_record表是是否有这次测试的记录

let querySubmitRecord = Bmob.Query('submit_record');

querySubmitRecord.equalTo('type', '==', '模拟测试');

querySubmitRecord.equalTo('numberNo', '==', numberNo);

let userIdPointer = Bmob.Pointer('_User');

let pointerUserId = userIdPointer.set(that.data.bmobUserInfo.objectId);

querySubmitRecord.equalTo('userId', '==', pointerUserId);

querySubmitRecord.find().then(resSubmitRecord => {

// 如果找到说明已经完成收卷

if (resSubmitRecord.length > 0) {

wx.hideToast()

wx.showToast({

title: '您已经收卷过了...',

duration: 2500

})

}

else {

// 没有找到说明要提交个新的记录已经完成收卷

let newQuerySubmitRecord = Bmob.Query('submit_record');

newQuerySubmitRecord.set('numberNo', numberNo);

newQuerySubmitRecord.set('type', '模拟测试');

newQuerySubmitRecord.save().then(resNewQuerySubmitRecord => {

newQuerySubmitRecord.get(resNewQuerySubmitRecord.objectId).then(resGetNewQuerySubmitRecord => {

resGetNewQuerySubmitRecord.set('userId', pointerUserId);

resGetNewQuerySubmitRecord.save();

wx.hideToast()

});

}

});

}

})

// 获得通知信息，只有老师端才能发通知，学生端只能查看

getChatInfo: function() {

wx.showToast({

title: '正在加载...',

icon: 'loading',

duration: 10000

})

// 只有老师账号才能发起通知

// 查找表的最新一条数据

let queryNewMessageCount = Bmob.Query('chat');

let message = wx.getStorageSync('lastMessage');

// 有缓存消息

if (message != null || message != undefined) {

queryNewMessageCount.equalTo('createdAt', '>', message.updatedAt);

}

//queryNewMessageCount.order('-createdAt');

queryNewMessageCount.count().then(resNewMessageCount => {

let queryNewMessage = Bmob.Query('chat');

queryNewMessage.include('userId', '_User');

queryNewMessage.order('createdAt');

queryNewMessage.find().then(resNewMessage => {

wx.hideToast();

that.setData({

chatInfo: {

newMessageCount: resNewMessageCount,

path: './chat/chat?chatInfo=' + JSON.stringify(resNewMessage)

}

});

}).catch();

// let queryMyMessages = Bmob.Query('chat');

// // queryMyMessages.include('userId', '_User');

// // 设置用户关联对象

// let userIdPointer = Bmob.Pointer('_User');

// let pointerUserId = userIdPointer.set(that.data.bmobUserInfo.objectId);

// queryMyMessages.equalTo('userId', '==', pointerUserId);

// queryMyMessages.order('-createdAt');

// queryMyMessages.find().then(resMyMessages => {

// let newMessageCount = 0;

// //console.log(resMyMessages);

// // 如果自己发过消息

// if (resMyMessages.length > 0) {

// // 找到最后一条消息的时间

// // 查找列表中是否有比自己最后一条消息更新的消息

// let queryNewMessage = Bmob.Query('chat');

// queryNewMessage.equalTo('createdAt', '>', resMyMessages[0].updatedAt);

// queryNewMessage.order('-createdAt');

// queryNewMessage.find().then(resNewMessage => {

// //console.log(resNewMessage);

// newMessageCount = resNewMessage.length;

// // 查找表中所有消息

// let queryAllMessage = Bmob.Query('chat');

// queryAllMessage.find().then(resAllMessage => {

// wx.hideToast();

// that.setData({

// chatInfo: {

// newMessageCount: newMessageCount,

// path: './chat/chat?chatInfo=' + JSON.stringify(resAllMessage)

// }

// });

// }).catch();

// }

// // 如果自己打开过通知窗口，记录上次最后一条消息

// else {

// // 查看聊天缓存是否有消息

// let message = wx.getStorageSync('lastMessage');

// // 有缓存消息

// if (messages.length > 0) {

// // 找到最后一条消息的时间

// // 查找列表中是否有比最后一条消息更新的消息

// let queryNewMessage = Bmob.Query('chat');

// queryNewMessage.equalTo('createdAt', '>', message.updatedAt);

// queryNewMessage.order('-createdAt');

// queryNewMessage.find().then(resNewMessage => {

// newMessageCount = resNewMessage.length;

// // 查找表中所有消息

// let queryAllMessage = Bmob.Query('chat');

// queryAllMessage.find().then(resAllMessage => {

// wx.hideToast();

// that.setData({

// chatInfo: {

// newMessageCount: newMessageCount,

// path: './chat/chat?chatInfo=' + JSON.stringify(resAllMessage)

// }

// });

// }).catch();

// }

// // 没有缓存消息

// else {

// // 直接查找所有消息

// let queryAllMessage = Bmob.Query('chat');

// queryAllMessage.find().then(resAllMessage => {

// wx.hideToast();

// that.setData({

// chatInfo: {

// newMessageCount: resAllMessage.length,

// path: './chat/chat?chatInfo=' + JSON.stringify(resAllMessage)

// }

// });

// }).catch();

// }

// }).catch();

// 获得错题列表

getErrorCount: function() {

wx.showToast({

title: '正在加载...',

icon: 'loading',

duration: 10000

})

let query = Bmob.Query('test_error_item');

query.include('choose_item_id', 'choose_item');

query.find().then(res => {

let errorArray = [];

let errorCount = 0;

res.forEach((item, index) => {

if (item.userId.objectId == that.data.bmobUserInfo.objectId) {

if (!item.result) {

errorCount += 1;

errorArray.unshift(item);

}

});

wx.hideToast();

that.setData({

errorInfo: {

errorPath: './errorTest/errorTest?error=' + JSON.stringify(errorArray),

errorCount: errorCount

}

});

}).catch();

// 获得测试记录

getTestRecord: function() {

wx.showToast({

title: '正在加载...',

icon: 'loading',

duration: 10000

});

let query = Bmob.Query('submit_record');

let userIdPointer = Bmob.Pointer('_User');

let pointerUserId = userIdPointer.set(that.data.bmobUserInfo.objectId);

query.equalTo('userId', '==', pointerUserId);

query.find().then(res => {

wx.hideToast();

that.setData({

testRecordInfo: {

testRecordCount: res.length,

testRecordPath: './testRecord/testRecord?testRecordInfo=' + JSON.stringify(res)

}

});

}).catch();

onLoad: function(options) {

// 页面初始化 options为页面跳转所带来的参数

that = this;

//that.getErrorCount();

that.setData({

bmobUserInfo: wx.getStorageSync('bmobUserInfo'),

weChatUserInfo: wx.getStorageSync('weChatUserInfo')

});

onReady: function() {

// // 页面渲染完成

onShow: function() {

// 页面显示

that.getChatInfo();

// 当前用户是学生

if (that.data.bmobUserInfo.userType == 0) {

that.getErrorCount();

that.getTestRecord();

}

onHide: function() {

// 页面隐藏

onUnload: function() {

// 页面关闭

}

})

测试记录testRecord.js

// pages/mine/testRecord/testRecord.js

var that;

Page({

/**

* Page initial data

data: {

//页面配置

winWidth: 0,

winHeight: 0,

// tab切换

currentTab: 0,

// 测试记录信息

testRecordInfo:[]

// 滑动切换tab

bindChange: function (e) {

var that = this;

that.setData({ currentTab: e.detail.current });

//点击tab切换

swichNav: function (e) {

var that = this;

if (this.data.currentTab === e.target.dataset.current) {

return false;

} else {

that.setData({

currentTab: e.target.dataset.current

})

}

/**

* Lifecycle function--Called when page load

onLoad: function (options) {

that = this;

let data = JSON.parse(options.testRecordInfo);

data.forEach((item)=>{

let i = {

date:item.createdAt.split(' ')[0],

series:item.series,

types:item.type,

score:item.score

}

that.data.testRecordInfo.push(i);

});

that.setData({

testRecordInfo: that.data.testRecordInfo

});

// 获取系统信息

wx.getSystemInfo({

success: function (res) {

that.setData({

winWidth: res.windowWidth,

winHeight: res.windowHeight

});

}

});

/**

* Lifecycle function--Called when page is initially rendered

onReady: function () {

/**

* Lifecycle function--Called when page show

onShow: function () {

/**

* Lifecycle function--Called when page hide

onHide: function () {

/**

* Lifecycle function--Called when page unload

onUnload: function () {

/**

* Page event handler function--Called when user drop down

onPullDownRefresh: function () {

/**

* Called when page reach bottom

onReachBottom: function () {

/**

* Called when user click on the top right corner to share

onShareAppMessage: function () {

}

})

个人信息info.js

// pages/mine/info.js

var Bmob = require("../../../utils/Bmob-1.6.3.min.js");

var Util = require("../../../utils/util.js");

var that;

var app = getApp();

Page({

data: {

// 是否显示弹窗

showModalStatus: false,

// 弹窗描述

desc: null,

descList: {

'school': '学校',

'college': '学院',

'name': '姓名',

'major': '专业',

'class': '班级',

'mobilePhoneNumber': '手机号',

'email': '邮箱'

weChatUserInfo: null,

bmobUserInfo: null,

date: '1988-08-08',

onLoad:function(){

that = this;

that.setData({

weChatUserInfo:wx.getStorageSync('weChatUserInfo'),

bmobUserInfo: wx.getStorageSync('bmobUserInfo')

});

bindDateChange: function (e) {

wx.showToast({

title: '更新中...',

icon: 'loading',

duration: 10000

});

var query = Bmob.Query('_User');

query.get(that.data.bmobUserInfo.objectId).then(res => {

res.set('birthday', e.detail.value);

res.save();

wx.hideToast();

//更新bombuser缓存

that.data.bmobUserInfo['birthday'] = e.detail.value;

that.setData({ bmobUserInfo: that.data.bmobUserInfo });

// 把bmob用户信息缓存到本地

wx.setStorageSync('bmobUserInfo', that.data.bmobUserInfo);

app.setGlobalData({ currentUser: wx.getStorageSync('bmobUserInfo') });

}).catch(err => {

console.log(err)

})

powerDrawer: function(e) {

// 弹窗效果

if (e.type == 'tap') {

// 更新title

for (var key in this.data.descList) {

if (key == e.currentTarget.id) {

this.setData({

desc: this.data.descList[key]

});

break;

}

// 显示弹窗

var currentStatu = e.currentTarget.dataset.statu;

this.util(currentStatu);

}

// 如果是提交上来的更改信息

if (e.type == 'submit') {

// 做数据更改操作

var value = e.detail.value.inputText;

// 验证手机号的合法性

if (that.data.desc =='手机号'){

if (!Util.checkMobile(value)){

wx.showToast({

title: '手机号格式错误~',

duration:2500

});

return;

}

// 验证手机号的合法性

if (that.data.desc == '邮箱') {

if (!Util.checkEmail(value)) {

wx.showToast({

title: '邮箱格式错误~',

duration: 2500

});

return;

}

// 上传value值

for (var key in this.data.descList) {

if (that.data.descList[key] == that.data.desc) {

wx.showToast({

title: '更新中...',

icon: 'loading',

duration: 10000

});

var query = Bmob.Query('_User');

//query.set('objectId',) //需要修改的objectId

query.get(that.data.bmobUserInfo.objectId).then(res => {

res.set(key, value);

res.save();

wx.hideToast();

//更新bombuser缓存

that.data.bmobUserInfo[key] = value;

that.setData({bmobUserInfo: that.data.bmobUserInfo});

// 把bmob用户信息缓存到本地

wx.setStorageSync('bmobUserInfo', that.data.bmobUserInfo);

app.setGlobalData({currentUser: wx.getStorageSync('bmobUserInfo') });

}).catch(err => {

console.log(err)

})

break;

}

util: function(currentStatu) {

/* 动画部分 */

// 第1步：创建动画实例

var animation = wx.createAnimation({

duration: 200, //动画时长

timingFunction: "linear", //线性

delay: 0 //0则不延迟

});

// 第2步：这个动画实例赋给当前的动画实例

this.animation = animation;

// 第3步：执行第一组动画

animation.opacity(0).rotateX(-100).step();

// 第4步：导出动画对象赋给数据对象储存

this.setData({

animationData: animation.export()

})

// 第5步：设置定时器到指定时候后，执行第二组动画

setTimeout(function() {

// 执行第二组动画

animation.opacity(1).rotateX(0).step();

// 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象

this.setData({

animationData: animation

})

//关闭

if (currentStatu == "close") {

this.setData({

showModalStatus: false

});

}

}.bind(this), 200)

// 显示

if (currentStatu == "open") {

this.setData({

showModalStatus: true

});

}

})

密码修改updatepas.js

// pages/mine/info/updatepas/updatepas.js

var Bmob = require("../../../../utils/Bmob-1.6.3.min.js");

var Util = require("../../../../utils/util.js");

var md5 = require("../../../../utils/md5.js");

import WxValidate from '../../../../utils/WxValidate.js';

var wxValidate = "";

var that;

var app = getApp();

Page({

/**

* 页面的初始数据

data: {

bmobUserInfo: null

updatePasswordSubmit:function(e){

//验证form表单格式是否合法

var rules = {

oldPassword: {

required: true,

newPassword: {

required: true,

minlength: 8,

newPasswordAgain: {

required: true,

minlength: 8,

}

};

var message = {

oldPassword: {

required: '旧密码不能为空',

newPassword: {

required: '新密码不能为空',

minlength: '新密码长度8-16位',

newPasswordAgain: {

required: '确认密码不能为空',

minlength: '确认密码长度8-16位',

}

};

// 获得验证实例

wxValidate = new WxValidate(rules, message);

if (!wxValidate.checkForm(e)) {

var error = wxValidate.errorList[0]

//提示信息

console.log(error);

wx.showToast({

title: error.msg,

icon: 'success',

duration: 3000

});

return false;

}

// 再次验证密码

var oldPassword = e.detail.value.oldPassword;

var newPassword = e.detail.value.newPassword;

var newPasswordAgain = e.detail.value.newPasswordAgain;

if (!Util.checkPassword(newPassword)){

wx.showToast({

title: '密码为字母数字组合',

icon: 'success',

duration: 3000

});

return;

}

if (!Util.checkPassword(newPasswordAgain)) {

wx.showToast({

title: '密码为字母数字组合',

icon: 'success',

duration: 3000

});

return;

}

if (newPassword != newPasswordAgain){

wx.showToast({

title: '再次密码不一致',

icon: 'success',

duration: 3000

});

return;

}

// 验证数据完成更新密码

let objectId = that.data.bmobUserInfo.objectId;

let data = {

oldPassword: md5.hexMD5(oldPassword),

newPassword: md5.hexMD5(newPassword)

}

wx.showToast({

title: '正在更新...',

icon:'loading',

duration:10000

})

Bmob.updateUserPassword(objectId, data).then(res => {

if(res.msg == 'ok'){

wx.hideToast();

wx.showToast({

title: '密码修改成功',

icon: 'loading',

duration: 2500

});

// 结束当前页面返回上一页面

wx.navigateBack({

delta: 1

})

}

}).catch(err => {

console.log(err)

})

/**

* 生命周期函数--监听页面加载

onLoad: function (options) {

that = this;

that.setData({

bmobUserInfo:wx.getStorageSync('bmobUserInfo')

});

/**

* 生命周期函数--监听页面初次渲染完成

onReady: function () {

/**

* 生命周期函数--监听页面显示

onShow: function () {

/**

* 生命周期函数--监听页面隐藏

onHide: function () {

/**

* 生命周期函数--监听页面卸载

onUnload: function () {

/**

* 页面相关事件处理函数--监听用户下拉动作

onPullDownRefresh: function () {

/**

* 页面上拉触底事件的处理函数

onReachBottom: function () {

/**

* 用户点击右上角分享

onShareAppMessage: function () {

}

})

错题练习errorTest.js

// pages/mine/errorTest/errorTest.js

var Bmob = require("../../../utils/Bmob-1.6.3.min.js");

var Util = require("../../../utils/util.js");

var that;

var app = getApp();

Page({

/**

* 页面的初始数据

data: {

grids: [{