### 项目介绍
小程序因其“用完即走”的特性备用用户欢迎,其中各种答题类的小程序因具备一定的趣味性而异常火爆,下面,我们就模拟猜成语小程序,开发一款寓教于乐的“看图猜成语小程序”。
闲言少叙,上图看效果。
![登录页.png | center | 265x475](https://cdn.nlark.com/yuque/0/2018/png/130433/1544135816482-b492dd51-0de2-4ab1-9104-9622d13e7334.png "")
![首页.png | center | 263x470](https://cdn.nlark.com/yuque/0/2018/png/130433/1544136006720-97563ed3-ee18-4b56-bceb-fe30c769cfba.png "")
![答题页.png | center | 259x456](https://cdn.nlark.com/yuque/0/2018/png/130433/1544136034498-b2f5f86f-33a0-4cb9-a823-2ef2d8eff09f.png "")
![通关页.png | center | 258x449](https://cdn.nlark.com/yuque/0/2018/png/130433/1544136051491-9c393935-beb6-494c-9893-38a9213e779a.png "")
![分享页.png | center | 259x451](https://cdn.nlark.com/yuque/0/2018/png/130433/1544136065403-f30d9f02-895c-4ec7-b052-ad9e3184ae97.png "")
![排行榜页.png | center | 251x433](https://cdn.nlark.com/yuque/0/2018/png/130433/1544136072075-b52e9801-191c-4b32-956d-b6573a3e0965.png "")
### 基本技能要求:
* flask 基础知识
* 小程序基础知识
### 开发及运行环境:
* 虚拟环境:virtualenv。
* 数据库:PyMySQL驱动+ MySQL。
* 开发工具:微信开发者工具+PyCharm / Sublime Text 3。
* PythonWeb 框架:Flask。
* 接口调试工具:Postman。
### 数据库设计:
本项目采用MySQL数据库,数据库名称为idiom。在小程序中涉及用户信息和题目信息,所以在idom数据库下包含2张数据表,数据表名称及作用如下:
* user表:存储用户信息,包括用户昵称、头像和排名等。
* exam表:存储题目信息,包括图片、答案和备选项等。
### 使用说明
1. 使用pip安装virtualenv,命令如下:
```
pip install virtualenv
```
2. 在“flask/”目录下,创建venv 虚拟环境,命令如下:
```
virtualenv venv
```
3. 启动虚拟环境,
windows下命令如下:
```
venv\scripts\activate
```
mac下命令如下:
```
source venv\bin\activate
```
4. 安装依赖,命令如下:
```
pip install -r requirements.txt
```
5. 创建数据库,命名为idom
6. 使用数据迁移命令
```
python manage.py db init
python manage.py db migrate
python manage.py db upgrade
```
7. 创建完数据表后,将“flask\idiom.sql”文件导入到数据库
8. 启动python,运行如下命令:
```
python manage.py runserver
```
9. 开启小程序调试工具,新建项目,项目目录是“idiom/weapp-idiom”。
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
《看图猜成语》程序使用说明 启动Idiom/flask下的venv虚拟环境,运行python manage.py runserver命令启动Flask。然后打开微信开发者工具并扫码登录,选择flask/weapp-idiom小程序,加载完成后进入小程序登录页面。单击“微信登录”提示微信授权。单击“允许”按钮,即可进入到小程序首页。。 单击“开始挑战”,进入答题页面。在答题页面,鼠标单击选项区的汉字,则会将该汉字填充到当前的答案框中。如要修改答案,可以单击答案中汉字,则该汉字退回到选项区。 如果填写4个汉字后,答案正确,则进入下一关,如图5所示。否则提示错误信息。 全部通关以后,提示通关信息。单击“告诉朋友”按钮,即可分享好友。 单击“回到主页”,在主页点击“排行榜”即可查看比赛排行。
资源推荐
资源详情
资源评论
收起资源包目录
python例程-看图猜成语程序使用说明.zip (41个子文件)
python例程-看图猜成语程序使用说明
看图猜成语程序使用说明.doc 438KB
程序配置说明.docx 121KB
Idiom
weapp-idiom
pages
index
index.wxml 1009B
index.js 3KB
index.json 2B
index.wxss 355B
rank
rank.wxml 785B
rank.wxss 320B
rank.js 1KB
rank.json 2B
success
success.wxss 189B
success.json 2B
success.js 669B
success.wxml 828B
guess
guess.js 7KB
guess.json 2B
guess.wxss 805B
guess.wxml 1KB
style.wxss 499B
app.json 307B
project.config.json 571B
app.js 112B
weui.wxss 18KB
app.wxss 607B
images
gender-female.png 369B
logo.png 40KB
gender-male.png 363B
flask
idiom.sql 4KB
app
__init__.py 520B
api
__init__.py 4KB
models.py 1021B
libs
MemberService.py 499B
manage.py 76B
requirements.txt 350B
config.py 520B
.idea
Idiom.iml 464B
workspace.xml 5KB
misc.xml 192B
modules.xml 269B
README.md 3KB
readme.txt 913B
共 41 条
- 1
资源评论
文斗士
- 粉丝: 4657
- 资源: 312
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功