FW再考 LastaFlute(JSON API) + AngularJs

Preview:

Citation preview

FWLastaFlute(JSON API) +

AngularJSCreated by awane

WebFW

Java FWJava FW

FW Seasar2 JavaEE Spring

FWLastaFlutedbflute-introTIPS Q&A

Takeshi Awane (@p1us2er0)

Web

Java

AngularJs etc.

AWS etc.

Web

DB

FW

etc.

FWFW

FWFW ( )

FW

FWFW

FWFW

FWFW

FW

( FW )

etc.

Java FW ( )2004 2008

Servlet, JSP, JDBCStatus1, JSP, DbUtilsStatus1, JSP, Spring, iBATIS, log4j

FW, JSP, Spring, Beehive, log4j

Java FW (Seasar2 )2008 2009

Teeda, Seasar2, DBFlute, log4j2009 2014

SAStruts, JSP, Seasar2, DBFlute, log4j

Java FW (API )2014

JavaEERESTEasy, Weld, DBFlute, SLF4J(Logback)

SpringSpringMVC, Spring, DBFlute, SLF4J(Logback)

Seasar2SAFlute, SAStruts, Seasar2, DBFlute, log4j

Java FW ( )Seasar2 FW

APIAPI APIFW

2008 DBFlute ORM DBFlute OnlyHibernate ( ?)

Java FWJava FW

Java FW (Web)(Servlet JSP)

Struts1.XStruts2.XSAStrutsTeedaSpringMMCGWT

Java FW (DI)

SpringSeasar2GuiceCDI (Weld etc.)

Java FW (ORM)

(JDBC)

DBUtils

iBATIS

Hibernate

S2Dao

S2JDBC

DBFlute

Doma

Java FW (Logging)commons-loggingjava.util.logginglogj4logback

slf4j

Java FW ( )FW

FW Seasar2 ( )

2016/9/26

FW JavaEEJava EE

FW Spring

SrpingSpringBoot

SOAP(XML) JSON <-> <-> (HTML5 )

(iPhone Android )API

FWFW Seasar2 JavaEE Spring

FW

SpringMVCSpringDBFluteSLF4J(Logback)

AngularJS1.4

Gradle ( )Gulp ( )

FWSpring

jfluteWeb

!!

FWDBFlute FW

! !!

FW

FWFW

...

FW

LastaFluteLasta-diDBFluteSLF4J(Logback)

AngularJS1.4

Gradle ( )Gulp ( )

FW7

https://atparty.jp/

LastaFluteSAStruts SpringMVC

Web

DBFlute

http://dbflute.seasar.org/ja/lastaflute/https://speakerdeck.com/jflute/lastaflute-first-impact

LastaFlute( )

lastadoc API

Cookie

Csrf Token

etc.

dbflute-introDBFlute ( )

Swing

Web (LastaFlute(JSON API) + AngularJS)

https://github.com/p1us2er0/dbflute-intro

feature/web_application

dbflute-intro12

dbflute-introDemo

git clone https://github.com/p1us2er0/dbflute-intro.gitmkdir dbflute-intro# ブランチ切り替えgit checkout feature/web_application# 初期化(時間かかります。)./gradlew refresh# API起動./gradlew run# フロントエンド起動(別ターミナルでコマンド実行)./gradlew gulp_serve# ブラウザが自動で立ち上がります。

TIPS Q&A

1. AngularJs SEOGoogle AngularJs Index

PhantomJS Static HTML

2. -> Form( & )JSON URLJSON

TIPS Q&A

1. API HTTP

(400 401 403 404 409 500 etc.)

JSON

2. ... etc.

lastaflutejflute m(__)m