インペリアルCMSを使用してWebサイトを構築するための簡単なチュートリアル(初心者が入力)

Empire CMSは、Webサイトを管理するためのソフトウェアシステムであり、主にWebサイトのテンプレートを生成し(変数とテンプレートを作成して呼び出すことがコア操作です)、このシステムを介してWebサイトに新しい情報を公開します。多くの機能と詳細があります。ここでは1つずつ紹介しません。主なことは、このシステムを使用してステーションを模倣する方法を簡単に紹介することです。

関連するツールと環境のいくつかは次のとおりです。

  • Dreamweaver(インターネットでクラックされたバージョンをダウンロードして見つける)では、HBuilder XなどのWebコードエディタを使用することもできます。これは、主に後続のコード編集の便宜のためです。もちろん、ダウンロードせずに編集する場合も可能です。コード、それは面倒で時間がかかります。
  • PHPオペレーティング環境(phpstudy)、ダウンロードアドレス:小さなスキンパネル(phpstudy)-世界に難しいサーバー環境がないようにしましょう!、Windows版のphpstudyクライアントを選択し、コンピュータが64ビットか32ビットかに応じてダウンロードを選択します。ダウンロードして解凍した後、フォルダになります。アプリケーションをクリックしてインストールします(インストールプロセス中は、より大きなメモリを選択します。Cドライブにファイルが多すぎてコンピュータの動作が遅くなるのを防ぐために、私のようなインストールアドレスはDドライブに配置されます。
  • 偽のウェブサイトガジェット、ダウンロードアドレス:[公式ウェブサイト]偽のウェブサイトガジェット、ソフトウェアのダウンロードをクリックすると、ソフトウェアカテゴリ列で[偽のウェブサイトガジェット]を選択できます(単一ページのダウンロードの場合は、ページのURLを入力する必要があります。これはhtmlサフィックスでなければなりません。Webサイトのホームページに入る限り、単一ページのhtmlファイルとそのページに必要な静的ファイルをダウンロードできます)または「サイト全体のダウンロードツール」(つまり、Xiaofeituダウンロード) 、Webサイト全体のhtmlファイルとすべての静的ファイルをダウンロードできます。)単一ページのダウンロードツールを選択するか、サイト全体のダウンロードツールを選択するかは、個人の選択によって異なります。メインページ(つまり、情報の置換を除くページテンプレート)の模倣がほとんどないWebサイトの場合は、サイト全体がダウンロードされるので、1ページのダウンロードを選択することをお勧めします。同じテンプレートのすべてのコンテンツページがダウンロードされますが、個人的には不要だと思います。メインページのテンプレートが多く、コンテンツページが少ない場合は、サイト全体をダウンロードすることを選択できます。これにより、単一ページのダウンロードに必要なファイルの並べ替えとダウンロードのプロセスも削減され、より便利になります。
  • Empire CMS Webサイト管理システム、ダウンロードアドレス:Empire CMS-安定性、信頼性、安全性、安心性、ダウンロードセンターをクリックし、インストールパッケージで簡略化されたUTF-8バージョンを選択してダウンロードします。ダウンロードして解凍した後、アップロードフォルダがあり、このシステムを使用する場合は、このフォルダ内のファイルのみを使用する必要があり、他には何も必要ないことがわかります。

