【功能特点】
1-全阶段刷题攻略，选择合适做题的功能，考试重点； 基础/强化/冲刺阶段刷题，章节练习、真题、万人模考、刷题挑战等做题功能…满足不同做题需求。
2-多模式智能练题，多模式做题系统，测验模式、学练模式、背题模式、判断题、单选题、多选题、填空题、简答题、材料题
3-题点关联，错题本功能，练习过程中，每道题关联一个知识点，可以及时知晓对应学习内容的掌握程度 做题完成后，系统收集记录错题，方便重做温习，消灭错题！ 做题之余，在快题库。
4-课程、考试资料、题目配套学习课程、专属咨询服务、备考资讯。
5-随机组卷、手工组卷、考场、在线考试、模拟考试。
uniapp支持打包生成微信小程序、H5、APP
1、首页源代码展示
<template>
<view>
<!-- 骨架屏 -->
<kz-skeleton v-if="showSkeleton" :showSkeleton="showSkeleton" backgroundColor="#fafafa"
borderRadius="10rpx"></kz-skeleton>
<!-- 添加小程序提示组件 -->
<!-- #ifdef MP-WEIXIN -->
<add-tip :tip="focusOnTip" :duration="3"/>
<!-- #endif -->
<!-- 科目选择 -->
<!-- <view class="tn-flex tn-flex-col-center tn-flex-row-between tn-padding-sm" v-show="pageStyle != 'simple'">
<view class="justify-content-item tn-text-xl" @click="clickSubjectChang">
<text class="tn-text-bold tn-text-lg">{{subjectName}}</text>
<text class="tn-icon-sequence tn-margin-left-sm"></text>
</view>
<view class="justify-content-item tn-text-xl" @click="goNoticeList()">
<text class="tn-icon-notice"></text>
</view>
</view> -->
<!-- banner -->
<!-- <view class="tn-margin-sm">
<tn-swiper :list="banners" :height="300" :effect3d="false" mode="dot"></tn-swiper>
</view> -->
<!-- 首页多彩列表风格组件1 -->
<kz-page-index-color-1 :banners="banners" :papers="papers" :rooms="rooms" :news="news" :notices="notices"
:modules="diyIndexButton" :subjectId="subjectId" :subjectName="subjectName"
v-if="pageStyle == 'color'"></kz-page-index-color-1>
<!-- 首页多彩列表风格组件2 -->
<kz-page-index-color-2 :banners="banners" :papers="papers" :rooms="rooms" :news="news" :notices="notices"
:modules="diyIndexButton" :subjectId="subjectId" :subjectName="subjectName"
v-else-if="pageStyle == 'color2'"></kz-page-index-color-2>
<!-- 首页简约风格组件 -->
<kz-page-index-simple-1 :notices="notices" :subjectName="subjectName" :userInfo="userInfo"
:diyIndexButton="diyIndexButton" v-else-if="pageStyle == 'simple'"
@clickUserInfo="clickUserInfo"></kz-page-index-simple-1>
<!-- <kz-page-index-simple :banners="banners" v-if="pageStyle == 'simple'"></kz-page-index-simple> -->
<!-- 悬浮组件 -->
<tui-scroll-top :scrollTop="scrollTop" :isIndex="false" :isHideAd="showAdBtn" :isShare="showShareBtn"
:customShare="false" @hideAd="() => {showAd = !showAd}" @goNotice="goNoticeList"></tui-scroll-top>
<!-- 流量主组件 -->
<!-- #ifdef MP-WEIXIN -->
<view v-show="showAd">
<kz-ad ref="adIndex" kind="BANNER" :config="ad" field="index_banner"></kz-ad>
<kz-ad ref="adIndex" kind="VIDEO" :config="ad" field="index_video"></kz-ad>
<kz-ad ref="adIndex" kind="VIDEO_PATCH" :config="ad" field="index_video_patch"></kz-ad>
</view>
<!-- #endif -->
<!-- toast提示 -->
<tui-toast ref="toast"></tui-toast>
<!-- 登录组件 -->
<login ref="login"></login>
<!-- 底部导航栏组件 -->
<tabbar :theme="tabbarStyle" :tabbar="tabbar"></tabbar>
<view class="margin-bottom-xl">
<tn-load-more class="tn-margin-top" status="nomore" dot></tn-load-more>
</view>
</view>
</template>
2、选择科目、选择试题进行在线考试
3、 考试完之后可以进行查看各科目的分数
<view class="top_bg" :style="{backgroundImage: `url(${bgImage})`}">
<view class="one_box">
<!-- 第二名 -->
<view class="top3">
<view class="num_two">
<image class="huangguan2" src="@/static/rank/two.png"></image>
<image class="top3_head" :src="getGradeUserAvatar(second)"></image>
<view class="top_name">{{getGradeUserName(second)}}</view>
<view class="top_sy">得分：<span>{{second ? second.score : 0}}</span></view>
<view class="top_sy">用时：<span v-if="second">{{second.grade_time|format_second(second.grade_time)}}</span><span v-else>0</span></view>
</view>
</view>
<!-- 第一名 -->
<view class="top3">
<view class="num_one">
<image class="huangguan1" src="@/static/rank/one.png"></image>
<image class="top3_head" :src="getGradeUserAvatar(first)"></image>
<view class="top_name text-bold" style="font-size: 30rpx;">{{getGradeUserName(first)}}</view>
<view class="top_sy">得分：<span>{{first ? first.score : 0}}</span></view>
<view class="top_sy">用时：<span v-if="first">{{first.grade_time|format_second(first.grade_time)}}</span><span v-else>0</span></view>
</view>
</view>
<!-- 第三名 -->
<view class="top3">
<view class="num_three">
<image class="huangguan2" src="@/static/rank/three.png"></image>
<image class="top3_head" :src="getGradeUserAvatar(third)"></image>
<view class="top_name">{{getGradeUserName(third)}}</view>
<view class="top_sy">得分：<span>{{third ? third.score : 0}}</span></view>
<view class="top_sy">用时：<span v-if="third">{{third.grade_time|format_second(third.grade_time)}}</span><span v-else>0</span></view>
</view>
</view>
</view>
4、题库系统网站管理后台功能展示
5、可以进行证书模板上传。调整名字和分数位置，以便以系统生成适合的证书
6、后台可以查看学员的答题情况，以便于管理员进行数据统计
7、题目的整理与上传
8、部分源代码披露
<view class="solids-bottom padding-xs flex align-center">
<view class="flex-sub text-left">
<view class="solid-bottom text-sm padding">
<text class="text-grey">* 可点击记录进行其他操作</text>
</view>
</view>
</view>
<view class="grade-list">
<view class="grade-card" v-for="(item, index) in list" :key="index" @click="clickGrade(item)">
<tui-card :title="{text: item.paper ? item.paper.title : '-', size: 30, color: '#7A7A7A'}" :tag="{text: item.cate ? item.cate.name : '-', size: 24}">
<template v-slot:body>
<view class="m-lr-20 grade-content text-sm">
<view class="grid m-t-20">
<view class="" style="width: 45%;">总分数：{{item.total_score}}分</view>
<view>得分数：{{item.score}}分</view>
</view>
<view class="grid">
<view style="width: 45%;">答对数：{{item.right_count}}题</view>
<view>答错数：{{item.error_count}}题</view>
</view>
<view class="m-t-20" :class="is_pass ? ['text-green'] : ['text-red']">{{item.is_pass ? '及格' : '未及格'}}</view>
</view>
</template>
<template v-slot:footer>
<view class="grade-time">
<view class="grade-time-item" style="width: 69%;">
时间：{{item.createtime|format_date}}
</view>
<view class="grade-time-item">
用时：{{item.grade_time|format_second}}
</view>
</view>
</template>
</tui-card>
</view>
<!-- 加载状态条 -->
<view class="cu-load bg-grey aaaa11111" :class="loadFlag" v-show="has_more || loadFlag == 'over'"></view>
</view>
二次开发、技术交流的可以 扫一扫
扫一扫
1444
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
