15
13

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 5 years have passed since last update.

Springboot Reactjs でHerokuで動くSampleを試作しました

Last updated at Posted at 2015-01-30

下記のUrlで試して下さい。

https://spring-react.herokuapp.com
heroku1.jpg

LOGINボタンを押し、Login ID = test, Password = testで入れます。
heroku2.jpg

左側のボタンを押すと各画面が新たなタブで開きます。
heroku3.jpg

LOGOFFを押すと、開いたTABを閉じて LOGOFFします。

USER管理は、LOGIN Userの管理画面です。(本来はAdministrator権限ですね)

表のアイテムをクリックすると、下側のフォームに表示されます。

変更後 更新ボタンを押すと更新されます。

新規追加の場合は、新規ボタンを押し、データ を入れた後、更新ボタンを押します。

USER INLINEは機能はUSER管理と同様ですが、Excelの様に INLINE EDIT出来ます。

また行をDrug and Dropで入れ替える機能も入れてあります。

heroku4.jpg

USERタブは機能はUSER管理と同様ですが、タブで分かれています。
heroku5.jpg

ユーザーテーブルとシステムテーブルは機能は同じですが、権限が違っていて、
testでLOGINすればすべての画面が開きますが、aabbcc(パスワードは同じtest)だと
システムテーブルは権限がなく開けません。
heroku6.jpg

なお権限の管理はシステムテーブルで行っています。
heroku7.jpg

ソースはGitHubに置いてあります。

下記 HEROKUボタンを押すと、HEROKUのアカウントがあれば無料で同じものが出来ます。
Deploy

データベースは下記コマンドでLoad出来ます。

heroku pgbackups:restore HEROKU_POSTGRESQL_XXXX https://s3.amazonaws.com/springreact/springreact.dump --app your-app-name

###環境

  • springboot
  • dbflute
  • reactjs
  • Fluxxor
  • CoffeeScript
  • react-bootstrap

参考 React.js, Flux, CofeeScriptで試作したメモ

15
13
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
15
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?