yusukesasaki-com / Mitarashi

MIT License
0 stars 0 forks source link

@keitakawamoto への説明資料 #5

Closed yusukesasaki-com closed 7 years ago

yusukesasaki-com commented 8 years ago

ログインまで

1 まずはデータベースを作成します。


2 次にGitHubからダウンロードしたzipを解凍し、cmsフォルダを ルートディレクトリ にアップして .env.exampleファイルを .env にリネームし、データベースの情報等を書き込みます。 http://hogehoge/cms/ にアクセスするとデータベースにテーブルが作成され、ユーザー登録画面にリダイレクトされます。


3 ユーザー登録画面 http://hogehoge/cms/auth/register/

名前・メールアドレス・パスワードを登録します。

register


4 ログイン画面 http://hogehoge/cms/auth/login/

ユーザー登録直後はログインされた状態になりますが、次回からは http://hogehoge/cms/ にアクセスするとログイン画面にリダイレクトされ、メールアドレス・パスワードでログインします。

login

yusukesasaki-com commented 8 years ago

記事登録まで

1 アイテム一覧画面 http://hogehoge/cms/items/

ログイン後、http://hogehoge/cms/items/ にリダイレクトされます。 「アイテム」はカテゴリーのようなもので、例えば「お知らせ」「イベント情報」等を作成し、それぞれに記事を作成できます。

items


2 アイテム作成画面 http://hogehoge/cms/items/create

メニューのAdd Item から遷移します。項目はタイトルのみです。

itemcreate


3 アイテム編集・削除

アイテム名は「編集」から変更が可能です。また「削除」クリックで削除されます。その場合、そのアイテム内に存在する記事まで一緒に削除されます。アイテムをドラッグ・ドロップすることで順番を変更できます。

itemedit


4 記事一覧画面 http://hogehoge/cms/items/posts/{id}

アイテム一覧画面のアイテムのタイトルをクリックするとそのアイテムの記事一覧画面に遷移します。

posts


5 記事投稿画面 http://hogehoge/cms/posts/create/{id}

記事一覧画面の「+」をクリックすると記事投稿画面に遷移します。 項目は、タイトル・本文・投稿日・公開状態(下書・公開)です。

postcreate


6 記事編集・削除

記事は「編集」から変更が可能です。また「削除」クリックで削除されます。 公開日順に並んでいます。

postedit

yusukesasaki-com commented 8 years ago

今から追加する機能

追加中の機能

1 アイテム一覧画面のアイテム毎にボタンを3つ追加  ↓ ・リスト用 呼び出しコードをモーダルウィンドウ的なやつで表示 (ほぼ完了) 1

・一覧用 呼び出しコードをモーダルウィンドウ的なやつで表示

(未着手)

・個別記事用 呼び出しコードをモーダルウィンドウ的なやつで表示 (作成中) 3

yusukesasaki-com commented 8 years ago

今の画面はぶっ壊してください。

よろしくお願いします。

HTML

/cms/resources/views/ 内のファイル

各ページの基礎となっているファイル(html、head、body等) /cms/resources/views/layouts/default.blade.php

メインメニュー /cms/resources/views/layouts/nac.blade.php

その他の画面はURLと連動しています。 (例) アイテム一覧画面 http://hogehoge/cms/items/ /cms/resources/views/items/index.blade.php

記事一覧画面 http://hogehoge/cms/items/posts/{id} /cms/resources/views/posts/index.blade.php

記事投稿画面 http://hogehoge/cms/items/create/{id} /cms/resources/views/posts/index.blade.php

CSS

/cms/css/ 内のファイル

keitakawamoto commented 8 years ago

@yusukesasaki-com と話した結果、コーディングする余裕がないので、画面提案のみ行ってパスすることになった。

yusukesasaki-com commented 8 years ago

アイテム一覧にモーダル表示用リンク追加

items

yusukesasaki-com commented 8 years ago

https://github.com/yusukesasaki-com/PHP-SimpleCMS-provisional-/issues/5#issuecomment-212492591

リスト用は ↓ みたいな感じのやつ。

2016-05-15 2 26 17

一覧用は ↓ みたいな感じのやつ。

2016-05-15 2 35 28

keitakawamoto commented 8 years ago

さてと...(ゆらり)

keitakawamoto commented 8 years ago

概要再確認

root
  ├── MitarashiCMSディレクトリ(ユーザー触らない)
  ├── ユーザーの作ったページ1
  ├── ユーザーの作ったページ2
  ├── ユーザーの作ったページ3(ここに記事のタグをユーザーが埋め込み)
  └── ユーザーの作ったページ4

追記事項

ユーザーの行動

ユーザーはみたらしをclone 自分のプロダクトに移動

root
  ├── MitarashiCMSディレクトリ
  ├── ユーザーの作ったページ1
  ├── ユーザーの作ったページ2
  ├── ユーザーの作ったページ3
  └── ユーザーの作ったページ4

このような形に。 その後、みたらしディレクトリの中にアクセスし初期設定

画面

初期設定画面

  サイト構築後、記事登録を行うには要ログイン。WordPressと同じ。 初期設定画面では管理画面へログインするためのメール・パスの登録を行う。

名前はいらない。カットする

pasted_image_at_2016_05_23_10_10_am_1024

ログイン画面

メモ:

MitarashiCMSという名前は素晴らしい

[2:09] 
しかしユーザーが自分のサイトに実装するときは無印良品のようにブランド色は真っ白であってほしい

[2:10] 
ので、インストール後にMitarashiCMSのロゴなどブランド色は入れる必要ない?

[2:10] 
それともブランド色がユーザーのサイトイメージを邪魔しなければ

[2:11] 
それでいいか

[2:11] 
すいません自己解決しました。

pasted_image_at_2016_05_23_10_18_am_1024

ホーム画面

アイテム=記事 ちょっと違うようなので要確認。 https://github.com/yusukesasaki-com/PHP-SimpleCMS-provisional-/issues/5#issuecomment-211034076 をよく見る アイテムという表記はわかりにくいのでやめる

pasted_image_at_2016_05_23_10_19_am_1024

(ログイン画面からログインボタンで画面遷移)

アイテム作成画面

pasted_image_at_2016_05_23_10_20_am_1024

(ホーム画面からアイテム新規作成ボタンで遷移)

記事一覧画面

pasted_image_at_2016_05_23_10_22_am_1024

(ホーム画面のアイテムから記事一覧ボタンで遷移)

記事新規登録画面

pasted_image_at_2016_05_23_10_24_am_1024

(ホームのアイテムから新規記事作成ボタンで遷移)

記事編集画面

pasted_image_at_2016_05_23_10_24_am_1024

(記事一覧画面の記事から編集ボタンで遷移)

モーダル