四则运算之结对作业——前端

一、背景

需求一共有以下几点;

1. 定制出题要求。每次出题时用户都可以在界面上定制如下参数：题目数量，算式数值范围（仅包括原始题目与最终结果的绝对值的数值范围），题目中最多有多少个运算符，题目中是否包含乘除法，题目中是否包含括号。在点击相应出题按钮后将生成题目文件（不包含答案）。
2. 做题功能。出题后，用户可以开始答题
3. 判题功能。用户答题过程中或者全部完成后可以判断对错，并统计分数和时间。
4. 本次界面可以用网页版或客户端任何一种形式完成。

本次作业使用了刚刚开始学习的vue.js进行开发，vue.js是现在非常流行的框架，使用vue.js旨在了解学习框架，方便未来的开发，同时基于vue.js进行前端开发，避免了多余的DOM渲染，使开发脱离了对DOM进行操作，更加专注于对数据进行处理。开发过程中，还使用了element-ui,vue-cli辅助开发，使开发更加便捷。

本次作业目的在于练习使用新框架，实现前后端分离，了解前后端传值的实现。

二、功能展示 

本小组完成了老师要求的任务，并且，又新增了文件下载的功能，用户可以自由选择是否下载题目。

文件下载功能;

三、代码展示

前端项目目录：

前端代码主要分为四部分

1、assets

用来存放静态文件

当我在组件中需要引用静态资源时，这些静态资源就存放在assets中

2、components

在components中存放我的