Struts2 + Spring + mybatis! とりあえず付箋ペタペタ機能を一通り作ってみた

超久しぶりのTagDiaryです。

ちょっと作るたびにblogを更新、だと却ってやる気を失ってしまうので、「ここでまずひと段落」というところまで作りました。
https://github.com/ymotchi/TagDiary

ここまでで、

• ユーザを作る
• ログインする
• 付箋をペタペタ貼る
• 付箋に文字を書く
• 付箋を保存する

ができるようになりました。「TagDiary」ってくらいですから、日付ごとに付箋をまとめるような感じにしたかったのですが、まずはその前まで。

もし「利用してみたい」という方がいらっしゃれば、
mavenのプロジェクトを作る → プロジェクト直下にGitHubにあるsrcディレクトリとpom.xmlが来るようにダウンロードする → ビルドする → アプリケーションサーバを起動する
で使えると思われます。

また、こいつはMySQLも使っておりまして、テーブルを2つほど作ってやってください。

user
iduser	INT(11) PK, NN
userid	VARCHAR(16) NN, UQ
password	VARCHAR(128) NN

tag
idtag	INT(11) PK, NN
iduser	VARCHAR(16) NN
tagseq	INT(11) NN
x	INT(11) NN
y	INT(11) NN
width	INT(11) NN
height	INT(11) NN
contents	TEXT

わたくし、今までMySQLをほとんど知りませんで、"contents"列はCLOBにしたいんだけどCLOBは・・・などと思っておりましたら、MySQLではTEXTというのですね。

サーバが起動したら、「http://localhost:ポート/コンテキストルート/create_user_init」にアクセスしてユーザ作成、その後「.../login_init」にアクセスしてログインすると、付箋の編集画面に行きます。

ここで、四角の中をダブルクリックすると、付箋が出現。付箋はサイズ変更やドラッグ＆ドロップOK。中身をクリックすれば、文字が書けます。付箋を右クリックすると、メニューが現れ、削除が可能です。下のボタンを押せば保存ができ、次回ログインしたときに、前回書いたものが再現されます。

・・・とつらつら書いてもわかりづらいものです。
よってここに、保存を除いた付箋ペタペタ機能のデモを作りました。この部分はJavascriptでいろいろやっているだけです。

• 削除

なんかたまに右クリックメニューがあらぬところに現れますが、そこはご愛嬌。