ReadyScript-オンラインストア向けのCMSの外観

最近、eコマースCMS市場は、ReadyScriptラボの新製品で補充されました。 このシステムには多くのユニークな機能があります。これについてはこの投稿で説明します。

プラットフォームには、古典的な機能の大きなリストがありますが、最も重要な機能は次のとおりです。

• 1Cとの完全な統合
• ろ過、特性による商品の比較
• 商品、レビュー、評価の完全なセットのサポート
• 割引サポート
• さまざまな支払いシステム、配送サービスのサポート
• メール、SMS通知
• 関連製品（バスケットに入っているものは追加で提供されます）
• 推奨製品（製品カードに記載されている製品）
• ワンクリック購入、予約注文
• フィードバックフォームデザイナ
• トレーディングフロアへの商品のエクスポートYandex.Market、Goods @ Mail.ru
• CSV形式でのインポート/エクスポート
• 多通貨

システムのアーキテクチャにより、次のことが可能になります。

• 1つの管理パネルから複数のオンラインストアを管理する（マルチサイト）
• モジュールでシステム機能を拡張する
• 1クリックで開発者のサーバーからプラットフォームを更新する
• 定義済みのブロックを使用してページコンテンツを作成する
• サイト上のコンテンツを直接編集する

特徴的な機能：

• サイトコンストラクター。
  経験の浅いユーザーがオンラインストアの外観を編集できるようにするために、「Site Builder by Grid」と呼ばれるツールが提案されています。など）
  
  
• 機能SEOジェネレーター。
  SEOジェネレーターを使用すると、特定のテンプレートに従って製品のメタタグを大量にインストールできます。 例：モスクワで{title}の価格で{title}を購入します。
  
  
• ユーザーの個人アカウント。
  各ユーザーには個人の個人アカウントがあり、そこから注文の支払いをしたり、単純に資金を保管したりできます。 ストアの所有者は、ユーザーの個人アカウントから資金を請求または引き落とすことができます。 この機能は、たとえばサービスの販売や前払いの受け取りに便利です。
  
  
• 商品の多次元構成。
  製品のいくつかのパラメータを作成することができ、購入者は製品をバスケットに入れるときに選択できます。 必要に応じて、製品パラメーターの組み合わせごとに、独自の価格、商品、残高を設定できます。
  
  

制御インターフェースの人間工学

デザイナーは本物の彫刻家のように外観に近づきました-彼らは不要なものをすべてカットしました。 管理パネルのインターフェースは非常にシンプルでエレガントです。 管理パネルのメインページは非常に便利で有益なウィジェットを備えたデスクトップであり、ドラッグして好みに合わせてカスタマイズできます。



管理パネルの残りのセクションは互いに非常によく似ているため、1つのセクションを理解した後、システム全体で自信を持って作業できます。



管理パネルでは、ページをリロードすることなくほとんどすべてが実行されるため、システムが大幅に高速化されます。 同時に、マウスの中ボタンで任意のリンクをクリックすることも可能です。この場合、目的のコンテンツを別のタブで開く必要があります。 これは、たとえば、複数の製品を一度に編集する場合に便利です。

一般的に、管理者。 パネルには、大量のデータを扱うために必要なものがすべて揃っています。

• オブジェクトの一括編集/削除
• 1ページに表示されるアイテムの数を設定する
• すべてのページの要素を一度に強調表示する機能
• テーブル内のいくつかのパラメーターを直接編集する
• CSV形式のデータのインポート/エクスポート

オンラインストアのクライアント部分に切り替える場合、編集モードの実装に注意する必要があります。 このモードでは、サイトに表示されるブロックを構成できるだけでなく、サイト上のすべてのコンテンツを直接削除、追加、編集できます。 たとえば、製品、カテゴリ、コメント、記事にカーソルを合わせると、右クリックして、同じページにある選択したオブジェクトの編集に進むことができます。

パターン

製品配布パッケージには4つのテンプレートが含まれており、そのうち3つは次のとおりです。

• モバイルデバイスの画面に適応
• 4色のバリエーション
• グリッド上に組み立てられます（つまり、サイトビルダーを使用して編集できることを意味します）

