ahuglajbclajep / ajax-qrcode-springboot Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 3.0 88 KB

Ajax and SpringBoot example

Home Page: https://ajax-qrcode-springboot.herokuapp.com

License: Apache License 2.0

Batchfile 1.34% Shell 1.12% Java 41.30% CSS 3.38% HTML 34.21% JavaScript 18.65%

demo heroku

ajax-qrcode-springboot's Introduction

🎮 ahu

(q=_=>( // This is a self-replicating program (the so-called Quine). RUN ME!
  {
    profile: {
      name: /^ahu(?:glajbclajep)?$/,
      birthdate: new Date("1997/3/12"),
      hobbies: ["programming", "gaming", "reading"],
    },
    accounts: {
      twitter: "https://twitter.com/ahuglajbclajep",
      github: "https://github.com/ahuglajbclajep",
      steam: "https://steamcommunity.com/id/ahuglajbclajep",
    },
    posts: {
      notes: "https://scrapbox.io/ahuglajbclajep",
      hobbies: "https://ahuglajbclajep.hatenadiary.jp",
    },
  }
,console.log(`(q=${q})()`)))()

ajax-qrcode-springboot's People

Contributors

Stargazers

Watchers

Forkers

790013438 arvind-handa123 ahmeddaooud

ajax-qrcode-springboot's Issues

Can't work gradle plugins DSL

gradleとspringのドキュメントによると

plugins {
  id "org.springframework.boot" version "1.5.4.RELEASE"
}

だけでpluginのapplyまでやってくれるらしいが

group 'ahuglajbclajep.spring.boot'
version = '1.1.0'
buildscript {
    plugins {
        id "org.springframework.boot" version "1.5.4.RELEASE"
    }
}

としたところorg.springframework.bootプラグインの解決に失敗した

失敗すると必ず400を返す

https://stackoverflow.com/questions/7462202/spring-json-request-getting-406-not-acceptable
こういった理由らしい
つまり

@PostMapping(value = "/ajax", produces = MediaType.IMAGE_JPEG_VALUE)

と宣言したのに矛盾した操作をしているため

MIMEについて

f45b6ab のように

return ResponseEntity.ok(baos.toByteArray());

とするとapplication/octet-streamになる
image/jpegとの違いはブラウザがファイルを '名前を付けて保存' することを提案するそうだがJSで受けているのであまり関係がない
image/jpegでもいいが

return ResponseEntity.ok().contentType(MediaType.IMAGE_JPEG).body(baos.toByteArray());

と少し長くなる

どちらがいいのか

IEで$.ajaxが機能しない

おそらく

$.ajax({
  url: "create",
  type: "POST",
  contentType: "text/plain",
  data: text,
  xhr: function () {
    var xhr = new XMLHttpRequest();
    xhr.responseType = "blob";
    return xhr;
  }
})

とxhrを指定してるのが原因
ドキュメントにも

Defaults to the ActiveXObject when available (IE)

とある(IEにもXMLHttpRequestはあるはずだが…)

素直に素のJSで書くと動作するのでそのように対応する

ハッシュが変わってもリロードしないと内容が変更されない

ハッシュを直接変更した場合、リロードを挟まないとjsの先頭の部分が実行されないため内容が変更されない
これはブラウザの戻るボタンでハッシュが変わった場合、内容が更新されないことを意味する

https://stackoverflow.com/questions/17769884/ajax-and-back-button-hash-changes-but-where-is-previous-page-state-stored

createQRcodeの引数の扱いについて

nullはもちろん空文字でも生成する画像はない
nullに対するアプローチは

privateならnullがこないのは自明
空文字はisEmpty()でIllegalArgumentExceptionを投げるなどする
java.util.Optional<T>.orElseでデフォルト値でなどで処理を継続
null以外にもとりたくない値があるならIllegalArgumentExceptionを投げる
java.util.Objects.requireNonNullでNullPointerExceptionを投げる
@NonNullを使う
などが上げられる

リソースが更新されない

herokuにデプロイしたものにアクセスすると304でブラウザのキャッシュが使われることがある
このとき新しいJSを引いてこないことがある

ToDo

v2.0までにやりたいこと

構成について調べる
命名則
フォルダ
resources /static vs /public
エラーページを作る
http://docs.spring.io/spring-boot/docs/current-SNAPSHOT/reference/htmlsingle/#boot-features-error-handling-custom-error-pages
faviocnはspring.mvc.favicon.enabled=falseで無効にできる
見た目の調整 a68738b
#7 has-feedbackがかぶる問題
padding-bottom
altと内容を一致させる
org.gradle.daemon=trueが必要か検証 240cb5c
#8 windows向けの注意書きを追記しREADMEを同梱
ローカルでの実行時ログをファイルに吐かせる

生成に失敗した場合入力の枠の色を変える

http://getbootstrap.com/css/#forms-control-validation
https://api.jquery.com/addclass/

Enterの押下でもボタンが押されるようにする

button type="submit"だと自動でなるあれをJSで実装する

bodyが日本語を受け付けない

bodyの時点でエンコードされたものになってしまうので正しいQRコードが生成されない
これによるとapplication/x-www-form-urlencodedだと手間っぽい
そもそも複数パラメーターをもらうためのものだし