Your SlideShare is downloading. ×
  • Like
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜

  • 1,339 views
Published

LT予定だった資料 …

LT予定だった資料
急にキャンセルしてすみません....

第5回福岡市西区プログラム勉強会 2013/9/1(日)
Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜

Published in Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,339
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
4
Comments
0
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 第5回福岡市西区プログラム勉強会 2013/9/1(日) Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜 ぱくたそ無料写真素材を使用しております。ありがとうございます!  http://www.pakutaso.com/about.html 未 発 表 13年9月1日日曜日
  • 2. 自己紹介 twitterID: itoKami1123 下請け・派遣で福岡をふらふらしてます。 最近はJavascriptメインになってきました。 今年はTDDできる人になりたいです。 福岡の皆で技術の底上げが出来ればと思い たまに初心者向けの勉強会をしてます。 13年9月1日日曜日
  • 3. ところで今日の発表.. 13年9月1日日曜日
  • 4. なんでJavaEEなの?? PHP(Cake)とかRuby(on rails)とかあるやん.. 13年9月1日日曜日
  • 5. JavaEE勉強会するよ〜 9/21(土) 19:00-21:00 13年9月1日日曜日
  • 6. 今日の内容 ねこび〜ん by カネウチカズコ http://ja.netbeans.org/nekobean 13年9月1日日曜日
  • 7. 今日の内容 ねこび〜ん by カネウチカズコ http://ja.netbeans.org/nekobean OS: Mac OSX 10.7.5 IDE:NetBeans 7.3.1 Java: 1.7.0_25 データベース:MySQL ブラウザ:chrome 以下環境です。 13年9月1日日曜日
  • 8. NetBeansでプロジェクト作成 13年9月1日日曜日
  • 9. 新規プロジェクトを作成 13年9月1日日曜日
  • 10. プロジェクト名を設定して次へ 13年9月1日日曜日
  • 11. そのまんま次へ 13年9月1日日曜日
  • 12. 何も選ばずに終了 13年9月1日日曜日
  • 13. データの準備 (RDBMS) 13年9月1日日曜日
  • 14. データは2件ほど登録してます 13年9月1日日曜日
  • 15. 仕事情報を格納する場所 (JPAエンティティ) 13年9月1日日曜日
  • 16. jobsテーブルからデータ格納クラスを生成 13年9月1日日曜日
  • 17. 対象テーブル(jobs)を指定 13年9月1日日曜日
  • 18. jobsテーブルに対応したJobクラス 13年9月1日日曜日
  • 19. オプションは特に変更無く「終了」 13年9月1日日曜日
  • 20. package findjob.domain.model; ・・・ import 省略・・・ @Entity @Table(name = "jobs") @XmlRootElement @NamedQueries({ @NamedQuery(name = "Job.findAll", query = "SELECT j FROM Job j"), @NamedQuery(name = "Job.findById", query = "SELECT j FROM Job j WHERE j.id = :id"), @NamedQuery(name = "Job.findByName", query = "SELECT j FROM Job j WHERE j.name = :name")}) public class Job implements Serializable { private static final long serialVersionUID = 1L; @Id @GeneratedValue(strategy = GenerationType.IDENTITY) @Basic(optional = false) @Column(name = "id") private Integer id; @Basic(optional = false) @NotNull @Size(min = 1, max = 128) @Column(name = "name") private String name;   public Job() {} public Job(Integer id) { this.id = id; } public Job(Integer id, String name) { this.id = id; this.name = name; } public Integer getId() { return id; } public void setId(Integer id) { this.id = id;} public String getName() { return name; } public void setName(String name) { this.name = name; } ・・・ import 省略・・・ } 自動でJob.java生成 JPQL (Java Persistence Query Langauage) 13年9月1日日曜日
  • 21. 仕事情報業務処理 (EJB) 13年9月1日日曜日
  • 22. 仕事情報を提供するサービスクラスを作ります。 13年9月1日日曜日
  • 23. クラス名をHelloWorkServiceにして終了! HelloWorkService 13年9月1日日曜日
  • 24. 仕事一覧をListで返す処理を追加 package  findjob.domain.service;   import  javax.ejb.Stateless;   import  javax.persistence.EntityManager; import  javax.persistence.PersistenceContext;   import  java.util.List; import  javax.persistence.TypedQuery; import  findjob.domain.model.Job;   @Stateless public  class  HelloWorkService  {       @PersistenceContext   protected  EntityManager  entityManager;     public  List<Job>  findAll(){         TypedQuery<Job>  q=  entityManager.createNamedQuery(         "Job.findAll",  Job.class);     return  q.getResultList();   } } Job.java(JPAエンティティ)を 操作するEntityManager 全件取得! 13年9月1日日曜日
  • 25. 仕事情報提供Webサービス REST(JAX-RS) 13年9月1日日曜日
  • 26. 普通のJavaクラスを作成 13年9月1日日曜日
  • 27. HelloWorkResouce.javaを作成 13年9月1日日曜日
  • 28. package findjob.app;   import findjob.domain.model.Job; import findjob.domain.service.HelloWorkService; import java.util.List; import javax.ejb.EJB; import javax.ws.rs.GET; import javax.ws.rs.Path; import javax.ws.rs.Produces; import javax.ws.rs.core.MediaType;   @Path("hellowork/jobs") public class HelloWorkResouce {   @EJB protected HelloWorkService hellowWorkService;   @GET @Produces(MediaType.APPLICATION_JSON) public List<Job> getJobs(){ return hellowWorkService.findAll(); } } URLのパス 使用するEJBを追加 GETでJSON形式で取得 13年9月1日日曜日
  • 29. package findjob.app;   import findjob.domain.model.Job; import findjob.domain.service.HelloWorkService; import java.util.List; import javax.ejb.EJB; import javax.ws.rs.GET; import javax.ws.rs.Path; import javax.ws.rs.Produces; import javax.ws.rs.core.MediaType;   @Path("hellowork/jobs") public class HelloWorkResouce {   @EJB protected HelloWorkService hellowWorkService;   @GET @Produces(MediaType.APPLICATION_JSON) public List<Job> getJobs(){ return hellowWorkService.findAll(); } } 左の黄色のランプを選択し「JavaEE6仕様を使用して RESTを構成します」を選択 13年9月1日日曜日
  • 30. リファクタリング -> 名前変更 自動でorg.netbeans.rest.application.configと言うパッケージ名 になるので自分のプロジェクト名に変更しました。 13年9月1日日曜日
  • 31. ブラウザでGETにてJSONが返却される事を確認 13年9月1日日曜日
  • 32. おしまい Backbone.jsとJavaEE7でWebアプリを作ろう!(第2回)〜Backbone.jsで表示〜に続く.. 13年9月1日日曜日