上記のツールと環境をインストールしたら、Webサイトを模倣する最初のステップを開始できます。模倣ステーションウィジェットを使用して、ページ上のすべてのファイルをダウンロードします(以下は、単一ページの模倣Webサイトです。つまり、ページをダウンロードします。ページを模倣する)。

  • ダウンロードページ。最初にホームページを模倣し、ダウンロードした模倣ステーションウィジェットを開き、模倣するページのURLを入力し、[追加]→[次の手順に進む]をクリックし、パス設定の相対パスを選択してから、保存するアドレスを選択します。ダウンロードしたファイルをクリックすると、ダウンロードを開始できます。

  • phpstudyでインペリアルcmsサイトを作成します。ページがダウンロードされたら、phpstudyを開き(ソフトウェア管理に必要なソフトウェアには、Webサービス、データベースサービス、php実行サポートプログラム、mysql管理ツールが含まれます)、ApacheとMySQLを開き、[Webサイト]→[Webサイトの作成]→[ドメイン名を入力]をクリックします(www .xxx.com)→データベース
    ここに画像の説明を挿入
    の作成→Webサイトが正常に作成されたら、管理オプションでルートディレクトリを開き、インペリアルcmsフォルダーにあるアップロードファイルを開き、その中のすべてのファイルをコピーして、に貼り付けることができることを確認します。新しく生成されたサイトディレクトリで
    ここに画像の説明を挿入
    、ブラウザを開いてドメイン名を入力します。インペリアルcms管理システムのホームページテンプレートが表示されたら、ドメイン名の後に/ e / installを追加してインペリアルcmsインストールページに入り、
    ここに画像の説明を挿入
    [同意する]→[次へ]をクリックします。 →次へ→データベースのユーザー名、パスワード、データベース名を入力します(これらはデータベースが設定されたばかりです。覚えていない場合は、phpstudyデータベースバーを開いて表示できます)→次のステップ→管理者アカウントを初期化→バックグラウンドコントロールパネルに入る→ログイン(次回のためにこのログインページをブラウザに保存することをお勧めします。インペリアルcmsの管理バックグラウンドを入力してください)
    ここに画像の説明を挿入
    この時点で、実際にWebサイトテンプレートを作成できます。インペリアルcms。

  • ホームページテンプレートを作成します。まず、ページ内の一般的な部分を確認します。通常、ヘッド、ナビゲーションバー、テールは同じです。ヘッドとテールに導入されたcssファイルとjsファイルが異なる場合、カウントされません。とにかく、同じコードが使用されます。それを呼び出した後、パブリック変数として。次に、ナビゲーションバーの[テンプレート]→[パブリックテンプレート変数]→[テンプレート変数の管理]→[変更]をクリックし、ダウンロードしたホームページのhtmlファイルをDreamweaverで開き、共通部分のコードをコピー→[コピー]→[変数値に貼り付け]→[送信]→[テンプレート変数名を置き換える]をクリックします。コードをコピーして貼り付けるだけで、自分で作成したテンプレート変数を呼び出すことができます。もちろん、システム変数の値を呼び出すこともできます。たとえば、先頭のタイトルは[!–pagetitle–](ホームページのWebサイト名、および他のページのページ)。name)、ホームページのページタイトル値は、ホームページがすべてを呼び出すときに、[システム]→[システム設定]→[システムパラメータ設定]→[基本プロパティ]→[サイト名]で変更できます。変数値、ページ全体のhtmlコードをコピーしてホームページテンプレートに貼り付け、[変更]→[データ更新]をクリックします(Imperial cmsは自動更新をサポートしていないため、変更するたびに手動で更新する必要があります)→ホームページを更新します→Webサイトのホームページをクリックすると、インポートしたホームページテンプレートの内容が表示されますが、ページのレイアウトが乱雑です。これは、ホームページをダウンロードしたときに、関連する静的フォルダーをコピーしていないためです。インペリアルcmsサイトフォルダをコピーしてそこに貼り付けます。
    ここに画像の説明を挿入
    このとき、ドメイン名は自分で設定し、タイトルが元のタイトルと異なっていることがわかります。これは、作成されたWebサイトのホームページテンプレートが成功していることを意味します。

  • リストテンプレートを作成します。リストページは、ナビゲーションバーのオプションでさまざまなオプションをクリックした後に入力するページです。ホームページの作成と同様に、関連ファイルをダウンロードした後、htmlファイルを開いてパブリックテンプレート変数(パブリックコード)を見つけて作成し、次にあれを呼べ。すべてのテンプレート変数を置き換えたら、ページコードをコピーし、[テンプレート]→[リストテンプレート]→[リストテンプレートの管理]→対応するリストテンプレートを選択します(通常はニュースリストテンプレートが使用されます)→[変更]→コピーしたページコードをページテンプレートコンテンツに貼り付け→[保存]テンプレートを使用すると、さまざまなリストページを作成できます。列をクリックします(ナビゲーションバーの各オプションを列と見なすことができます)→列管理→列の管理→列の追加→列情報の変更(今回は、列を作成するのではなく、さまざまなタイプの列を作成するだけであるため)ページ情報を変更する必要があるため、最終的な列ではありません)
    ここに画像の説明を挿入
    ここに画像の説明を挿入
    [送信]をクリックすると、列が正常に作成されたことがわかります。
    ここに画像の説明を挿入
    [更新]をクリックし、列名をクリックして列ページを開きます。静的ファイルをにコピーすることを忘れないでください。対応するフォルダ。

  • コンテンツページテンプレートを作成します。特定の情報をテンプレートとして含むページをダウンロードし、htmlファイルを開いてパブリックテンプレート変数(パブリックコード)を見つけて作成し、それを呼び出します。すべてのテンプレート変数を置き換えたら、ページコードをコピーし、[テンプレート]→[コンテンツテンプレート]→[コンテンツテンプレートの管理]→対応するコンテンツテンプレート(通常はニュースコンテンツテンプレート)を選択→[変更]→[コピーしたページコードをページテンプレートコンテンツに貼り付け]→[テンプレートを保存]をクリックします。これで、セクションを作成できます。「列」→「列管理」→「列の管理」→「列の追加」→「列情報の変更」をクリックします(この時点で、ページ情報を変更する必要のある列が追加されているため、最後の列を確認してください)
    ここに画像の説明を挿入
    ここに画像の説明を挿入
    「送信」をクリックすると、列が作成されたことがわかります。正常に、
    ここに画像の説明を挿入
    [更新]をクリックし、[列]をクリックします。ページを開いた後、親列の内容が親列の内容と同じであることがわかります。これは、情報が最終的な列の下に公開されていないためです。コンテンツテンプレートは使用されていません。この時点で、[情報]→[親列名]→[最終列名]→[情報の追加]をクリックします(必要なコンテンツに応じて情報を追加します。タイトルに対応する変数名は[!-title-]で、タイトルに対応する変数名です。写真は[!-titlepic-]などでインターネット上で自分で変数名を探す)→
    ここに画像の説明を挿入
    更新後、追加情報をクリックすると、コンテンツテンプレートを使用して情報を変更した後(変更後は毎回)ページが表示されます情報については、管理バックグラウンドで関連データを手動で更新する必要があります)。
    ページ上の画像を変更する場合は、タイトル画像の小さなアイコンをクリックし、[ファイル]→[アップロード]→[画像]をクリックします。クリックした画像をタイトル画像として選択し
    ここに画像の説明を挿入
    、[!– titlepic–]を呼び出します。テンプレート内の変数名。コンテンツページに追加した写真を見ました。
    ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/m0_55887872/article/details/122120331