1，新增单词测试模块
This commit is contained in:
进进啊
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
/uni_modules/
|
||||||
5
App.vue
5
App.vue
@@ -12,6 +12,9 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style lang="scss">
|
||||||
/*每个页面公共css */
|
/*每个页面公共css */
|
||||||
|
.container{
|
||||||
|
padding: 0 30rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
14
pages.json
14
pages.json
@@ -3,7 +3,7 @@
|
|||||||
{
|
{
|
||||||
"path": "pages/home/index",
|
"path": "pages/home/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "单词学习APP"
|
"navigationBarTitleText": "单词学习宝典"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
,{
|
,{
|
||||||
@@ -14,7 +14,17 @@
|
|||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
},
|
||||||
|
{
|
||||||
|
"path":"pages/answer-detail/answer-detail",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "请选择单词正确的中文含义",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"backgroundColor":"#f6f8fa",
|
||||||
|
"navigationBarBackgroundColor":"#FFFFFF"
|
||||||
|
}
|
||||||
|
}
|
||||||
],
|
],
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"navigationBarTextStyle": "black",
|
"navigationBarTextStyle": "black",
|
||||||
|
|||||||
272
pages/answer-detail/answer-detail.vue
Normal file
272
pages/answer-detail/answer-detail.vue
Normal file
@@ -0,0 +1,272 @@
|
|||||||
|
<template>
|
||||||
|
<view class="answer-root">
|
||||||
|
<view class="container" v-if="wordData.wordName">
|
||||||
|
<!-- 题目选项卡模块开始 -->
|
||||||
|
<view class="answer-box" >
|
||||||
|
<view class="title">
|
||||||
|
<text class="left-title">单选题（难度等级{{wordData.level}}）</text>
|
||||||
|
<text class="right-condition">
|
||||||
|
<text>{{pageSize}}</text>
|
||||||
|
<text>/{{pageNum}}</text>
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<view class="content">
|
||||||
|
<view>{{wordData.wordName}}</view>
|
||||||
|
<view>
|
||||||
|
<text>音标：{{wordData.phonetic}}</text>
|
||||||
|
<text>读音：{{wordData.pronunciation}} </text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="select-item">
|
||||||
|
<text v-for="(item,index) in wordData.options" :key="item.itemId"
|
||||||
|
:class="{'isSelected':index == selectIndex}"
|
||||||
|
@click="getSelectedItem(item,index)">{{item.itemId}} {{item.itemContent}}</text>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<!-- 题目选项卡模块结束 -->
|
||||||
|
|
||||||
|
<!-- 翻页按钮模块开始 -->
|
||||||
|
<view class="page-btn">
|
||||||
|
<view class="btn">
|
||||||
|
<button type="default" @tap="previous" v-if="pageSize != 1">
|
||||||
|
上一题
|
||||||
|
</button>
|
||||||
|
<button type="default" @tap="next" v-if="pageSize != 10">
|
||||||
|
下一题
|
||||||
|
</button>
|
||||||
|
<button type="default" @tap="messageToggle('error')" v-if="pageSize == 10">
|
||||||
|
提交！
|
||||||
|
</button>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<!-- 翻页按钮模块结束 -->
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="noData" v-else-if="!wordData.worName">
|
||||||
|
<text>暂无数据~</text>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
|
||||||
|
<!-- 提示窗示例 -->
|
||||||
|
<uni-popup ref="alertDialog" type="dialog">
|
||||||
|
<uni-popup-dialog :type="msgType" cancelText="返回首页" confirmText="继续下一难度" title="通知"
|
||||||
|
:content="resultDialog" @confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
|
||||||
|
</uni-popup>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
selectIndex: -1,
|
||||||
|
pageSize: 1,
|
||||||
|
pageNum: 10,
|
||||||
|
level: '',
|
||||||
|
wordData:{},
|
||||||
|
type: 'center',
|
||||||
|
msgType: 'success',
|
||||||
|
messageText: '这是一条成功提示',
|
||||||
|
value: '',
|
||||||
|
resultDialog: '您的成绩合格！'
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取当前选中的选项
|
||||||
|
getSelectedItem(item, itemIndex) {
|
||||||
|
this.selectIndex = itemIndex
|
||||||
|
if (item.right) {
|
||||||
|
console.log('选择正确')
|
||||||
|
}
|
||||||
|
console.log(item, '选中的项')
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取上一题
|
||||||
|
previous() {
|
||||||
|
if (this.pageSize > 1) {
|
||||||
|
this.pageSize--
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('回到上一题')
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取下一题
|
||||||
|
next() {
|
||||||
|
if (this.pageSize < 10) {
|
||||||
|
this.pageSize++
|
||||||
|
}
|
||||||
|
this.getApiQuestionData()
|
||||||
|
console.log('跳转到下一题')
|
||||||
|
},
|
||||||
|
// 提交成功获取的信息
|
||||||
|
messageToggle(type) {
|
||||||
|
this.msgType = type
|
||||||
|
this.$refs.alertDialog.open()
|
||||||
|
},
|
||||||
|
//确认提交
|
||||||
|
dialogConfirm() {
|
||||||
|
console.log('点击确认')
|
||||||
|
this.$refs.alertDialog.open()
|
||||||
|
},
|
||||||
|
// 关闭提交窗口
|
||||||
|
dialogClose() {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "../../pages/home/index"
|
||||||
|
})
|
||||||
|
console.log('点击关闭')
|
||||||
|
},
|
||||||
|
|
||||||
|
// 调用云函数获取数据
|
||||||
|
async getApiQuestionData(){
|
||||||
|
try{
|
||||||
|
const {result} = await uniCloud.callFunction({
|
||||||
|
name:'provideQuestion',
|
||||||
|
data:{level:this.level,pageSize:this.pageSize}
|
||||||
|
})
|
||||||
|
if(result.data[0] != undefined){
|
||||||
|
this.wordData = result.data[0].wordData
|
||||||
|
console.log('题目数据获取',result.data[0])
|
||||||
|
}
|
||||||
|
|
||||||
|
}catch(e){
|
||||||
|
console.error(e)
|
||||||
|
//TODO handle the exception
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
this.level = option.wordId;
|
||||||
|
this.getApiQuestionData()
|
||||||
|
console.log('获取到', this.level)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
page {
|
||||||
|
background-color: #f2f5f8;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.answer-root {
|
||||||
|
position: relative;
|
||||||
|
top: 60rpx;
|
||||||
|
|
||||||
|
.answer-box {
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: break-all;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
width: 100%;
|
||||||
|
box-shadow: 5px 4px 20px rgba(0, 0, 0, 0.16);
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 2rpx solid #eeeeee;
|
||||||
|
|
||||||
|
.left-title {
|
||||||
|
font-weight: bolder;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
border-left: 8rpx solid #007AFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-condition {
|
||||||
|
text {
|
||||||
|
&:nth-child(1) {
|
||||||
|
font-size: 40rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(2) {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
view {
|
||||||
|
min-height: 100rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
&:nth-child(1) {
|
||||||
|
font-size: 40rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(2) {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 28rpx;
|
||||||
|
|
||||||
|
text {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-item {
|
||||||
|
text {
|
||||||
|
min-height: 100rpx;
|
||||||
|
margin: 20rpx 0;
|
||||||
|
|
||||||
|
&:nth-child(4) {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
border: 2rpx solid #dee1e6;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
background-color: #f2f5f8;
|
||||||
|
display: block;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.isSelected {
|
||||||
|
border: 2rpx solid #007AFF;
|
||||||
|
background-color: rgba(52, 152, 219, 0.3)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-btn {
|
||||||
|
margin: 30px;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
button {
|
||||||
|
box-shadow: 0 2px 5px 0 rgba(50, 50, 105, 0.15), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.noData{
|
||||||
|
font-size: 30rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,8 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="home-root">
|
||||||
<image class="logo" src="/static/logo.png"></image>
|
<view class="container">
|
||||||
<view class="text-area">
|
<view class="word-box" v-for="item in wordDivArray" :key="item.id" @tap="navgateToAnswer(item.id)" >
|
||||||
<text class="title">{{title}}</text>
|
{{item.text}}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@@ -11,42 +12,73 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
title: '测试提交成功'
|
wordDivArray:[{
|
||||||
|
id:'1',
|
||||||
|
text:'一级词汇难度'
|
||||||
|
},{
|
||||||
|
id:'2',
|
||||||
|
text:'二级词汇难度'
|
||||||
|
},{
|
||||||
|
id:'3',
|
||||||
|
text:'三级词汇难度'
|
||||||
|
},{
|
||||||
|
id:'4',
|
||||||
|
text:'四级词汇难度'
|
||||||
|
},{
|
||||||
|
id:'5',
|
||||||
|
text:'五级词汇难度'
|
||||||
|
},{
|
||||||
|
id:'6',
|
||||||
|
text:'六级词汇难度'
|
||||||
|
},{
|
||||||
|
id:'7',
|
||||||
|
text:'七级词汇难度'
|
||||||
|
}]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
navgateToAnswer(id){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:"../answer-detail/answer-detail?wordId="+id,
|
||||||
|
})
|
||||||
|
// console.log('触发')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style lang="scss" scoped>
|
||||||
.content {
|
|
||||||
|
.home-root{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
justify-content: space-between;
|
||||||
justify-content: center;
|
.word-box{
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
height: 120rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
margin:40rpx 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
border: 2rpx solid #4CD964;
|
||||||
|
&:nth-child(1){
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
&:nth-child(odd){
|
||||||
|
background: linear-gradient(135deg,#43cbff,#9708cc);
|
||||||
|
}
|
||||||
|
&:nth-child(even){
|
||||||
|
background: linear-gradient(135deg,#f54ea2,#ff7676);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
|
||||||
height: 200rpx;
|
|
||||||
width: 200rpx;
|
|
||||||
margin-top: 200rpx;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-bottom: 50rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-area {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 36rpx;
|
|
||||||
color: #8f8f94;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -17,6 +17,6 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
40
uniCloud-aliyun/cloudfunctions/createQuestionItem/index.js
Normal file
40
uniCloud-aliyun/cloudfunctions/createQuestionItem/index.js
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
'use strict';
|
||||||
|
const db = uniCloud.database();
|
||||||
|
exports.main = async (event, context) => {
|
||||||
|
// 创建数据库
|
||||||
|
const collection = db.collection('questionList');
|
||||||
|
// 添加示例数据
|
||||||
|
const res = await collection.add({
|
||||||
|
"wordData": {
|
||||||
|
"level": 1,
|
||||||
|
"wordName": "apple",
|
||||||
|
"phonetic": "abdc",
|
||||||
|
"pronunciation": "url:xx",
|
||||||
|
"options": [
|
||||||
|
{
|
||||||
|
"itemId": "A",
|
||||||
|
"itemContent": "苹果",
|
||||||
|
"right": true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"itemId": "B",
|
||||||
|
"itemContent": "香蕉"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"itemId": "C",
|
||||||
|
"itemContent": "橙子"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"itemId": "D",
|
||||||
|
"itemContent": "柠檬"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
//event为客户端上传的参数
|
||||||
|
event = '测试数据'
|
||||||
|
console.log('后端接口测试数据 : ', event)
|
||||||
|
|
||||||
|
//返回数据给客户端
|
||||||
|
return event
|
||||||
|
};
|
||||||
22
uniCloud-aliyun/cloudfunctions/provideQuestion/index.js
Normal file
22
uniCloud-aliyun/cloudfunctions/provideQuestion/index.js
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
'use strict';
|
||||||
|
const db = uniCloud.database();
|
||||||
|
exports.main = async (event, context) => {
|
||||||
|
//event为客户端上传的参数
|
||||||
|
// const count = await db.collection('questionList').count()
|
||||||
|
// 根据level字段返回不同的数据
|
||||||
|
let res = await db.collection('questionList').where({
|
||||||
|
wordData:{
|
||||||
|
level:event.level
|
||||||
|
}
|
||||||
|
}).limit(1).get()
|
||||||
|
let data = res.data
|
||||||
|
console.log('入参：页码+难度', event,res)
|
||||||
|
|
||||||
|
// let res
|
||||||
|
//返回数据给客户端
|
||||||
|
return {
|
||||||
|
code: 200,
|
||||||
|
msg: 'success',
|
||||||
|
data
|
||||||
|
}
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user