第5回福岡市西区プログラム勉強会 2013/9/1(日)
Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回)
〜GETで一覧編〜
ぱくたそ無料写真素材を使用しております。ありがとうございます!  http://www.pa...
自己紹介
twitterID: itoKami1123
下請け・派遣で福岡をふらふらしてます。
最近はJavascriptメインになってきました。
今年はTDDできる人になりたいです。
福岡の皆で技術の底上げが出来ればと思い
たまに初心者向けの...
ところで今日の発表..
13年9月1日日曜日
なんでJavaEEなの??
PHP(Cake)とかRuby(on rails)とかあるやん..
13年9月1日日曜日
JavaEE勉強会するよ〜
9/21(土) 19:00-21:00
13年9月1日日曜日
今日の内容
ねこび〜ん by カネウチカズコ http://ja.netbeans.org/nekobean
13年9月1日日曜日
今日の内容
ねこび〜ん by カネウチカズコ http://ja.netbeans.org/nekobean
OS: Mac OSX 10.7.5
IDE:NetBeans 7.3.1
Java: 1.7.0_25
データベース:MySQL
ブ...
NetBeansでプロジェクト作成
13年9月1日日曜日
新規プロジェクトを作成
13年9月1日日曜日
プロジェクト名を設定して次へ
13年9月1日日曜日
そのまんま次へ
13年9月1日日曜日
何も選ばずに終了
13年9月1日日曜日
データの準備
(RDBMS)
13年9月1日日曜日
データは2件ほど登録してます
13年9月1日日曜日
仕事情報を格納する場所
(JPAエンティティ)
13年9月1日日曜日
jobsテーブルからデータ格納クラスを生成
13年9月1日日曜日
対象テーブル(jobs)を指定
13年9月1日日曜日
jobsテーブルに対応したJobクラス
13年9月1日日曜日
オプションは特に変更無く「終了」
13年9月1日日曜日
package findjob.domain.model;
・・・ import 省略・・・
@Entity
@Table(name = "jobs")
@XmlRootElement
@NamedQueries({
@NamedQuery(n...
仕事情報業務処理
(EJB)
13年9月1日日曜日
仕事情報を提供するサービスクラスを作ります。
13年9月1日日曜日
クラス名をHelloWorkServiceにして終了!
HelloWorkService
13年9月1日日曜日
仕事一覧をListで返す処理を追加
package	
  findjob.domain.service;
	
  
import	
  javax.ejb.Stateless;
	
  
import	
  javax.persistence....
仕事情報提供Webサービス
REST(JAX-RS)
13年9月1日日曜日
普通のJavaクラスを作成
13年9月1日日曜日
HelloWorkResouce.javaを作成
13年9月1日日曜日
package findjob.app;
 
import findjob.domain.model.Job;
import findjob.domain.service.HelloWorkService;
import java.util.L...
package findjob.app;
 
import findjob.domain.model.Job;
import findjob.domain.service.HelloWorkService;
import java.util.L...
リファクタリング -> 名前変更
自動でorg.netbeans.rest.application.configと言うパッケージ名
になるので自分のプロジェクト名に変更しました。
13年9月1日日曜日
ブラウザでGETにてJSONが返却される事を確認
13年9月1日日曜日
おしまい
Backbone.jsとJavaEE7でWebアプリを作ろう!(第2回)〜Backbone.jsで表示〜に続く..
13年9月1日日曜日
Upcoming SlideShare
Loading in …5
×

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

2,038 views

Published on

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

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

Published in: Technology, Business
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,038
On SlideShare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
8
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

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

  1. 1. 第5回福岡市西区プログラム勉強会 2013/9/1(日) Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜 ぱくたそ無料写真素材を使用しております。ありがとうございます!  http://www.pakutaso.com/about.html 未 発 表 13年9月1日日曜日
  2. 2. 自己紹介 twitterID: itoKami1123 下請け・派遣で福岡をふらふらしてます。 最近はJavascriptメインになってきました。 今年はTDDできる人になりたいです。 福岡の皆で技術の底上げが出来ればと思い たまに初心者向けの勉強会をしてます。 13年9月1日日曜日
  3. 3. ところで今日の発表.. 13年9月1日日曜日
  4. 4. なんでJavaEEなの?? PHP(Cake)とかRuby(on rails)とかあるやん.. 13年9月1日日曜日
  5. 5. JavaEE勉強会するよ〜 9/21(土) 19:00-21:00 13年9月1日日曜日
  6. 6. 今日の内容 ねこび〜ん by カネウチカズコ http://ja.netbeans.org/nekobean 13年9月1日日曜日
  7. 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. 8. NetBeansでプロジェクト作成 13年9月1日日曜日
  9. 9. 新規プロジェクトを作成 13年9月1日日曜日
  10. 10. プロジェクト名を設定して次へ 13年9月1日日曜日
  11. 11. そのまんま次へ 13年9月1日日曜日
  12. 12. 何も選ばずに終了 13年9月1日日曜日
  13. 13. データの準備 (RDBMS) 13年9月1日日曜日
  14. 14. データは2件ほど登録してます 13年9月1日日曜日
  15. 15. 仕事情報を格納する場所 (JPAエンティティ) 13年9月1日日曜日
  16. 16. jobsテーブルからデータ格納クラスを生成 13年9月1日日曜日
  17. 17. 対象テーブル(jobs)を指定 13年9月1日日曜日
  18. 18. jobsテーブルに対応したJobクラス 13年9月1日日曜日
  19. 19. オプションは特に変更無く「終了」 13年9月1日日曜日
  20. 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. 21. 仕事情報業務処理 (EJB) 13年9月1日日曜日
  22. 22. 仕事情報を提供するサービスクラスを作ります。 13年9月1日日曜日
  23. 23. クラス名をHelloWorkServiceにして終了! HelloWorkService 13年9月1日日曜日
  24. 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. 25. 仕事情報提供Webサービス REST(JAX-RS) 13年9月1日日曜日
  26. 26. 普通のJavaクラスを作成 13年9月1日日曜日
  27. 27. HelloWorkResouce.javaを作成 13年9月1日日曜日
  28. 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. 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. 30. リファクタリング -> 名前変更 自動でorg.netbeans.rest.application.configと言うパッケージ名 になるので自分のプロジェクト名に変更しました。 13年9月1日日曜日
  31. 31. ブラウザでGETにてJSONが返却される事を確認 13年9月1日日曜日
  32. 32. おしまい Backbone.jsとJavaEE7でWebアプリを作ろう!(第2回)〜Backbone.jsで表示〜に続く.. 13年9月1日日曜日

×