JavaフレームワークスキピオERPを使用してオンラインストアを作成します。

スキピオERPアプリケーションを持っており、すべて込みます。

あなたは、オンラインで製品やサービスを販売したい場合は、しかし、どちらかが高すぎる、適切なソフトウェアやカスタマイズのコストを見つけることができませんか?だから、スキピオERP多分正確に何をしたいです。

スキピオERPは、アプリケーションと、Javaベースのオープンソースの電子商取引フレームワークであり、すべて込みます。2014年にプロジェクトのApache OFBizの優れたカスタマイズと、より現代的な魅力に焦点を当てから分岐。製品構成の見事な配列で、国際的にサポートしながら、電子商取引のコンポーネントは、あなたが多店舗環境で作業することができ、非常に豊富であり、それは現代のHTMLフレームワークと互換性があります。ソフトウェアはまた、会計、倉庫管理やセールスフォースオートメーションなど、他の多くのビジネスシナリオのための標準的なアプリケーションを提供します。あなたは偉大であるだけで仮想ショッピングカート、より多くをしたい場合には、非常に標準化され、そしてカスタマイズすることが容易です。

また、最新のWeb標準に追いつくことができますシステムは、それは非常に簡単になります。すべてのインターフェイスは、システムの「使用しているテンプレートツールキットマクロのセットは、すべてのアプリケーションでHTMLから分離することができ、習得が容易である」建物を、。このため、各アプリケーションは、コアに標準化されています。混乱に聞こえますか?実際にそれがHTMLのように見えるHTML--されていませんが、あなたははるかに少ないコンテンツを書きました。

初期インストール

作業を開始する前に、あなたは、Java 1.8(またはそれ以降)がインストールSDKとのGitクライアントを持っていることを確認してください。完成しましたか?すばらしいです!次に、GitHubの上のメインブランチに切り替えます:

git clone https://github.com/ilscipio/scipio-erp.git
cd scipio-erp
git checkout master
复制代码

システムをインストールするには、単に実行./install.shして、コマンドラインからのオプションのいずれかを選択します。最高のは、「開発のためのインストール」(オプション1)を使用してきた開発時、それはまた、デモデータのシリーズをインストールします。プロのインストールでは、自動的にあなたのための会社とカタログデータを設定するための初期設定データ(「シードデータ」)を変更することができます。デフォルトでは、システムが実行するために内部データベースを使用していますが、また、構成することが可能なようにPostgreSQLとMariaDBとして、リレーショナルデータベースのさまざまなを使用します。

インストールウィザード
セットアップウィザード

インストールウィザードの初期構成

コマンドは、./start.shシステムを起動して、リンク開くには、HTTPSを:// localhostを:8443 /セットアップ / 設定は完了です。あなたはデモデータをインストールする場合は、ユーザー名に使用できるadminとパスワードをscipioログインします。インストールウィザードでは、会社、会計、倉庫、製品カタログ、オンラインストアおよび追加のユーザーの設定情報を設定することができます。製品ストアの設定インターフェイス上のサイト構成エンティティをスキップします。システムは、複数のオンラインストアを実行するために、さまざまな基礎となるコードを使用することができます。あなたはそれをしたい場合を除き、デフォルト値が最も簡単で選択されています。

おめでとう、あなただけスキピオERPをインストールしました!インターフェイス上で12分を操作する、その機能を感じます。

ショートカット

カスタムに入る前に、ここではいくつかの便利なコマンドはあなたを助けることができます:

  • ショップ・オーバーライドを作成します。./ant create-component-shop-override
  • 新しいコンポーネントを作成します。./ant create-component
  • 新しいテーマのコンポーネントを作成します:./ant create-theme
  • 管理者ユーザーを作成します。./ant create-admin-user-login
  • 他の有用なさまざまな機能:./ant -p
  • プラグインをインストールし、更新するためのユーティリティ:./git-addons help

また、次の場所に注意してください。

  • スキピオは、サービススクリプトとして実行されます:/tools/scripts/
  • 出力ディレクトリをログインします。/runtime/logs
  • 管理アプリケーション:<https://localhost:8443/admin/>
  • Eコマースアプリケーション:<https://localhost:8443/shop/>

