ホーム>Web サイト構築リソース>ウェブサイトデータ
ダウンロード

ブックマークマネージャー

レスポンシブモックアップ

ゴール

Bookmarks Managerはすべてのブックマークを集中化し、ユーザーがリンクを保存および取得するための単一の場所を提供します。このプロジェクトは、オンラインリソースに組織化された簡単なアクセスを強調しています。

スタック

  • HTML
  • CSS
  • ブートストラップ
  • jquery
  • jquery ui
  • ajax
  • Php
  • mysql

このプロジェクトは完全に対応しており、すべてのデバイスで機能するようにしています。

インストール

これらの手順に従って、XAMPPを使用してプロジェクトを設定して実行します。

ステップ1：XAMPPをインストールします

  • XAMPPをダウンロード：XAMPPダウンロードページに移動し、オペレーティングシステムのインストーラーをダウンロードします。
  • インストーラーの実行：ダウンロードしたインストーラーを開き、プロンプトに従ってXAMPPをインストールします。スムーズなセットアップのデフォルトオプションを選択します。
  • インストールの確認：インストール後、XAMPPコントロールパネルを開き、XAMPPが正しくインストールされていることを確認します。

ステップ2：プロジェクトファイルを準備します

  • リポジトリページの最前線にあるForkボタンをクリックして、リポジトリをフォークします。
  • フォークされたリポジトリをローカルにクローンします
git clone https://github.com/your-username/repo-name.git
  • プロジェクトディレクトリに移動します
 cd repo-name
  • プロジェクトをXAMPPに移動します： repo-nameディレクトリをhtdocsディレクトリにコピーします。これは、通常、WindowsのC:xampphtdocsまたはLINUX上の/opt/lampp/htdocsで見つかっています。

ステップ3：XAMPP Apacheサーバーを起動します

  • XAMPPコントロールパネルを開く：XAMPPコントロールパネルアプリケーションを開始します。
  • Apacheを起動：コントロールパネルで、Apacheサービスを見つけ、[開始]をクリックしてWebサーバーを起動します。 Apacheが実行されていることを確認します（そのステータスは緑色で「実行される」必要があります）。

ステップ4：仮想ホストをセットアップします（オプションですが推奨）

  • vhostsファイルC:xamppapacheconfextrahttpd-vhosts.conf （windows）または/opt/lampp/etc/extra/httpd-vhosts.conf ）を編集します。
  • ファイルの下部に次の行を追加します。 
< VirtualHost *:80>
    DocumentRoot " C:/xampp/htdocs/repo-name "
    ServerName repo-name.local
    DirectoryIndex index.html index.php

    < Directory "C:/xampp/htdocs/repo-name">
        AllowOverride All
        Require all granted
    </ Directory >
</ VirtualHost >

XAMPPが別のディレクトリにインストールされている場合は、ファイルパスを調整します。

  • システムのhostsファイルにrepo-name.localのエントリを追加します。
    • Windowsで、 C:WindowsSystem32driversetchosts 。
    • Linuxでは、ルート特権を持つ/etc/hostsを編集します。
  • 次の行、 127.0.0.1 repo-name.localを追加します
  • Apacheを再起動：これらの変更を保存した後、XAMPPコントロールパネルに戻り、Apacheを再起動して新しい仮想ホスト構成を適用します。

ステップ5：phpmyAdminを使用してデータベースをインポートします

  • MySQL Serverを起動する：XAMPPコントロールパネルで、MySQLの横にある「開始」をクリックしてMySQLデータベースサーバーを起動します。
  • PHPMYADMINを開く：ブラウザで、http：// localhost/phpmyadminにアクセスしてください。
  • 上部の[データベース]タブをクリックします。
  • データベースの名前（例： repo-name ）を入力し、collat​​ionとしてutf8_general_ci選択します。 [作成]をクリックします。
  • 左サイドバーから新しく作成されたデータベースを選択します。
  • 上部の[インポート]タブをクリックします。
  • インポートするファイルの下で、[ファイルを選択]をクリックし、プロジェクトに提供されているSQLファイルを選択します。
  • フォーマットがSQLに設定されていることを確認し、[Go Go]をクリックしてインポートを開始します。
  • インポートが完了したら、成功メッセージが表示されます。テーブルがデータベースを閲覧することによって作成されていることを確認します。

SQLファイルは、プロジェクトのsqlディレクトリにあります。

include/database.phpファイルのDB名と資格情報を変更します。

ステップ6：アプリケーションにアクセスします

  • Webブラウザを開く：希望するWebブラウザを起動します。
  • アプリケーションにアクセスしてください： http://repo-name.local （またはhttp://localhost/repo-nameにアクセスしてください。仮想ホストを設定しなかった場合は）。
  • セットアップを確認します。アプリケーションのホームページがロードされるようになり、アプリケーションの使用準備が整っていることを示します。

cributing寄付

貢献は大歓迎で、大歓迎です！このプロジェクトに貢献したい場合は、次の手順に従ってください。

  • リポジトリページの最前線にあるForkボタンをクリックして、リポジトリをフォークします。
  • フォークされたリポジトリをローカルにクローンします
git clone https://github.com/your-username/repo-name.git
  • 貢献のための新しいブランチを作成します
git checkout -b feature/your-feature-name
  • 変更を加えて、コードがクリーンで適切にフォーマットされていることを確認してください。
  • あなたの変更をコミットします
git commit -m " feat: your feature description "
  • 分岐をフォークリポジトリに押し込みます
git push origin feature/your-feature-name
  • 元のリポジトリに移動して[新しいプルリクエスト]ボタンをクリックして、プルリクエスト（PR）を送信します。

？貢献ガイドライン

  • 変更が十分にテストされ、文書化されていることを確認してください。
  • 既存のコードスタイルとプロジェクト構造を順守します。
  • PRに変更と強化に関する明確な説明を提供します。
  • PRレビュープロセスでフィードバックと議論を開いてください。

✉§連絡先

？ライセンス

あなたが私の仕事が良いと思うなら、それを与えるか、フォークングを与えることを検討して、❤️を表示してください。それは私が軌道に乗ってやる気を起こさせるのに役立ちます。

拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて