栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

uniapp开发微信小程序-软考刷题小程序

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

uniapp开发微信小程序-软考刷题小程序

记录一次基于uniapp的微信小程序开发 前言

计算机科学与技术辅修学士的毕业设计
最终决定做微信小程序(比较简单)
刷题小程序方向
软考内容

开发语言

前端uniapp开发
后端django开发

springboot目前不太会,django上手比较快,后端能用就行()

数据库MySQL

框架设计 题库

题库直接从网上爬取
传送门: 记录一次爬虫题库

数据库结构

这个要写可以写好几页,先带过

前端

参考了软考通

功能实现 刷题部分 刷题模式选择

分段器


		

data

list:['答题模式','背题模式'],

题目滑动显示

使用swpier组件遍历questionList即可实现题目显示


	
		{{item.stem}}
	

题号跟随

参考了这篇文章
父子组件传参
swpier组件传值给父组件
父组件传值给导航栏组件
swiper部分,滑动时会调用dexChange函数传值给父组件


	
		{{item.stem}}
	

父组件监听后传值给导航栏组件即可实现

选项显示

父组件把每个question传给选项子组件


		
		{{option.option}}.{{option.content}}
		


	{{item.analysis}}

刷题导航栏


创建BottomBar组件






主页面调用组件


	
	
	

目前的UI

错题分析 刷题导航栏功能

使用 uni-popup 组件
安装过程可见本人另外一文
传送门: uni-ui安装

设置

	
		
			长按复制该题ID
		
		
			开启自动切换
			
		
		
			暗色模式
			
		
	

css暂时不贴出
效果图

标页码 收藏 登录部分 缓存部分 后端部分 数据库部分 部署 后记

说简单也不简单,说难也不难
233333

2022-07-25 希望早日毕业

未完待续

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1025226.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号