最後に、スキピオERPは、次の5つの主要ディレクトリ内のすべてのコードをビルドするには:

  • framework:フレーム関連のソース、アプリケーションサーバ、および一般的な設定インターフェイス
  • applications:Coreアプリケーション
  • addons:サードパーティの拡張機能
  • themes:ルックアンドフィールを変更します。
  • hot-deploy:独自のコンポーネント

いくつかの構成に加えて、あなたはになりますhot-deployし、themes開発ディレクトリ。

カスタマイズされたオンラインストア

本当に独自のシステムとなってシステムを作るために、の使用を検討し始めたのコンポーネントをこの方法は、モジュラーアセンブリである、被覆拡張及びシステムに追加することができます。することができますWebコンポーネント別のデータベース(約情報取り込むことができ、モジュールとしての実体を)、機能(サービス)、インターフェース(ビュー)、イベントや運用情報やWebアプリケーションなど。互換性のあるオリジナルのソースを維持しつつ、コンポーネントの機能として、あなたは、独自のコードを追加することができます。

コマンドを実行./ant create-component-shop-overrideし、オンラインストアのコンポーネントを作成する手順に従ってください。この操作はされますhot-deploy、元の電子商取引アプリケーションをカバーするために拡大するディレクトリ内に新しいディレクトリを作成します。

コンポーネントのディレクトリ構造
コンポーネントのディレクトリ構造

典型的なディレクトリ構造アセンブリ。

あなたのコンポーネントは、次のディレクトリ構造を持つことになります。

  • config:設定
  • data:シードデータ
  • entitydef:データベースのテーブル定義
  • script:場所のGroovyスクリプト
  • servicedef:サービスの定義
  • src:Javaクラス
  • webapp:Webアプリケーション
  • widget:インタフェース定義

また、ivy.xmlファイルは、あなたがMavenのビルドプロセスにライブラリを追加することができますofbiz-component.xmlファイルは、Webアプリケーション全体のコンポーネントおよび構造を定義します。別にいくつかから、あなたはまた、現在のディレクトリ内のWebアプリケーションで見られることができWEB-INF、ディレクトリ探しcontroller.xmlファイルを。これは、あなたが要求エンティティを定義し、イベントやインターフェイスにそれらを接続することができます。唯一のインターフェイスのために、あなたはまた、構築されたCMSの機能を使用することができますが、優先順位は、コア機構に固執する必要があります。変更の導入前に、お馴染み/applications/shop/

カスタムインタフェースを追加

覚えておいてくださいテンプレートツールキットあなたを?あなたはそれが各インターフェイスで使用するために持っていることがわかります。マクロはすべてを構築するために使用され、習得が容易であるとして、あなたはそれを設定することができます。次に例を示します。

<@section title="Title">
    <@heading id="slider">Slider</@heading>
    <@row>
        <@cell columns=6>
            <@slider id="" class="" controls=true indicator=true>
                <@slide link="#" image="https://placehold.it/800x300">Just some content…</@slide>
                <@slide title="This is a title" link="#" image="https://placehold.it/800x300"></@slide>
            </@slider>
        </@cell>
        <@cell columns=6>Second column</@cell>
    </@row>
</@section>
复制代码

右、難しいことではありませんか?一方、対象はHTMLとスタイル定義が含まれています。フロントエンドの開発者にこの意志の力は、彼らが各マクロの出力を定義し、独自の開発を構築するためのツールに固執することができます。

我々はそれを試して急いで。まず、あなた自身のオンラインストアの要求を定義します。あなたは、このコードを変更します。ことができますが、また、CMS組み込みシステムHTTPS:8443 / CMS /://ローカルホストアクセス、あなたに新しいテンプレートやインタフェースを作成するためのより効率的な方法を可能にします。これは、テンプレートツールキットと完全に互換性があり、かつサンプルテンプレートは、あなたの好みに応じて使用することができますが付属しています。ここでは、システムを理解しようとしているので、しかし、そう私たちはより洗練されたアプローチを採用しましょう。

