8
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

DelphiAdvent Calendar 2020

Day 25

TMS WebCORE ローカルストレージの使い方

Posted at

##最終日が、空白ままになっていたので、TMS WebCOREの追記させていただきます。

データ一時保存の方法が、不明だったのですが、TMSのフォーラムで質問すると、ご回答いただけましたので、コンパイルした実行部を、現在使用しているレンタルサーバーにアップしました。
<手元のテスト環境は、CentOS8 + Nginxでテストしています>


JavaScriptなので、デプロイメントが他の手法にくらべても、容易な気がしますので、その手順も簡単に記述します。
###1. Delphi での画面11.png
###2. 実行します http://localhost:8000/Project1/Project1.htmlで実行されます  12.png
###3. プロジェクトのツリー構造です13.png
###4. TMSWeb/DebugのDebugをコピーして、名前を付けます、今回はtms_test1とします14.png
###5. このままでもよいのですが15.png
16.png
###6. Project1.htmlをコピーして、index.htmlに変更します16.png


このtms_test1 をフォルダごと、Webサーバーの公開部にコピーします。
これで、2.で実行した、http://localhost:8000/Project1/Project1.html が、下のサイトのURLで実行可能となりました。
画面と同じものが実行されます。<レンタルサーバーは、たぶん FreeBSD+apacheだと思います>

こちらは、このテストのリンクです
https://den6.jp/tms_test1/

使い方は、WebEditに入力して、ボタンを押してください。
緑の枠は、WebEdit1にだけに対して、ローカルストレージの処理を行います
青の枠は、WebEdit1~3に
赤の枠は、WebEdit1~3にをグリッドに、なります

ご興味のある方は、このソースをプロジェクトごと、このリンクでダウロードできます


こんな感じで、デスクトップアプリの作成手順で、Web開発ができるので、デザイン力のある方なら、動的なWebサイトの構築も、容易になるように思います。

あとは、サンプルコードが、もっと増えれば、Delphi + TMS WebCORE は、もっと活況となってもよい気がしています。

他の選択もある、Web Component PackソリューションでDelphiによるWeb開発を実現の情報が増えていくことを、願っています。

8
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?