vue.js卒業プロジェクト、vue.jsフロントエンドとバックエンド分離に基づくオンライン試験アプレットシステムのプロジェクト提案報告書

 

卒業論文

Vue.js をベースにしたオンライン試験アプレット システム

オープニングレポート

カレッジ:                      

選考科目:                       

学年:                       

学生の名前:                      

講師:黄 寿華                

  XXXX大学学部論文(デザイン)提案書報告書

名前  

○○

カレッジ

XXXXXX

選考科目

○○

学年(クラス)

エッセイのテーマ

Vue.js をベースにしたオンライン試験アプレット システム

メンター

プロジェクトのデモンストレーション

  • トピックの背景

Vue (/vjuː/ と発音、ビューに似ています) は、ユーザー インターフェイスを構築するための進歩的なフレームワークです。他の大きなフレームワークとは異なり、Vue は下から上にレイヤーごとに適用されるように設計されています。Vue のコア ライブラリはビュー レイヤーのみに焦点を当てており、開始が簡単であるだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も簡単です。一方、Vue は、Vue エコシステムによってサポートされる単一ファイルのコンポーネントとライブラリを使用して開発された複雑な単一ページ アプリケーションを駆動する能力を十分に備えています。

Vue.js の目標は、可能な限り単純な API を通じて応答性の高いデータ バインディングと合成ビュー コンポーネントを実装することです。

uni-app は、Vue.js を使用してすべてのフロントエンド アプリケーションを開発するフレームワークです。開発者は、iOS、Android、Web (レスポンシブ)、およびさまざまな小さなプログラム (WeChat/Alipay/Baidu/ Toutiao/Feishu/QQ/Kuaishou/DingTalk/淘宝網)、Kuai Appおよびその他のプラットフォーム。

uni-app があれば、何も心配する必要はありません。クロスターミナルではないとしても、uni-app はより優れた小規模プログラム開発フレームワーク (詳細を参照)、より優れたアプリのクロスプラットフォーム フレームワーク、そしてより便利な H5 開発フレームワークです。リーダーがどのような種類のプロジェクトを手配しても、開発の考え方や開発習慣を変えることなく、迅速にプロジェクトを実行できます。

  • テーマの目的と重要性

目的: このトピックの主な目標は、Vue.js に基づいてオンライン試験アプレット システムを設計および実装することです。フロントエンド ユーザーはアプレットを使用し、バックエンド管理は PHP で開発された Web サイト バックエンド管理システムを使用します。データの保存には Mysql8 を使用、バックエンドを通じて情報を追加 試験問題の入力、試験問題と試験タイトルの入力、メンバー管理、メッセージ管理、試験結果管理、フロントエンド ユーザーはミニ プログラムを通じてログインテスト問題の表示、オンライン試験の実施、間違った問題の分析、情報の表示、メッセージの残すなど。

意義: Vue.js をベースとしたオンライン試験アプレット システムは、コンピュータ技術と試験を組み合わせた製品であり、このオンライン試験システムを通じて試験の使用状況を効率的に管理できます。コンピュータ技術の絶え間ない進歩により、コンピュータは社会生活の隅々に浸透しました。一定のコンピュータ操作能力を有する職員を前提に、試験管理の効率化を目的として特別にコンパイルされた Vue.js ベースのオンライン試験システム ソフトウェアです。

3.実現可能性の分析

システム開発の実現可能性は、Vue.js オンライン試験アプレット システムの次の 3 つの側面に要約できます。

1. 技術的な実現可能性

オペレーティング システムとして Windows 7 または 10 を使用し、phpstorm ソフトウェアを使用してバックエンド管理システムを開発し、データベース ストレージに mysql8 を使用し、Mysql8 データベースを管理するために Navicat を使用し、Hbuilder を使用します。 WeChat ミニプログラムを使用します。

2. 経済的実現可能性

一方で、弊社が使用しているMysql8、データベース管理ツールNavicat、システムバックエンド開発ソフトウェアphpstorm、クライアント開発ツールHbuilderXはすべて無料版で利用できるため、システムの制作コストが低く抑えられ、安心してご利用いただけます。既存の PC 上で。一方で、このシステムは管理者の管理効率をさらに向上させ、人的資源と物的資源を節約します。

3. 運用可能性

システム管理者は主に Windows オペレーティング テクノロジ、通常の Word 操作、およびタイピングを使用してデータの入力、変更、削除、その他の機能を簡単かつ便利に実行できます。また、ユーザーにとって、携帯電話を使用して WeChat アプレット オンライン試験システムにログインすることは非常に便利で迅速です。

デザイン

ユーザーは、初めてシステムにログインする際にアカウントとしてユーザー登録を行う必要があり、ログイン後、プラットフォームの操作を行うことができます。主要なモジュールには次の点が含まれます。

  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  进行毕业论文答辩

意见

 

 指导教师:

   年     月     

教研室意见

                                                    教研室主任:

                                                               年     月     

おすすめ

転載: blog.csdn.net/u013818205/article/details/128010854