提出課題

SpringBootを使ったWebサイトを作成する。

プロジェクト名: tweeter
Spring Boot Version: 2.2.1

作成するページとURL

トップページ	http://localhost:8080/
ユーザー一覧＆ユーザー登録	http://localhost:8080/user/
ツイート一覧＆ツイート投稿	http://localhost:8080/tweet/
ユーザー編集ページ	http://localhost:8080/edit/{id}

作成するHTMLテンプレート

トップページ	index.html
ユーザー一覧＆ユーザー登録	user.html
ツイート一覧＆ツイート投稿	tweet.html
ユーザー編集	edit.html

エンティティ

User

・id – Long ・name – String ・profile – String ・tweets – List

Tweet

・id – Long ・time – java.util.Date ・content – String ・user – User

トップページの内容

• Webサイトのタイトル
• 番号と名前
• 「ユーザー一覧＆ユーザー登録」ページへのリンク
• 「ツイート一覧＆ツイート投稿」ページへのリンク

「ユーザー一覧＆ユーザー登録」ページの内容

• Webサイトのタイトル
• 番号と名前
• トップページへのリンク
• 入力フォームで名前（name）と自己紹介(profile)を入力できる
• 送信ボタンを表示
• 登録済みユーザー一覧

「ツイート一覧＆ツイート投稿」ページの内容

• Webサイトのタイトル
• 番号と名前
• トップページへのリンク
• 入力フォームで投稿内容（content)を入力できる
• 送信ボタンを表示
• 投稿済みツイート一覧を表示する

「ユーザー編集」ページの内容

• Webサイトのタイトル
• 番号と名前
• トップページへのリンク
• 入力フォームで名前と自己紹介を入力できる
• 送信ボタンを表示

application.properties

spring.datasource.url=jdbc:hsqldb:hsql://localhost/tweeter
spring.datasource.username=SA
spring.datasource.password=
spring.datasource.driver-class-name=org.hsqldb.jdbc.JDBCDriver
spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.HSQLDialect
spring.jpa.hibernate.ddl-auto=update

pom.xml

bookshelfのpom.xml から以下の部分をコピーして、tweeter の pom.xml に貼り付ける。

		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>

		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-data-jpa</artifactId>
		</dependency>

		<dependency>
			<groupId>org.hsqldb</groupId>
			<artifactId>hsqldb</artifactId>
		</dependency>

配点

1. トップページ: 10点
2. トップページ: CSSでデザインを変更していたら10点
3. ユーザー一覧＆ユーザー登録ページ: 表示できたら10点
4. ユーザー一覧＆ユーザー登録ページ: ユーザー登録できたら10点
5. ユーザー一覧＆ユーザー登録ページ: ユーザー編集ページに飛べたら10点
6. ユーザー一覧＆ユーザー登録ページ: CSSでデザインを変更していたら10点
7. ツイート一覧＆ツイート投稿ページ: 表示できたら10点
8. ツイート一覧＆ツイート投稿ページ: ツイート投稿できたら10点
9. ツイート一覧＆ツイート投稿ページ: 投稿者名が表示される（エンティティの連携） : 10点
10. ツイート一覧＆ツイート投稿ページ: CSSでデザインを変更していたら10点
11. ユーザー編集ページ: 表示できたら10点
12. ユーザー編集ページ: 編集できたら10点
13. ユーザー編集ページ: CSSでデザインを変更していたら10点

※全部クリアすると100点超えますが、最高点は100点です。

提出方法

1. プロジェクトを作成したフォルダを、エクスプローラで開く。
2. 「tweeter」フォルダを右クリックし[送る]-[圧縮(zip 形式)フォルダー]を選択する。
3. 「tweeter.zip」ファイルができるので、そのファイルを提出する。
4. 「X:\提出フォルダ\2018\提出\システム開発実習」に自分の番号のフォルダ（1817NN）を作成する。
5. 作成したフォルダに「tweeter.zip」ファイルをコピーする。