# 简单英语学习助手
这是我个人的数据库课程设计,虽然做的很low,但是其实还行吧,有些小bug也很正常,有问题可以发issues。
# 运行环境
python3.8+django 3.17+mysql 5.7
前端页面依赖于bootstrap@3.3.7和jquery@3.1.1(直接通过src获取)
# 运行方法
1. 安装`python3.8`
2. 执行`pip install -r requirements.txt`(建议pip之前修改pip源为国内镜像)
3. 在`setting.py`中的`DATABASES`修改数据库相关配置
```python
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql',# 数据库种类(这里为mysql)
'NAME': 'english',# 数据库名称
'USER': 'xxx',# 用户名
'PASSWORD': 'xxx',# 密码
'HOST': 'localhost',# 数据库地址
'PORT': '3306',# 数据库连接端口
}
}
```
4. 在数据库中先新建数据库名称为`english`(或者你想设置的),执行`english.sql`,将数据等导入到数据库中
5. 分别执行`python manage.py makemigrations`和`python manage.py migrate`来生成django的Models。
6. 再执行`python manage.py createsuperuser`根据命令行提示设置相关管理员帐户。
7. 最后执行`python manage.py runserver`即可在`http://localhost:8000`打开网站了。(其他运行方法自行到django官网查阅)
8. 如果要在`DEBUG = False`下运行,请按照SimpleUI的操作https://simpleui.72wo.com/docs/simpleui/QUICK.html#%E5%85%8B%E9%9A%86%E9%9D%99%E6%80%81%E6%96%87%E4%BB%B6 复制静态文件
# 系统界面
## 首页
![](https://www.hualigs.cn/image/60bf40fc143d8.jpg)
## 单词列表
![](https://www.hualigs.cn/image/60bf40fb6a119.jpg)
## 单词详情
包括含有图片信息的和不含图片信息的两种,在此以展示含有图片信息的为主。
### 进入单词详情
**含有图片信息**
![](https://www.hualigs.cn/image/60bf40fb7c103.jpg)
**不含图片信息**
![](https://www.hualigs.cn/image/60bf4ba33e745.jpg)
### 单词例句
![](https://www.hualigs.cn/image/60bf4bdca4d49.jpg)
### 单词图片
![](https://www.hualigs.cn/image/60bf4c021bb73.jpg)
## 单词搜索
采用`Word.objects.filter(word__icontains==)`来进行单词搜索。
### 开始搜索
![](https://www.hualigs.cn/image/60bf4c4ab0eb6.jpg)
### 查询到结果
![](https://www.hualigs.cn/image/60bf4ccd39506.jpg)
### 未查询到结果
![](https://www.hualigs.cn/image/60bf4ce429b7e.jpg)
## 段落翻译
采用百度翻译开放平台的的通用翻译API实现,请到https://fanyi-api.baidu.com/doc/21
查看API的调用方法,并申请appid和key,将`english\views.py`的
appid和key修改成你自己的(我的不能保证能用)。
### 英语->中文
![](https://www.hualigs.cn/image/60bf4cffcf4fb.jpg)
### 中文->英语
![](https://www.hualigs.cn/image/60bf4e5615fcf.jpg)
## 单词测试
单词测试为个人创新性的设计,可以从数据库中随机获取选定等级的10个单词,给出中文含义和词性,在输入框输入
正确的英文单词,如果输入不正确的话就会以红色提示框提示,输入正确的话就会以绿色提示框提示。同时也可以随时
查看正确答案来检验自己。
### 进入界面
![](https://www.hualigs.cn/image/60bf4f509c2dd.jpg)
### 生成随机单词的界面
![](https://www.hualigs.cn/image/60bf5014c93c3.jpg)
### 错误的输入情况
![](https://www.hualigs.cn/image/60bf506e4fe59.jpg)
### 正确的输入情况
![](https://www.hualigs.cn/image/60bf59f38fbb0.jpg)
### 显示正确答案
[![2s9BsH.png](https://z3.ax1x.com/2021/06/08/2s9BsH.png)](https://imgtu.com/i/2s9BsH)
## 后台管理
后台管理采用django自带的admin模块来进行,采用开源的SimpleUI框架对原有django后台进行美化。
### 登录界面
[![2s97oq.md.png](https://z3.ax1x.com/2021/06/08/2s97oq.md.png)](https://imgtu.com/i/2s97oq)
### 进入后台登录界面
[![2s9oes.md.png](https://z3.ax1x.com/2021/06/08/2s9oes.md.png)](https://imgtu.com/i/2s9oes)
### 后台维护单词内容界面
[![2s95Lj.md.png](https://z3.ax1x.com/2021/06/08/2s95Lj.md.png)](https://imgtu.com/i/2s95Lj)
### 对某一单词进行修改
**修改前单词情况(前端和后端)**
[![2s94yQ.md.png](https://z3.ax1x.com/2021/06/08/2s94yQ.md.png)](https://imgtu.com/i/2s94yQ)
[![2s9hQg.md.png](https://z3.ax1x.com/2021/06/08/2s9hQg.md.png)](https://imgtu.com/i/2s9hQg)
**进行修改后保存**
[![2s9bF0.md.png](https://z3.ax1x.com/2021/06/08/2s9bF0.md.png)](https://imgtu.com/i/2s9bF0)
**修改成功(后端和前端)**
[![2s9Twn.md.png](https://z3.ax1x.com/2021/06/08/2s9Twn.md.png)](https://imgtu.com/i/2s9Twn)
[![2s9qYV.md.png](https://z3.ax1x.com/2021/06/08/2s9qYV.md.png)](https://imgtu.com/i/2s9qYV)
### 管理用户添加和权限修改设置
[![2s9XSU.md.png](https://z3.ax1x.com/2021/06/08/2s9XSU.md.png)](https://imgtu.com/i/2s9XSU)
[![2s9jlF.md.png](https://z3.ax1x.com/2021/06/08/2s9jlF.md.png)](https://imgtu.com/i/2s9jlF)
[![2s9LWT.md.png](https://z3.ax1x.com/2021/06/08/2s9LWT.md.png)](https://imgtu.com/i/2s9LWT)
[reference]: https://simpleui.72wo.com/docs/simpleui/QUICK.html#%E5%85%8B%E9%9A%86%E9%9D%99%E6%80%81%E6%96%87%E4%BB%B6)复制静态文件
没有合适的资源?快使用搜索试试~ 我知道了~
简单英语学习助手,采用django,bootstrap框架和mysql数据库开发.zip
共612个文件
js:323个
css:135个
map:31个
需积分: 5 0 下载量 133 浏览量
2024-02-23
12:42:46
上传
评论
收藏 4.64MB ZIP 举报
温馨提示
简单英语学习助手,采用django,bootstrap框架和mysql数据库开发
资源推荐
资源详情
资源评论
收起资源包目录
简单英语学习助手,采用django,bootstrap框架和mysql数据库开发.zip (612个子文件)
index.css 227KB
all.min.css 54KB
cascader.css 29KB
date-picker.css 28KB
transfer.css 27KB
col.css 25KB
pagination.css 23KB
table.css 22KB
message-box.css 21KB
time-picker.css 21KB
select.css 18KB
responsive.css 18KB
slider.css 18KB
select2.css 17KB
tabs.css 16KB
base.css 16KB
base.css 16KB
select2.min.css 15KB
dropdown.css 15KB
time-select.css 13KB
table-column.css 13KB
cascader-panel.css 13KB
tree.css 13KB
upload.css 12KB
icon.css 12KB
calendar.css 12KB
autocomplete.css 10KB
button.css 10KB
widgets.css 10KB
input-number.css 10KB
menu.css 9KB
autocomplete.css 8KB
forms.css 8KB
color-picker.css 7KB
checkbox.css 7KB
input.css 7KB
index.css 6KB
changelists.css 6KB
step.css 5KB
collapse.css 5KB
drawer.css 5KB
aircraft.css 5KB
tag.css 5KB
orange.css 5KB
purple.css 4KB
x-blue.css 4KB
ant.design.css 4KB
e-purple.css 4KB
e-green.css 4KB
e-red.css 4KB
e-black.css 4KB
x-red.css 4KB
e-purple-pro.css 4KB
x-green.css 4KB
e-green-pro.css 4KB
e-red-pro.css 4KB
e-black-pro.css 4KB
e-blue.css 4KB
highdmin.css 4KB
admin.lte.css 4KB
layui.css 4KB
e-blue-pro.css 4KB
gray.css 4KB
dark.green.css 4KB
green.css 4KB
simpleui.css 4KB
element.css 4KB
black.css 4KB
light.css 4KB
waves.min.css 4KB
rtl.css 3KB
image.css 3KB
base.css 3KB
radio.css 3KB
form.css 3KB
dialog.css 3KB
select-dropdown.css 3KB
tooltip.css 3KB
carousel.css 2KB
radio-button.css 2KB
progress.css 2KB
nav_sidebar.css 2KB
popover.css 2KB
link.css 2KB
message.css 2KB
alert.css 2KB
responsive_rtl.css 2KB
switch.css 2KB
notification.css 2KB
loading.css 2KB
popper.css 2KB
timeline-item.css 1KB
login.css 1KB
scrollbar.css 1KB
carousel-item.css 1024B
breadcrumb.css 1009B
display.css 982B
spinner.css 883B
row.css 870B
badge.css 831B
共 612 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
Kwan的解忧杂货铺
- 粉丝: 2w+
- 资源: 3699
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功