お店を開きwebapp、ディレクトリcontroller.xmlのファイルを。コントローラは、要求イベントを追跡し、それに応じて動作を行います。次の操作がされます/shop/testの下に新しい要求を作成します。

<!-- Request Mappings -->
<request-map uri="test">
     <security https="true" auth="false"/>
      <response name="success" type="view" value="test"/>
</request-map>
复制代码

あなたは、複数の応答、あなたは、必要に応じて、決定するための要求にイベントまたはサービス呼び出しを使用することができます使用することがあります応答を定義することができます。私は、応答の「表示」タイプを選択しました。他のタイプは、要求のリダイレクトで転送するステップと、ビューは応答してレンダリングされます。システムは、後で出力を決定することができますレンダラーの様々な付属しています。これを行うには、次の行を追加します。

<!-- View Mappings -->
<view-map name="test" type="screen" page="component://mycomponent/widget/CommonScreens.xml#test"/>
复制代码

独自のコンポーネントの名前に置き換えますmy-component次に、あなたが渡すことができますwidget/CommonScreens.xmlファイル内の次のタグを追加し、あなたの最初の画面を定義するには:

<screen name="test">
        <section>
            <actions>
            </actions>
            <widgets>
                <decorator-screen name="CommonShopAppDecorator" location="component://shop/widget/CommonScreens.xml">
                    <decorator-section name="body">
                        <platform-specific><html><html-template location="component://mycomponent/webapp/mycomponent/test/test.ftl"/></html></platform-specific>
                    </decorator-section>
                </decorator-screen>
            </widgets>
        </section>
    </screen>
复制代码

実際ストアインターフェイスは、モジュール、要素(複数あるウィジェット、動きデコレータ)。簡単にするために、一時的であるとして残し、新しいページのテンプレートツール最初のパッケージファイルを追加することによって行われます。これを行うには、新しい作成しwebapp/mycomponent/test/test.ftlたファイルをし、次の行を追加します。

<@alert type="info">Success!</@alert>
复制代码

カスタマイズ可能なインターフェース
カスタムスクリーン

カスタマイズ可能なインターフェイス。

オープンのhttps:// localhostを:8443 /ショップ /制御/テスト/ あなたの成果に驚嘆。

カスタムテーマ

独自のテーマを作成することで、店舗のルックアンドフィールを変更するには。コンポーネントのようにすべてのテーマを使用することができますthemesフォルダを見つけました。コマンドを実行し./ant create-theme、独自のテーマを作成します。

テーマのコンポーネントのレイアウト
テーマ・コンポーネントのレイアウト

典型的なテーマ・コンポーネントのレイアウト。

以下は、最も重要なディレクトリとファイルのリストであります:

  • テーマの設定:data/*ThemeData.xml
  • 特定のテーマパッケージHTML:includes/*.ftl
  • キットのHTMLテンプレートの定義:includes/themeTemplate.ftl
  • CSSクラスの定義:includes/themeStyles.ftl
  • CSSフレームワーク: webapp/theme-title/

メトロスレッドツールパッケージのクイックツアー;それは財団CSSフレームワークを使用し、このフレームワークを最大限に活用します。その後、その後、新しく構築された中でwebapp/theme-title、自分のテーマディレクトリを設定し、開発を開始。財団ショップのテーマは、あなたがあなた自身の仕事のための基礎として使用することができ、特定のテーマストアを実装することは非常に簡単です。

見て!あなたはそれをカスタマイズする準備ができて、自分のオンラインストアを設定しています!

スキピオERPの完全なオンラインストアを構築
完成したスキピオERPショップ

スキピオERPのベースの完全なオンラインストアを構築します。

次は何ですか?

スキピオERPは、複雑なe-businessアプリケーションの開発を簡素化する強力なフレームワークです。より完全に理解するために、プロジェクトを参照してくださいマニュアルを参照してみてください、オンラインデモを、またはコミュニティに参加します


経由:opensource.com/article/19/...

著者:ポール・パイパーが話題:lujun9972の翻訳:laingke校正:WXY

この記事LCTTオリジナルのコンパイラは、Linuxの中国は誇りに思っています

おすすめ

転載: juejin.im/post/5d87871c5188253fa0351140