1
2

More than 1 year has passed since last update.

DjangoでのToDo管理アプリ作成

Last updated at Posted at 2022-10-20

【概要】
Webアプリの基礎となるCRUDを実装したToDo管理アプリを、Djangoを使って作成しました。
ローカル環境で誰でも動かすことができるので、ぜひいろいろ試してみてください。

【画面一覧】
・ToDo一覧画面
image.png

・ToDo詳細画面
image.png

・ToDo作成画面
image.png

・ToDo編集画面
image.png

・ToDo削除画面
image.png

【GitHub】
作成したプログラムのレポジトリはこちらになります。
(https://github.com/Kota0925/ToDo)

【ToDoアプリの実行方法】
・自分のPCにリポジトリを複製
1.こちら(https://www.ipentec.com/document/visual-studio-code-setup-git )を手順通り実行
(今回クローンするリポジトリのURLは「https://github.com/Kota0925/ToDo.git 」となります)

・VSコードでターミナル開き、以下のコマンドを入力
1.仮想環境の作成:
「ToDo」ディレクトリで「virtualenv env」を実行
2.仮想環境の実行(Windowsの場合):
「env\Scripts\activate」を実行
3.今回必要なモジュールのインストール:
「pip install -r requirements.txt」を実行
4:サーバーの起動
「src」ディレクトリで「python manage.py runserver」を実行

・ブラウザを開き、ToDoアプリを表示
1.URL「http://127.0.0.1:8000/todo/list/ 」にアクセス
2.ToDoアプリの一覧画面が表示されれば完了

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2