スポンサーリンク

2015年6月13日

Elixir+Phoenix+MongoDBで掲示板(もどき)を作るだけの簡単なお仕事!

#目的

Elixir+Phoenix+MongoDBを使って掲示板(もどき)を作成する。


#実施環境

OS: Windows8.1
Erlang: Eshell V6.4
Elixir: v1.0.4
Phoenix Framework: v0.13.1
elixir-mongo: v0.5.1
MongoDB:v3.0.3

#目次

1. 作業一覧
2. ソースコード一覧
3. まとめ

#参考文献

なし!!

#始める前に


また、掲示板(もどき)を作成します。
個人的には一番作成が簡単で基本機能のおさらいになると思っているので・・・
毎度、新しい言語とWebフレームワークを使う時は私の恒例行事となっています(笑)

プロジェクトは以下の通り作成した。
>cd プロジェクト作成ディレクトリ
>mix phoenix.new phoenix_bbs
>cd phoenix_bbs
>mix phoenix.server (localhost:4000)
>Ctrl+c

MongoDBのインストール&起動、依存関係へmongoの追加等・・・
MongoDBの実行環境はご自身で整えておいて下さい。

##1. 作業一覧

-プロジェクト作成

-/web/router.exへスコープとルーティング先を追加
  -アクションは"index"と"create"

-新規のコントローラ作成
  -フォームの入力値を取得
  -リダイレクトの設定
  -indexアクションにコレクションの内容を全表示する処理を追加
  -createアクションにコレクションへ入力内容を挿入する処理を追加

-新規のビュー作成

-新規のテンプレート作成
  -レンダリングするディレクトリを作成
  -レンダリングするテンプレートを作成
  -テンプレートにフォームを追加
  -フォームを使ったページ遷移
  -データを繰り返して表示する処理を作成

-MongoDB
  -MongoDB起動

##2. ソースコード一覧


作成または編集したソースコードは以下の通り。
細かい説明は他のPhoenix系の記事を参照して下さい。
基礎的なことや今回使っている機能は全てそちらに書いてあります。

mix.exs


/web/router.ex


/web/controllers/bbs_controller.ex


/web/view/bbs_view.ex


/web/templates/bbs/bbs.html.eex


実行ページ: http://localhost:4000/bbs
こんな感じの画面が表示されるはず(テストデータあり)


##3. まとめ

作成中に少々の問題は起こったが日数2日間で完成~
(これを遅いと見るか、速いと見るか・・・さてどうだろ・・・)

デザインが残念なのは気にしないで下さい。
CSSは殆ど無知に等しいので(笑)

ソースコード一式は以下のGithubリポジトリにあります。
よかったらどうぞ~
Github: phoenix_bbs

#管理人の独り言~

次は宣言通り、trotをやります。
また、掲示板作るかもしれません。

人気の投稿