Skip to content

Latest commit

 

History

27 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

塾の問題を管理するシステムのフロントエンド

バックエンドはhttps://github.com/kawaeeeee/problemDB_back pdf形式の問題をアップロードし、その問題を検索、表示、コピーできます。 問題データベースのCRUD機能があります。 問題は学年、教科、単元、難しさ、タイトルの情報をもっている。

ホーム画面

メニューバーのホーム、単元の編集、問題の編集をクリックすることで、それぞれの画面に変わる。 problemDBhome

単元の編集の画面

editproblemhome

問題の編集の画面

editproblemhome2

機能一覧

問題一覧表示機能

ホーム画面で、メニューバーの下の学年、教科をクリックするとプルダウンで選択できる。 検索を押すと、条件に適した問題の一覧が表示される。 なにも指定しないで検索だけを押すと、すべての問題一覧が表示される。

problem_list

pdfファイル表示機能

"開く"ボタンを押すと、そのpdfがモーダルウィンドウに表示される。 showpdf

pdfファイル印刷機能

"印刷"ボタンを押すと、モーダルウィンドウが表示され、"印刷する"を選択すると、印刷される。印刷の処理はバックエンドが行う。 printpdf

問題追加機能

問題の編集の画面の"問題を追加"ボタンを押すと、モーダルウィンドウが表示される。 学年、教科、単元、難しさはプルダウンで選択できる。 タイトルとメモはテキストフィールドに入力する。 ファイルを選択をすると、デバイスから、pdfファイルをアップロードできる。 登録を押すと、問題DBに登録される。 addproblem

問題編集機能

問題の編集の画面で、検索し、ファイル一覧を表示後、"編集"ボタンを押すと、モーダルウィンドウが表示され、 学年、教科、単元、タイトル、難しさを変更できる。 追加のときと同様に、学年、教科、単元、難しさはプルダウンで選択でき、タイトルはテキストフィールドへの入力である。 editproblem

問題削除機能

問題の編集の画面で、検索し、ファイル一覧を表示後、"削除"ボタンを押すと、モーダルウィンドウが表示され、 問題を削除できる。 deleteproblem

単元追加機能

単元の編集の画面の"単元の追加"をクリックすると、モーダルウィンドウが表示され、 単元を追加することができる。 学年と教科はプルダウンで選択できる。 単元名はテキストフィールドへの入力である。 単元を追加すると、問題を追加するときや、編集するときのプルダウンの選択肢に反映される。 addunit

単元編集機能

単元の編集の画面の"編集"ボタンを押すと単元名の欄がテキストフィールドに変わり、 単元名の編集ができる。テキストフィールド入力後保存を押すと、変更が反映される。 editunit

単元削除機能

単元の編集の画面の"編集"ボタンを押すとモーダルウィンドウが表示され、単元を削除できる。 削除したい単元が問題に使用されている場合は削除できない。

deleteunit

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages