前后端分离项目，vue+uni-app+php+mysql在线考试系统（H5移动项目）开题报告

傷城~ 2024-03-31 11:00 54阅读 0赞

**毕业论文**

基于Vue.js在线考试系统（H5）

开题报告

学 院：

专 业：

年 级：

学生姓名：

指导教师： 黄菊华

**XXXX****大学本科生毕业论文（设计）开题报告书**

<table> 
 <tbody> 
 <tr> 
 <td colspan="2"> 姓&nbsp;&nbsp; 名 </td> 
 <td> Xxx </td> 
 <td> 学院 </td> 
 <td> XXXXXXX </td> 
 <td> 专业 </td> 
 <td> Xxx </td> 
 <td> 年级（班） </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td colspan="2"> 论文题目 </td> 
 <td colspan="5"> 基于Vue.js在线考试系统（H5） </td> 
 <td> 指导教师 </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td> 课题论证 </td> 
 <td colspan="8"> 
 <ul> 
 <li>课题背景</li> 
 </ul>Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。 
 <ul> 
 <li>课题的目的与意义</li> 
 </ul>目的：本课题主要目标是设计并能够实现一个基于Vue.js在线考试系统，前台用户使用H5移动端页面，后台管理使用PHP开发的网站后台管理系统，使用Mysql8存储数据；通过后台添加资讯信息、录入试题、录入试卷和试卷的题目、会员管理、留言管理、考试结果管理；前台用户通过H5移动网页登录，查看试题、进行在线考试、错题分析、查看资讯、留言等。 意义：基于Vue.js在线考试系统是计算机技术与考试管理相结合的产物，通过该在线考试系统实现了对考试使用的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落。在工作人员的具备一定的计算机操作能力的前提下，特编此基于Vue.js在线考试系统软件以提高考试的管理效率。 三、可行性分析 基于Vue.js在线考试系统有以下三方面可以总结系统开发的可行性，具体如下： 1.技术可行性 以Windows7或10为操作系统，采用phpstorm软件开发后台管理系统，运用mysql8进行数据库存储，使用Navicat管理Mysql8数据库，使用HbuilderX开发用户端；用本地PC电脑安装服务器环境模拟服务器运行系统，用户登录H5移动网页地址使用系统。 2.经济可行性 一方面，我们所使用的Mysql8，数据库管理工具Navicat，系统后台开发软件phpstorm，用户端开发工具HbuilderX这些都可以找到免费版本使用，系统的制作成本低，在现有的PC机上即可使用。另一方面，系统使管理员在管理的工作效率进一步提高从而节省人力、物力； 3.操作可行性 系统管理员主要凭借使用Windows操作技术，常规的会word操作，会打字即可完成数据的录入、修改、删除等功能，简单方便。用户登录H5移动网页在线考试系统来使用，也非常方便快捷。 </td> 
 </tr> 
 <tr> 
 <td> 方案设计 </td> 
 <td colspan="8"> 用户首次登陆系统需要注册一个用户作为账号，用户在登录平台后，可以进行平台的操作。主要模块包括以下几点： 
 <ol> 
 <li>注册登录功能：注册普通账号登录；登录后可以修改用户的基本信息，也可以退出。</li> 
 <li>资讯功能：小程序在线考试系统的的资讯，用户可以任意浏览资讯列表和详细信息&nbsp;&nbsp;</li> 
 <li>考题分类：后台可以对考试的题目进行分类管理，用户在小程序中可以按分类来浏览自己所需要参与考试的题目；</li> 
 <li>录入题库：后台录入的题库，支持单选题、多选题、判断题</li> 
 <li>题库管理：可以查看题目列表，支持修改和删除</li> 
 <li>录入试卷：录入试卷名称，试卷封面，试卷简介</li> 
 <li>试卷管理：查看现有的试卷列表，支持修改和删除</li> 
 <li>试卷题库录入：在试卷列表，每个试卷可以选择录入单选、多选、判断题</li> 
 <li>考试成绩列表：后台管理员可以查看，考试的哪套题，哪个用户，多少分</li> 
 <li>考试： 用户浏览题库，找到需要考试的题目后，点击“开始考试”，按顺序考试后，点击“提交试卷”完成考试</li> 
 <li>我的考试：记录了登录用户的考试记录，试卷名称，对错记录，分数。</li> 
 <li>试卷解析：针对已经考完的试卷，每个题目给出解析的结果，对错分析</li> 
 <li>用户信息：填写姓名、qq、邮箱、备注等信息</li> 
 <li>退出登录：清除登录转台，跳转到首页</li> 
 <li>留言反馈：填写留言内容、联系人、手机、邮箱、提交留言</li> 
 </ol></td> 
 </tr> 
 <tr> 
 <td> 进度计划 </td> 
 <td colspan="8"> 2022.09.10—2022.10.15&nbsp; 查看大量的文献，收集课题有关资料，确定论文选题； 2022.10.16—2022.10.30&nbsp; 在老师的指导下，填写毕业论文任务书； 2022.10.31—2022.11.15&nbsp; 大量收集论文资料，理清论文思路，对论文思路进行完善。 2022.11.16—2022.12.22&nbsp; 完成开题报告答辩； 2022.12.23—2022.12.27&nbsp; 根据指导老师提出的建议再进行修改，完善系统功能设计 2022.12.28—2023.04.10&nbsp; 在查阅大量文献之后，运用多种研究方案，完成系统开发并基本完成论文初稿。 2023.04.01—2023.04.15&nbsp; 将初稿完善交由导师审阅，提出修改建议。 2023.04.16—2023.05.14&nbsp; 在导师指导下，对论文进行反复修改形成终稿，装订成册上交学院，同时为毕业论文答辩做准备工作 2023.05.15&nbsp; 进行毕业论文答辩 </td> 
 </tr> 
 <tr> 
 <td> 导 教 师 意见 </td> 
 <td colspan="8"> &nbsp; &nbsp;指导教师： &nbsp;&nbsp; 年&nbsp; &nbsp;&nbsp;&nbsp;月&nbsp; &nbsp;&nbsp;&nbsp;日 </td> 
 </tr> 
 <tr> 
 <td> 教研室意见 </td> 
 <td colspan="8"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;教研室主任： &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 年&nbsp; &nbsp;&nbsp;&nbsp;月&nbsp; &nbsp;&nbsp;&nbsp;日 </td> 
 </tr> 
 <tr> 
 <td></td> 
 <td></td> 
 <td></td> 
 <td></td> 
 <td></td> 
 <td></td> 
 <td></td> 
 <td></td> 
 <td></td> 
 </tr> 
 </tbody> 
</table>