vue.js graduation project, project proposal report of online examination applet system based on vue.js front-end and back-end separation

 

Graduation thesis

Online exam applet system based on Vue.js

Opening report

College:                      

major:                       

Grade:                       

student name:                      

Instructor: Huang Juhua                

Proposal report for undergraduate thesis (design) of   XXXX University

name  

Xxx

college

XXXXXX

major

Xxx

Grade (class)

Essay topic

Online exam applet system based on Vue.js

mentor

Project demonstration

  • Topic background

Vue (pronounced /vjuː/, similar to view) is a progressive framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up. Vue's core library only focuses on the view layer, which is not only easy to get started, but also easy to integrate with third-party libraries or existing projects. Vue, on the other hand, is fully capable of driving complex single-page applications developed using single-file components and libraries supported by the Vue ecosystem.

The goal of Vue.js is to implement responsive data binding and composed view components through the simplest possible API.

uni-app is a framework that uses Vue.js to develop all front-end applications. Developers write a set of codes that can be published to iOS, Android, Web (responsive), and various small programs (WeChat/Alipay/Baidu/Toutiao/ Feishu/QQ/Kuaishou/DingTalk/Taobao), Kuai App and other platforms.

With uni-app in hand, you don’t have to worry about anything. Even if it is not cross-terminal, uni-app is a better small program development framework (see details), a better App cross-platform framework, and a more convenient H5 development framework. No matter what kind of project your leader arranges, you can deliver it quickly without changing your development thinking or changing your development habits.

  • The purpose and significance of the topic

Purpose : The main goal of this topic is to design and implement an online exam applet system based on Vue.js. The front-end users use the applet, and the back-end management uses a website back-end management system developed with PHP. Mysql8 is used to store data; information is added through the back-end. Entering test questions, entering test papers and test paper titles, member management, message management, and test result management; front-end users log in through the mini program to view test questions, conduct online exams, analyze wrong questions, view information, leave messages, etc. .

Significance : The online exam applet system based on Vue.js is a product of the combination of computer technology and exams. Through this online exam system, efficient management of exam usage is achieved. With the continuous improvement of computer technology, computers have penetrated into every corner of social life. On the premise that the staff have certain computer operation capabilities, this online examination system software based on Vue.js is specially compiled to improve the efficiency of examination management.

3. Feasibility analysis

The feasibility of system development can be summarized in the following three aspects of the Vue.js online examination applet system, as follows:

1. Technical feasibility

Use Windows 7 or 10 as the operating system, use phpstorm software to develop the backend management system, use mysql8 for database storage, use Navicat to manage the Mysql8 database, and use Hbuilder Use WeChat mini-programs.

2. Economic feasibility

On the one hand, the Mysql8, database management tool Navicat, system backend development software phpstorm, and client development tool HbuilderX we use can all be found in free versions. The production cost of the system is low and it can be used on existing PCs. On the other hand, the system further improves the efficiency of administrators in management, thereby saving manpower and material resources;

3. Operational feasibility

System administrators mainly rely on the use of Windows operating technology, regular word operations, and typing to complete data entry, modification, deletion and other functions, which is simple and convenient. It is also very convenient and fast for users to use their mobile phones to log in to the WeChat applet online examination system.

Design

Users need to register a user as an account when logging into the system for the first time. After logging in to the platform, users can perform platform operations. The main modules include the following points:

  1. 注册登录功能:注册普通账号登录;登录后可以修改用户的基本信息,也可以退出。
  2. 资讯功能:小程序在线考试系统的的资讯,用户可以任意浏览资讯列表和详细信息  
  3. 考题分类:后台可以对考试的题目进行分类管理,用户在小程序中可以按分类来浏览自己所需要参与考试的题目;
  4. 录入题库:后台录入的题库,支持单选题、多选题、判断题
  5. 题库管理:可以查看题目列表,支持修改和删除
  6. 录入试卷:录入试卷名称,试卷封面,试卷简介
  7. 试卷管理:查看现有的试卷列表,支持修改和删除
  8. 试卷题库录入:在试卷列表,每个试卷可以选择录入单选、多选、判断题
  9. 考试成绩列表:后台管理员可以查看,考试的哪套题,哪个用户,多少分
  10. 考试: 用户浏览题库,找到需要考试的题目后,点击“开始考试”,按顺序考试后,点击“提交试卷”完成考试
  11. 我的考试:记录了登录用户的考试记录,试卷名称,对错记录,分数。
  12. 试卷解析:针对已经考完的试卷,每个题目给出解析的结果,对错分析
  13. 用户信息:填写姓名、qq、邮箱、备注等信息
  14. 退出登录:清除登录转台,跳转到首页
  15. 留言反馈:填写留言内容、联系人、手机、邮箱、提交留言

进度计划

2022.09.10—2022.10.15  查看大量的文献,收集课题有关资料,确定论文选题;

2022.10.16—2022.10.30  在老师的指导下,填写毕业论文任务书;

2022.10.31—2022.11.15  大量收集论文资料,理清论文思路,对论文思路进行完善。

2022.11.16—2022.12.22  完成开题报告答辩;

2022.12.23—2022.12.27  根据指导老师提出的建议再进行修改,完善系统功能设计

2022.12.28—2023.04.10  在查阅大量文献之后,运用多种研究方案,完成系统开发并基本完成论文初稿。

2023.04.01—2023.04.15  将初稿完善交由导师审阅,提出修改建议。

2023.04.16—2023.05.14  在导师指导下,对论文进行反复修改形成终稿,装订成册上交学院,同时为毕业论文答辩做准备工作

2023.05.15  进行毕业论文答辩

意见

 

 指导教师:

   年     月     

教研室意见

                                                    教研室主任:

                                                               年     月     

Guess you like

Origin blog.csdn.net/u013818205/article/details/128010854