顧客を新規登録する前に重複を確認する検索ボックスを追加しました

売上帳

この売上帳システムは僕以外のスタッフも登録することがあります。

システムにありがちなのが同じ情報をいくつも登録してしまうことです。

自分一人で扱っていてもうっかりして重複データを入力してしまうことがあります。

たとえば顧客情報を二つ作ってしまい、それぞれにデータの入力が進んでしまうと後から統一させることが厄介になってきます。

そのほか、姓と名の間にスペースを入れるか否か。姓と名のカラムを一つにしているためにこのような問題がでてくるのですが、姓と名をそれぞれ別のカラムにすれば解決できるのですが、顧客の中には法人も入ってくるため一つにしといた方が扱いやすいかなと思いました。

こういうところは最初の設計のところでしっかり検討するべきなのでしょうが、今回ほとんど思い付きでスタートしたため後から気づくことがいろいろと出てきます。

今回は顧客を新規登録する前に重複をチェックするための検索機能を追加しました。

理想としてはページをリロードしなくても、リアルタイムで重複をチェックできるようにしたいと思いました。

普通の検索ではキーワードを入れて検索ボタンを押しページをリロードして検索結果を表示するという流れになると思います。

それではちょっともたついて使い勝手が悪いなと思いました。

いつものごとく何かよい方法はないものかと調べているとjavascriptで検索機能を作ればリアルタイムに検索結果を表示できそうなのでjavascriptを調べてみることにしました。

javascriptは動的にコンテンツを更新できるということで、javascriptが使えるようになると使っていても楽しいWEBアプリが作れるなと思います。

こちらから、どんなものを作っているのか見ていただくことができます。

※読み込みにすごく時間がかかるときがあります。

https://sample-keiri.herokuapp.com/login

名前:samplekeiri

パスワード:password

でログインできます。

好きなように、登録、削除していただいて構いません。

コメント

タイトルとURLをコピーしました