新しいテーマの適応性を示すために、開発者のサイトにはオンラインの「タブレットとスマートフォンエミュレーター」があり、これを使用して、特定のテンプレートがさまざまなデバイスでどのように見えるかを確認できます。

私たちは意図的に1つのテンプレートをgs960グリッド上ではなくアダプティブでないように作成しました。そのため、初心者のウェブマスターは簡単な変更用のテンプレートを持っていました。

開発者の観点から見たCMS

システムアーキテクチャは、MVCモデルに基づいています。 エンジンは、フレームワークとモジュールに分かれています。 このフレームワークはPHP 5.3に基づいて構築されており、オブジェクト指向です。 典型的な問題を解決する多くのクラスが含まれています。 システムは、Smartyの最新バージョンをテンプレートエンジンとして使用します。 システム内のコードがphpDoc形式で文書化されていることに注意してください。

モジュールは適切にカプセル化され、モデル、コントローラー、テンプレート、cssファイル、jsファイル、イメージ、構成ファイルなどの必要なデータがすべてフォルダーに含まれています。 モジュールは、イベントを処理することにより、システム内のさまざまなプロセスに影響を与えることができます。 モジュールのすべての「外部」アクティビティは簡単に制御できます。ReadyScriptでは、イベントのサブスクリプションが常にモジュール名前空間の1つのクラス（それぞれ1つのファイル）で発生するためです。

ORM

ちなみに、ReadyScriptのすべてにはORMオブジェクトが組み込まれていますが、これらはActiveRecordパターンに従って構築されます。

• 製品、カテゴリ、記事、メニュー項目-これらはストレージタイプが「データベース」のORMオブジェクトです
• モジュール、システム、サイトの構成クラスも、特定のストレージを持つORMオブジェクトです
• ブロックコントローラーの設定（一部のシステムではこれはコンポーネントと呼ばれます）は、オブジェクトのORMクラスの子孫の1つから継承されたクラスで記述する必要もあります。

なぜこれが行われるのですか？ 「ORMオブジェクト」に埋め込まれた抽象化を理解すれば、答えは明白になります。

ReadyScriptのORMオブジェクトは、何らかの抽象ストレージ（データベースだけでなく、それでもよい）から自分自身を保存およびロードし、それ自体のHTMLフォームを生成できるプロパティを記述するオブジェクトです。

ORMオブジェクトを初期化するときに（これはオブジェクトの1つのクラスに対して1回発生します）、orm.initイベントがシステムで生成されることに注意することが重要です。 このイベントを処理する過程で、ORMオブジェクトのプロパティの構成を変更できます。 この機能により、サードパーティのモジュールは、たとえば新しいプロパティを製品オブジェクトに簡単に追加できます。これは、管理パネルの製品カードに自動的に表示されます。

開発者がフィールドやデータベースのインデックスを手動で作成する必要は決してなく、システムはORMオブジェクトの説明に基づいてこれをすべて自動的に行うと言うことが重要です。

ルーティング

次に注目したいのは、ルーティングサブシステムです。 各モジュールは、特定のフロントコントローラーで処理できるURLマスクを記述します。 テンプレートでは、サイトの内部ページへの直接リンクはどこでも使用されていません。代わりに、次のような構造を見ることができます。

{$router->getUrl('catalog-front-product', [id => 222])}

構築は、ルートマネージャーのgetUrlメソッドを呼び出します。このメソッドは、パラメーター（この場合はid = 222の製品）の置換を考慮したフルパスを返します。
このアプローチにより、サードパーティのモジュールは常にサイトの必要なページへの正しいリンクを形成し、サイトのアドレスマップ全体を一元的に変更できます。

ヘルパーを表示する

システムは、管理パネルのいくつかの標準ページを提供します。

• オブジェクトのリストがあるページ（中央-テーブル）
• 分類されたオブジェクトのリストを含むページ。 （左側のカテゴリ、右側のオブジェクト）
• ツリーオブジェクトのあるページ（中央-ツリー）
• オブジェクト編集ページ（中央-フォーム）
• 任意のコンテンツを含むページ（中央-任意のテンプレート）

