タイトル: ウェブサイト管理 WEBAPP
デモリンク: http://52.28.221.30/account/
説明
このプロジェクトでは、次のことができる Web サイト管理システムを開発しました。
1: サインアップ、ログイン、パスワードの回復。
2: Web サイトの画像をアップロード、編集、削除します。
3: 当社について、当社のサービスなどのウェブサイトの情報を書き込み、編集、削除します。
4: 訪問者とユーザーの統計を表示および分析します。 5: データベースにログインしてクエリを実行するための API。
言語には、PHP、MYSQL (PDO)、JavaScript、HTML5、CSS が含まれます。
使用方法:
データベース:
PHP 8 以降を実行する XAMPP が必要です。mysql のユーザー名とパスワードをそれぞれ (adminui,#J4dIg0Mn4PiJm0Ck4#) に変更し、別の詳細を使用する場合は phpmyadmin 設定ファイル内のデータベースの詳細を変更します。
再キャプチャ:
.env ファイルでSECRET_KEY変数を作成し、それを Google recatcha secrect_key に割り当てます。また、account.settings.js の 8 行目で site_key を自分のものに置き換えます。
SMTP:
.env ファイルでSMTP_EMAILおよびSMTP_PASS変数を作成し、それを独自の詳細に割り当てます。
ホスト変数:
config.php のHOST変数はマシンのルート ドメインを保持します。実際のドメインと一致するように置き換えてください。
画像フォルダー変数:
config.php のImg_folder変数は、画像を保存するフォルダーを保持します。実際のものと一致するように置き換えてください。
MAX REG 変数:
config.php のMAX_REG変数は、許可するユーザー (管理者) の数を保持します。
訪問者の統計の追跡
require_once('includes/tracking.php'); を追加します。また、login.php または任意の他のページ/ファイルの上部で、*yourdomain/account/tracking.php にリクエストを送信して訪問を記録することもできます。
ファイル:
config.php :
このファイルは、グローバル変数とデータベースの初期化で構成されます。
関数.php :
このファイルにはすべての共有関数が含まれており、 config.phpの機能が必要です。
インデックス.php :
これはすべてのページのメインホルダーであり、URL パラメータのactionとsubActionの値に応じてページ間を切り替えます。 function.php 、 include/actions.php 、 include/headerの機能が必要です。 .php 、 /footer.php が含まれます。
ログイン.php :
このファイルにはログイン認証ロジックが含まれており、 function.phpの機能が必要です。
ログアウト.php :
このファイルはセッションの破棄とユーザーのログアウトのために使用され、 function.phpの機能が必要です。
recorver-password.php :
このファイルはパスワードを回復するためのもので、 function.phpの機能が必要です。
サインアップ.php :
このファイルにはサインアップ認証ロジックが含まれており、 functions.phpの機能が必要です。
追跡.php :
このファイルは、IP を通じて訪問者の情報を追跡および記録するためのもので、 function.phpの機能が必要です。
api.handledata.php :
このファイルには、データのアップロード、編集、削除などのすべてのデータ操作ロジックが含まれており、 functions.phpの機能が必要です。
js/account.settings.js :
このファイルには、Google recaptcha、バックエンドへの XML リクエストの送信、ページ インタラクション、ユーザーと訪問者の統計の差のパーセンテージの記録などの JavaScript ロジックと機能が保持されており、 include/footer.phpのいくつかの機能が必要です。
css/account.style.css :
このファイルには、このプログラムのすべてのスタイルが含まれています。
include/actions.php :
このファイルには、ページの HTML を配置して表示するための関数が含まれており、そのデータは、 index.phpによって決定されます。このファイルには、 functions.phpのいくつかの機能が必要です。
include/header.php :
このファイルには、Web サイト全体のヘッダーと先頭部分を表示する関数が含まれており、 functions.phpとinclude/tags.phpのいくつかの機能が必要です。
include/tags.php :
このファイルには、Web サイト全体の先頭部分に追加されるすべての HTMLメタ タグとファイル リンクが含まれています。これにより、個々のページに独自のタイトルを付けることができます。
include/footer.php :
このファイルには、HTML のすべてのフッター部分と、Web サイト全体の一部の JavaScript が含まれています。
画像:
このフォルダーには、アップロードされたすべての画像が保存されます。
ベンダー:
このフォルダーには、autoload やsymphony などのいくつかの php プラグインが含まれています。
composer.lock と composer.json :
これは、パッケージとプラグインをインストールするための php パッケージです。
APIの使い方
ログイン
ログインするには、まず Web ページでアカウントを作成し、次に電子メールとパスワードを JSON データ (例: {"email":"[email protected]","password":"testing12345"}) として指定し、投稿リクエストを送信する必要があります。 http://52.28.221.30/account/api/login.php にアクセスすると、トークンを取得できます (トークンの有効期限は 48 時間です)。応答の例 const data = {"success":true,"message":"Login success","access_token":"ac9e4fd897999fa3419bec77718de76c"}。アクセス トークンを使用すると、残酷な操作を実行できます。
クラッドオペレーション
このアクセスは、ログインしているユーザーのみが許可されます。このためには、 Postリクエストを http://52.28.221.30/account/handledata.php に送信する必要があります。
ヘッダー: この操作を成功させるには、認可としてアクセス トークンを含むヘッダーを設定する必要があります。例: const HEADERS = {"Content-Type": "application/json","Authorisation": "Bearer a3f714e812578a46d97f703ed2a99b59" }。
リクエストボディ: 画像とテキストの 2 つの主要な操作があり、操作に応じて json データを提供する必要があります。
画像:
画像データ: const data = {"data": [{"old_name": "example.extension", "image_name": "example.extension", "image_blob": "画像の Base64 データが含まれています", "xtension":to Operation=upload}],"origin": "api_req"、"type": "image"、"category": "gallery" の場合に指定します。 "sub_category": "指定する(サイト画像、タトゥー、絵画)"、"操作": "指定する(編集、削除、アップロード)"、"状態": "変更"}
テキスト:
テキストデータ: const data = {"data": 指定する,"origin": "api_req","type": "textual","category":"about/services","sub_category": "指定する" ,"操作": "指定予定","状態": "変更"}
データの取得: データを取得するには、 action 、 sub action 、 page 、およびlimitを指定してGetリクエストを http://52.28.221.30/account/api/readdata.php に送信します。
例: リクエスト: http://52.28.221.30/account/api/readdata.php?action=galleries&sub=site-images&page=0&limit=4、
例: 応答: {'success': True, 'page': '0', 'limit': '4', 'total_data_count': 12, 'data_count': 4, 'data': [{'img_url': 'http ://127.0.0.1/backend/account/images/site-images/favicon-sm.ico'}、 {'img_url': 'http://127.0.0.1/backend/account/images/site-images/favicon-lg.ico'}, {'img_url': 'http://127.0.0.1/backend/account/画像/サイトイメージ/23891556799905703.png'}、{'img_url': 'http://127.0.0.1/backend/account/images/site-images/youtube-circle-black.png'}]}