「ヘルパー」オブジェクト（CrudCollection）は、これらのページをアセンブルする役割を果たし、上記のページのいずれかを配置する準備ができています。 開発者は、コントローラー内の必要なコンポーネントを含む「ヘルパー」オブジェクトを「ロード」するだけです。

 class CustomAdminController extends \RS\Controller\Admin\Crud { function helperIndex() { //... return new \RS\Controller\Admin\Helper\CrudCollection( $controller_object, //   $api, //  $url_object, //,       ... array( // 'topToolbar' => new \RS\Html\Toolbar\Element(...), //    'bottomToolbar' => new \RS\Html\Toolbar\Element(...), //    'filter' => new \RS\Html\Filter\Control( ... ), //  'table' => new \RS\Html\Table\Element( ... ), //  'paginator', //  'treeFilter' => new \RS\Html\Filter\Control( ... ), //     'tree' => new \RS\HTML\Tree\Element(...), //   'viewAs' => 'tableTree' //  ,    ) ); } //... } 

画像システム

ホスティングですべてのキロバイトを節約する必要があったときは、時間が経ち、開発の利便性が制限されていました。 現在、5〜8ギガバイトでのホスティングはもはや贅沢ではありません。 また、「太字のオリジナル」を保存しないように、写真をアップロードするときにすべてのサムネイルを作成する必要はありません。

ReadyScriptイメージシステムは、単に「大きな」イメージをサーバーに保存するだけで、いつでもコードまたはテンプレートで目的のサイズとスケーリングのイメージを取得できます。 はい、もちろん、システムは読み込まれた画像を保存せず、設定で指定された「大きい」サイズに圧縮します。デフォルトでは1500x1500pxです。 画像へのリンクは即座に生成され、ブラウザが最初に画像を開いたときにサムネイルが直接作成されます。

このアプローチは、プロジェクトの作成プロセスを大幅に高速化し、デザイナーに手を解放します。これは、ユーザーに表示する必要のある画像を決定するのがデザインテーマだからです。

これは、ReadyScriptで使用される概念と技術の氷山の一角にすぎませんが、この記事の概要の目的に反しないように、以下の記事で技術的な側面をさらに詳しく検討します。

配布方法

ReadyScriptプラットフォームは、3つのエディションのオープンソースの箱入り製品として配布されます。

• ショーケース
  オンラインディレクトリの作成に適しています。 このエディションでは、それぞれ「ショップ」モジュールはありません。サイトにはバスケットはありませんが、「ワンクリックで購入」ボタンがあります。
  
• 市場
  1Cとのデータ交換なしでオンラインストアを作成するのに適しています。
  
• ハイパーマーケット
  最大構成は、1Cとのデータ交換でオンラインストアを作成するのに適しています。また、メインサイトの製品範囲を持つパートナー向けにオンラインストアを開くことができる「アフィリエイトモジュール」も含まれています。 パートナーサイトが範囲全体を販売する必要がない場合、アフィリエイトサイトには個別のドメイン、商品の個別の価格、個別のテンプレート、個別のアイテムグループがあります。
  

免許

ReadyScriptは有料のCMSですが、特に次のような非常に柔軟なライセンス条件があります。

• .local、.test開発ドメインでは、システムを無制限に、永久に無料で使用できます。
• 戦闘領域では30日間の試用期間があります
• 有料ライセンスの個々の条件。 スライダーを移動するだけで、ユーザーは適切なライセンス条件とコストを選択するよう求められます。 実際、ユーザーは、ライセンスに対して毎月少額を支払うか、永久ライセンスを1回購入するかを選択できます。

標準ライセンス（重要ではなく、一時的または永久的ではない）には、2つのサイトを（マルチサイトの一部として）使用する権利が含まれています。

追加のライセンスには次のものがあります。

• 追加サイトのライセンス
• 1年間の更新サブスクリプションライセンス
• プラットフォームのより完全なバージョンにアップグレードするためのライセンス

このような柔軟なライセンス条件により、プラットフォームの最小エディションの使用を開始し、徐々に機能を増やして、オンラインストアの売上高が増加するにつれて、より完全なエディションに移行することができます。

公式サイト-http://readyscript.ru