├── .gitignore
├── README.md
└── to_do_list
    ├── manage.py
    ├── to_do_list
        ├── __init__.py
        ├── settings.py
        ├── urls.py
        └── wsgi.py
    └── todolist
        ├── __init__.py
        ├── admin.py
        ├── apps.py
        ├── migrations
            └── __init__.py
        ├── models.py
        ├── static
            └── todolist
            │   ├── css
            │       ├── base.css
            │       ├── edit.css
            │       └── home.css
            │   ├── icons
            │       └── icon_list.png
            │   └── images
            │       └── logo_list.png
        ├── templates
            └── todolist
            │   ├── about.html
            │   ├── base.html
            │   ├── edit.html
            │   └── home.html
        ├── tests.py
        ├── urls.py
        └── views.py


/.gitignore:
--------------------------------------------------------------------------------
  1 | # Byte-compiled / optimized / DLL files
  2 | __pycache__/
  3 | *.py[cod]
  4 | *$py.class
  5 | 
  6 | # C extensions
  7 | *.so
  8 | 
  9 | # Distribution / packaging
 10 | .Python
 11 | build/
 12 | develop-eggs/
 13 | dist/
 14 | downloads/
 15 | eggs/
 16 | .eggs/
 17 | lib/
 18 | lib64/
 19 | parts/
 20 | sdist/
 21 | var/
 22 | wheels/
 23 | *.egg-info/
 24 | .installed.cfg
 25 | *.egg
 26 | MANIFEST
 27 | 
 28 | # PyInstaller
 29 | #  Usually these files are written by a python script from a template
 30 | #  before PyInstaller builds the exe, so as to inject date/other infos into it.
 31 | *.manifest
 32 | *.spec
 33 | 
 34 | # Installer logs
 35 | pip-log.txt
 36 | pip-delete-this-directory.txt
 37 | 
 38 | # Unit test / coverage reports
 39 | htmlcov/
 40 | .tox/
 41 | .coverage
 42 | .coverage.*
 43 | .cache
 44 | nosetests.xml
 45 | coverage.xml
 46 | *.cover
 47 | .hypothesis/
 48 | .pytest_cache/
 49 | 
 50 | # Translations
 51 | *.mo
 52 | *.pot
 53 | 
 54 | # Django stuff:
 55 | *.log
 56 | local_settings.py
 57 | db.sqlite3
 58 | 
 59 | # Flask stuff:
 60 | instance/
 61 | .webassets-cache
 62 | 
 63 | # Scrapy stuff:
 64 | .scrapy
 65 | 
 66 | # Sphinx documentation
 67 | docs/_build/
 68 | 
 69 | # PyBuilder
 70 | target/
 71 | 
 72 | # Jupyter Notebook
 73 | .ipynb_checkpoints
 74 | 
 75 | # pyenv
 76 | .python-version
 77 | 
 78 | # celery beat schedule file
 79 | celerybeat-schedule
 80 | 
 81 | # SageMath parsed files
 82 | *.sage.py
 83 | 
 84 | # Environments
 85 | .env
 86 | .venv
 87 | env/
 88 | venv/
 89 | ENV/
 90 | env.bak/
 91 | venv.bak/
 92 | 
 93 | # Spyder project settings
 94 | .spyderproject
 95 | .spyproject
 96 | 
 97 | # Rope project settings
 98 | .ropeproject
 99 | 
100 | # mkdocs documentation
101 | /site
102 | 
103 | # mypy
104 | .mypy_cache/
105 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Django_ToDoApp
  2 | 
  3 | - Python Django Web开发  零基础学习 搭建 待办清单网站 
  4 | 
  5 | - 根据[B站视频](https://www.bilibili.com/video/av24293644/?p=1)整理，简单易懂
  6 | 
  7 | ## 1.前期准备
  8 | 
  9 | - 目标: 做一个 To Do List 待办事项清单网站
 10 | - 打开命令行, 安装虚拟环境
 11 | ```sh
 12 | pip install virtualenv  # 安装virtualenv
 13 | ```
 14 | - 建个 Django_venv 文件夹作为虚拟环境
 15 | ```sh
 16 | cd Django_venv  # 进入该文件夹
 17 | virtualenv .  # 在当前文件夹构建虚拟环境
 18 | source bin/activate  # 激活虚拟环境
 19 | pip freeze  # 查看已安装的包
 20 | pip install django==2.0.5  # 安装django2.0.5
 21 | ```
 22 | 
 23 | - 建个 Django_ToDoApp 文件夹存放所有django项目
 24 | ```sh
 25 | cd Django_ToDoApp
 26 | django-admin startproject to_do_list  # 创建项目
 27 | cd to_do_list  # 进入项目文件夹
 28 | python manage.py runserver  # 启动服务器
 29 | # 在浏览器网址栏输入 localhost:8000
 30 | ctrl + c  # 关闭服务器
 31 | ```
 32 | 
 33 | ## 2.创建app和网页
 34 | - 激活虚拟环境
 35 | ```sh
 36 | cd Django_venv # 到虚拟环境文件夹
 37 | source bin/activate  # 执行该文件
 38 | cd Django_ToDoApp/to_do_list  # 进入todo项目文件夹
 39 | python manage.py runserver  # 启动服务器
 40 | ```
 41 | - 一个app负责一种功能
 42 | - 创建一个 todolist App 负责实现 待办事项 功能
 43 | ```sh
 44 | python manage.py startapp todolist
 45 | ```
 46 | - 注册该app,告诉服务器我存在
 47 | ```
 48 | 在settings.py INSTALLED_APPS 中加入
 49 | 'todolist',
 50 | ```
 51 | - 在这个app里面做个html网页,放在```templates```(网页模板)文件夹中
 52 | 
 53 | 
 54 | ## 3.配置url和view
 55 | - 设置好网址, 给这个页面起个什么网址
 56 | - 当用户通过这个网址发出请求时，将网页发送给他
 57 | - 因为这个网页是待办事项网页, 网址设置和用户请求都让 todolist APP处理
 58 | ```
 59 | to_do_list/to_do_list/urls.py [所有网址首先由它接手]
 60 |                        ||
 61 |                        ||
 62 |                       \  /
 63 |                        \/
 64 | to_do_list/todolist/urls.py [与待办事项相关的网址交给我接手]
 65 |                        ||
 66 |                        ||
 67 |                       \  /
 68 |                        \/
 69 | to_do_list/todolist/views.py [用户通过这些网址发出的请求的由我来处理]
 70 | ```
 71 | 
 72 | ## 4.bootstrap导航栏 
 73 | - https://v4.bootcss.com/docs/4.0/examples/  找到Navbar static 复制源代码
 74 | - 替换cdn
 75 | ```
 76 | <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
 77 | 
 78 | <script src="https://cdn.bootcss.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>
 79 | ```
 80 | 
 81 | ## 5.bootstrap表格
 82 | - https://v4.bootcss.com/docs/4.0/content/tables/
 83 | 
 84 | ## 6.bootstrap表单
 85 | 
 86 | ## 7.网址名,网页名
 87 | 
 88 | - 关于include()
 89 | - 大项目 -> 要避免网址名 网页名冲突
 90 | - render() 如何找到网页 ?
 91 |     - 根据所提供的网页名称,找所有的templates的文件夹,取第一个匹配的
 92 | - 网页名字重复怎么办?
 93 | ```
 94 |     给个前缀
 95 |     建个新文件夹在templates下,以 app的名字 命名
 96 |     templates/app的名字/网页名字
 97 |     views.py -> return render(request, "todolist/home.html")
 98 | 
 99 |     <a href="hostname/urlpattern"></a>
100 | ```
101 | - 想改网址怎么办?要改的地方好多o(╥﹏╥)o
102 | ```
103 |     给网址起名字
104 |     <a href="{% url 'url_name' %}"></a>  template tag{% tag_name  %}
105 | ```
106 | 
107 | - 网址名跟其他app里面的网址名字重复怎么办?
108 | ```
109 |     给个前缀
110 |     urls.py -> app_name = 'todolist'
111 |     <a href="{% url 'todolist:url_name' %}"></a>
112 | ```
113 | ## 8.模版继承
114 | - 我想改变导航栏的样式怎么办? 3个网页都要改?
115 |     - Template inheritance
116 |     - 做个模板html(所有网页的风格主题), 其他网页继承它,拓展它, 类似python的类继承
117 | ```
118 | extends
119 | {% extends "base.html" %}
120 | 
121 | block tag
122 | {% block blockname %}
123 | 
124 | {% endblock blockname %}
125 | 
126 | three-level 大网站建议三级,小网站两级 
127 | 
128 |                               article.html
129 |                             / 
130 |              base_news.html  
131 |            /                \
132 | base.html                     live.html
133 |            \
134 |              base_sports.html
135 | ```
136 | 
137 | ## 9.静态文件
138 | - 新建static文件夹，存放 图片 css javascript
139 | - 里面，再新建一个app文件夹，避免与其他app的static文件夹里面的静态文件冲突
140 | ```
141 | app/static/app/images
142 | app/static/app/js
143 | app/static/app/css
144 | app/static/app/icons
145 | 
146 | 
147 | {% load static %}
148 | {% static "路径" %}
149 | ```
150 | ## 10.处理用户请求
151 | - request GET
152 | - HTML form -> action="" method="POST"  button->submit
153 | - {% csrf_token %}  跨站请求伪造
154 | - name=""  给input的起名字
155 | - request.POST是什么?  QueryDict
156 | - content dictionary 在html中通过var访问字典
157 | - {{ var }}  变量{{ }} 和标签{% %}  
158 | 
159 | ## 11.增删改查
160 | - 增删改查 用字典存储, 只要服务器开着...
161 | - 如果是get请求怎么办? 
162 | - request.POST 中不存在'待办事项'这个键
163 | - 如果是post请求, 但用户不写内容怎么办? request.POST 中的'待办事项'这个键对应值为 空的字符串 ''
164 | - 用GET方法删除,划掉真的对吗? 用隐藏的form
165 | ```
166 | 全局列表
167 | 
168 | {% for  in  %}
169 | 
170 |     {{ forloop.counter }}
171 | 
172 |     {% if  %}
173 |         
174 |     {% else %}
175 |         
176 |     {% endif %}
177 | 
178 | {% endfor %}
179 | 
180 | "{% url 'todolist:删除' forloop.counter %}"
181 | {# del/<forloop_counter> #}
182 | redirect()
183 | ```
184 | ## 12.bootstrap弹窗
185 | - https://v4.bootcss.com/docs/4.0/components/alerts/
186 | ```html
187 | <div class="alert alert-warning alert-dismissible fade show" role="alert">
188 |   <strong>Holy guacamole!</strong> You should check in on some of those fields below.
189 |   <button type="button" class="close" data-dismiss="alert" aria-label="Close">
190 |     <span aria-hidden="true">&times;</span>
191 |   </button>
192 | </div>
193 | ```
194 | - js
195 | ```js
196 | <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
197 | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
198 | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
199 | ```
200 | - Modal https://v4.bootcss.com/docs/4.0/components/modal/
201 | 
202 | ## 13.数据库
203 | - 数据库，建标
204 | ```
205 | CREATE TABLE 待办事项表
206 | (
207 |     序号 INT NOT NULL AUTO_INCREMENT,
208 |     待办事项 VARCHAR(100) NOT NULL,
209 |     已完成 tinyint(1) NOT NULL DEFAULT 0,
210 |     PRIMARY KEY (序号) 
211 | )ENGINE=InnoDB CHARSET=utf8;
212 | ```
213 | - 增加数据
214 | ```
215 | INSERT INTO 待办事项表 (待办事项) VALUES ('看电影');
216 | INSERT INTO 待办事项表 (待办事项) VALUES ('逛街');
217 | INSERT INTO 待办事项表 (待办事项) VALUES ('陪客户吃饭');
218 | ```
219 | - 建表 和 增删改查 django都能帮我们搞定
220 | - 设置数据库连接
221 | ```
222 | DATABASES = {
223 |     'default': {
224 |         'ENGINE': 'django.db.backends.sqlite3',
225 |         'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
226 |     }
227 | }
228 | ```
229 | - create Model
230 |     - 创建Model类，用来描述表的构成: 有哪些列(待办事项,完成状态,序号...)
231 |     - 这是给网站开发者看的
232 | - makemigrations -> 中文:制作迁移文件
233 |     - 例如:0001_initial.py 也是用来描述表的构成
234 |     - django会利用这个文件来建表改表
235 |     - 每次新增model(表) 或者 修改model(表的构成) 都要 makemigrations
236 |     - 这是给django自己看的,它用这个文件来建表或修改表
237 | - python manage.py sqlmigrate todolist 0001  不会真的建表,只是查看
238 |     - 查看django用 0001_initial.py 文件, 转化成了什么sql语句(不同的数据库服务器,语句不一样)帮我们建表, todolist是app的名字
239 | ```
240 | BEGIN;
241 | --
242 | -- Create model Todo
243 | --
244 | CREATE TABLE "todolist_todo" (
245 |     "id" integer NOT NULL PRIMARY KEY AUTOINCREMENT,
246 |      "thing" varchar(50) NOT NULL,
247 |       "done" bool NOT NULL
248 | );
249 | COMMIT;
250 | ```
251 | - migrate -> 中文:迁移,即运行这个文件 0001_initial.py   真正在数据库中建表,或修改表的结构
252 | - python mange.py shell
253 | ```python
254 | from todolist.models import Todo
255 | Todo.objects.all() -> QuerySet 查询集合 简单理解为表中的所有数据 
256 |                    -> 所有行的集合__str__  显示更友好,命令行以及admin界面
257 | Todo.objects.count() -> 行的数量
258 | 
259 | a_row = Todo(thing='逛街', done=False) -> 创建一行数据, 但并未保存
260 | a_row.save() -> 真正保存到库中
261 | a_row.id -> 保存之后才有id(序号)
262 | 
263 | a_row.thing -> 获取这一行的 thing(待办事项) 的值
264 | 
265 | Todo.objects.filter(done=False) -> 获取 [[所有]] done 为 False 的行, 即未完成的事项, 结果是个集合
266 | another_row = Todo.objects.get(thing='看电影') -> 获取 thing 为 看电影 的行,仅一行
267 | get不到会报错
268 | 
269 | another_row.thing = '去超市' -> 修改这一行的thing为 '去超市'
270 | another_row.save() -> 改完别忘了保存
271 | 
272 | another_row.delete() -> 删除这一行
273 | Todo.objects.all() -> 看看现在有什么
274 | 
275 | exit()    ctrl+z 回车
276 | 
277 | Register Models -> 注册model  注册后, 可以通过django自带的app -> admin后台界面来管理表数据
278 | 
279 | a = Todo.objects.get(id=2)
280 | a.delete()
281 | ```
282 | 
283 | ## 14. git新建数据库分支
284 | ```sh
285 | git checkout -b db-version
286 | git push origin db-version # 把本地分支push到远程
287 | git checkout master # 切换到master分支
288 | ```
289 | 


--------------------------------------------------------------------------------
/to_do_list/manage.py:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env python
 2 | import os
 3 | import sys
 4 | 
 5 | if __name__ == "__main__":
 6 |     os.environ.setdefault("DJANGO_SETTINGS_MODULE", "to_do_list.settings")
 7 |     try:
 8 |         from django.core.management import execute_from_command_line
 9 |     except ImportError:
10 |         # The above import may fail for some other reason. Ensure that the
11 |         # issue is really that Django is missing to avoid masking other
12 |         # exceptions on Python 2.
13 |         try:
14 |             import django
15 |         except ImportError:
16 |             raise ImportError(
17 |                 "Couldn't import Django. Are you sure it's installed and "
18 |                 "available on your PYTHONPATH environment variable? Did you "
19 |                 "forget to activate a virtual environment?"
20 |             )
21 |         raise
22 |     execute_from_command_line(sys.argv)
23 | 


--------------------------------------------------------------------------------
/to_do_list/to_do_list/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/able8/Django-ToDoApp/5305491826817318fe43cba37ccea6eb33c06964/to_do_list/to_do_list/__init__.py


--------------------------------------------------------------------------------
/to_do_list/to_do_list/settings.py:
--------------------------------------------------------------------------------
  1 | """
  2 | Django settings for to_do_list project.
  3 | 
  4 | Generated by 'django-admin startproject' using Django 1.10.
  5 | 
  6 | For more information on this file, see
  7 | https://docs.djangoproject.com/en/1.10/topics/settings/
  8 | 
  9 | For the full list of settings and their values, see
 10 | https://docs.djangoproject.com/en/1.10/ref/settings/
 11 | """
 12 | 
 13 | import os
 14 | 
 15 | # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
 16 | BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
 17 | 
 18 | 
 19 | # Quick-start development settings - unsuitable for production
 20 | # See https://docs.djangoproject.com/en/1.10/howto/deployment/checklist/
 21 | 
 22 | # SECURITY WARNING: keep the secret key used in production secret!
 23 | SECRET_KEY = '74i+s!^jw9#-1-88)t49_e^gq9g-)p+uxk_u3j^lnv8acyly9x'
 24 | 
 25 | # SECURITY WARNING: don't run with debug turned on in production!
 26 | DEBUG = True
 27 | 
 28 | ALLOWED_HOSTS = []
 29 | 
 30 | 
 31 | # Application definition
 32 | 
 33 | INSTALLED_APPS = [
 34 |     'django.contrib.admin',
 35 |     'django.contrib.auth',
 36 |     'django.contrib.contenttypes',
 37 |     'django.contrib.sessions',
 38 |     'django.contrib.messages',
 39 |     'django.contrib.staticfiles',
 40 |     'todolist',
 41 | ]
 42 | 
 43 | MIDDLEWARE = [
 44 |     'django.middleware.security.SecurityMiddleware',
 45 |     'django.contrib.sessions.middleware.SessionMiddleware',
 46 |     'django.middleware.common.CommonMiddleware',
 47 |     'django.middleware.csrf.CsrfViewMiddleware',
 48 |     'django.contrib.auth.middleware.AuthenticationMiddleware',
 49 |     'django.contrib.messages.middleware.MessageMiddleware',
 50 |     'django.middleware.clickjacking.XFrameOptionsMiddleware',
 51 | ]
 52 | 
 53 | ROOT_URLCONF = 'to_do_list.urls'
 54 | 
 55 | TEMPLATES = [
 56 |     {
 57 |         'BACKEND': 'django.template.backends.django.DjangoTemplates',
 58 |         'DIRS': [],
 59 |         'APP_DIRS': True,
 60 |         'OPTIONS': {
 61 |             'context_processors': [
 62 |                 'django.template.context_processors.debug',
 63 |                 'django.template.context_processors.request',
 64 |                 'django.contrib.auth.context_processors.auth',
 65 |                 'django.contrib.messages.context_processors.messages',
 66 |             ],
 67 |         },
 68 |     },
 69 | ]
 70 | 
 71 | WSGI_APPLICATION = 'to_do_list.wsgi.application'
 72 | 
 73 | 
 74 | # Database
 75 | # https://docs.djangoproject.com/en/1.10/ref/settings/#databases
 76 | 
 77 | DATABASES = {
 78 |     'default': {
 79 |         'ENGINE': 'django.db.backends.sqlite3',
 80 |         'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
 81 |     }
 82 | }
 83 | 
 84 | 
 85 | # Password validation
 86 | # https://docs.djangoproject.com/en/1.10/ref/settings/#auth-password-validators
 87 | 
 88 | AUTH_PASSWORD_VALIDATORS = [
 89 |     {
 90 |         'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
 91 |     },
 92 |     {
 93 |         'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
 94 |     },
 95 |     {
 96 |         'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
 97 |     },
 98 |     {
 99 |         'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
100 |     },
101 | ]
102 | 
103 | 
104 | # Internationalization
105 | # https://docs.djangoproject.com/en/1.10/topics/i18n/
106 | 
107 | LANGUAGE_CODE = 'en-us'
108 | 
109 | TIME_ZONE = 'UTC'
110 | 
111 | USE_I18N = True
112 | 
113 | USE_L10N = True
114 | 
115 | USE_TZ = True
116 | 
117 | 
118 | # Static files (CSS, JavaScript, Images)
119 | # https://docs.djangoproject.com/en/1.10/howto/static-files/
120 | 
121 | STATIC_URL = '/static/'
122 | 


--------------------------------------------------------------------------------
/to_do_list/to_do_list/urls.py:
--------------------------------------------------------------------------------
 1 | """to_do_list URL Configuration
 2 | 
 3 | The `urlpatterns` list routes URLs to views. For more information please see:
 4 |     https://docs.djangoproject.com/en/1.10/topics/http/urls/
 5 | Examples:
 6 | Function views
 7 |     1. Add an import:  from my_app import views
 8 |     2. Add a URL to urlpatterns:  url(r'^$', views.home, name='home')
 9 | Class-based views
10 |     1. Add an import:  from other_app.views import Home
11 |     2. Add a URL to urlpatterns:  url(r'^$', Home.as_view(), name='home')
12 | Including another URLconf
13 |     1. Import the include() function: from django.conf.urls import url, include
14 |     2. Add a URL to urlpatterns:  url(r'^blog/', include('blog.urls'))
15 | """
16 | from django.conf.urls import url, include
17 | from django.contrib import admin
18 | import todolist.urls
19 | 
20 | urlpatterns = [
21 |     url(r'^admin/', admin.site.urls),
22 |     url(r'todo/', include(todolist.urls)),
23 | ]
24 | 


--------------------------------------------------------------------------------
/to_do_list/to_do_list/wsgi.py:
--------------------------------------------------------------------------------
 1 | """
 2 | WSGI config for to_do_list project.
 3 | 
 4 | It exposes the WSGI callable as a module-level variable named ``application``.
 5 | 
 6 | For more information on this file, see
 7 | https://docs.djangoproject.com/en/1.10/howto/deployment/wsgi/
 8 | """
 9 | 
10 | import os
11 | 
12 | from django.core.wsgi import get_wsgi_application
13 | 
14 | os.environ.setdefault("DJANGO_SETTINGS_MODULE", "to_do_list.settings")
15 | 
16 | application = get_wsgi_application()
17 | 


--------------------------------------------------------------------------------
/to_do_list/todolist/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/able8/Django-ToDoApp/5305491826817318fe43cba37ccea6eb33c06964/to_do_list/todolist/__init__.py


--------------------------------------------------------------------------------
/to_do_list/todolist/admin.py:
--------------------------------------------------------------------------------
1 | from django.contrib import admin
2 | 
3 | # Register your models here.
4 | 


--------------------------------------------------------------------------------
/to_do_list/todolist/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class TodolistConfig(AppConfig):
5 |     name = 'todolist'
6 | 


--------------------------------------------------------------------------------
/to_do_list/todolist/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/able8/Django-ToDoApp/5305491826817318fe43cba37ccea6eb33c06964/to_do_list/todolist/migrations/__init__.py


--------------------------------------------------------------------------------
/to_do_list/todolist/models.py:
--------------------------------------------------------------------------------
1 | from django.db import models
2 | 
3 | # Create your models here.
4 | 


--------------------------------------------------------------------------------
/to_do_list/todolist/static/todolist/css/base.css:
--------------------------------------------------------------------------------
 1 | body{
 2 | 	background-color: #f7f9ff;
 3 | }
 4 | #topnav{
 5 |     font-size: 1.35em;
 6 |     padding-left: 5em;
 7 |     padding-right: 5em;
 8 |     height: 2.5em;
 9 | }
10 | nav input{
11 |   width: 39%!important;
12 | }
13 | main{
14 |   fontsize: 1.2em;
15 | }


--------------------------------------------------------------------------------
/to_do_list/todolist/static/todolist/css/edit.css:
--------------------------------------------------------------------------------
1 | #form-edit{
2 |    margin-left:8em;
3 |    margin-right:8em;
4 | }


--------------------------------------------------------------------------------
/to_do_list/todolist/static/todolist/css/home.css:
--------------------------------------------------------------------------------
1 | .no-underline>tr>td>a:hover{
2 |   text-decoration: none;
3 | }
4 | #line-through{
5 |   text-decoration: line-through;
6 | }


--------------------------------------------------------------------------------
/to_do_list/todolist/static/todolist/icons/icon_list.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/able8/Django-ToDoApp/5305491826817318fe43cba37ccea6eb33c06964/to_do_list/todolist/static/todolist/icons/icon_list.png


--------------------------------------------------------------------------------
/to_do_list/todolist/static/todolist/images/logo_list.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/able8/Django-ToDoApp/5305491826817318fe43cba37ccea6eb33c06964/to_do_list/todolist/static/todolist/images/logo_list.png


--------------------------------------------------------------------------------
/to_do_list/todolist/templates/todolist/about.html:
--------------------------------------------------------------------------------
1 | {% extends "todolist/base.html" %}
2 | {% block 标题 %}关于本站{% endblock 标题 %}
3 | {% block 关于高亮 %}active{% endblock 关于高亮 %}
4 | {% block 主体 %}
5 | <br>
6 | <h4>一款小巧、简洁的待办清单工具，帮你规划日常事务。</h4>
7 | {% endblock 主体 %}
8 |     


--------------------------------------------------------------------------------
/to_do_list/todolist/templates/todolist/base.html:
--------------------------------------------------------------------------------
 1 | {% load static %}
 2 | 
 3 | <!doctype html>
 4 | <html lang="en">
 5 |   <head>
 6 |     <meta charset="utf-8">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 8 |     <meta name="description" content="">
 9 |     <meta name="author" content="">
10 | 
11 |     <title>{% block 标题 %}未命名{% endblock 标题 %}</title>
12 | 
13 |     <!-- lable icon -->
14 |     <link href="{% static 'todolist/icons/icon_list.png' %}" rel="shortcut icon" />
15 | 
16 |     <!-- Bootstrap core CSS -->
17 |     <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
18 | 
19 |     <!-- Custom styles for this template -->
20 |     <link rel="stylesheet" href="{% static 'todolist/css/base.css' %}">
21 |     <link rel="stylesheet" href="{% block css %}{% endblock css %}">
22 |   </head>
23 | 
24 |   <body>
25 | 
26 |     <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4" id="topnav">
27 |       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
28 |         <span class="navbar-toggler-icon"></span>
29 |       </button>
30 |       <div class="collapse navbar-collapse" id="navbarCollapse">
31 |         <ul class="navbar-nav mr-auto">
32 |           <li class="nav-item {% block 主页高亮 %}{% endblock 主页高亮 %}">
33 |             <a class="nav-link" href="{% url 'todolist:主页' %}"><img src="{% static 'todolist/images/logo_list.png' %}" width="33" height="33" class="d-inline-block align-top" alt=""> 待办清单</a>
34 |           </li>
35 |           <li class="nav-item {% block 关于高亮 %}{% endblock 关于高亮 %}">
36 |             <a class="nav-link" href="{% url 'todolist:关于' %}">关于本站</a>
37 |           </li>
38 |         </ul>
39 |         <form class="form-inline mt-2 mt-md-0 col-7 justify-content-end" method='POST' action=''>
40 |           {% csrf_token %}
41 |           <input name='待办事项' class="form-control mr-sm-2" type="text" placeholder="待办事项" aria-label="Search">
42 |           <button class="btn btn-outline-success my-2 my-sm-0" type="submit">添加</button>
43 |         </form>
44 |       </div>
45 |     </nav>
46 | 
47 |     <main role="main" class="container">
48 |       {% block 主体 %}
49 |       {% endblock 主体 %}
50 |     </main>
51 | 
52 |     <!-- Bootstrap core JavaScript
53 |     ================================================== -->
54 |     <!-- Placed at the end of the document so the pages load faster -->
55 |     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
56 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
57 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
58 | 
59 |   </body>
60 | </html>
61 | 


--------------------------------------------------------------------------------
/to_do_list/todolist/templates/todolist/edit.html:
--------------------------------------------------------------------------------
 1 | {% extends "todolist/base.html" %}
 2 | {% load static %}
 3 | 
 4 | {% block css %}{% static 'todolist/css/edit.css' %}{% endblock css %}
 5 | 
 6 | {% block 标题 %}编辑待办事项{% endblock 标题 %}
 7 | {% block 主体 %}
 8 | <br>  
 9 | <form id="form-edit" method="POST" action="">
10 |   {% csrf_token %}
11 |   <div class="form-group">
12 |     <label for="editTodo"></label>
13 |     <input name="已修改事项" class="form-control form-control-lg" id="editTodo" type="text" value="{{ 待修改事项 }}">
14 |     <small id="help" class="form-text text-muted">在这里编辑待办事项</small>
15 |   </div>
16 | 
17 |   {% if 警告 %}
18 |   <div class="alert alert-warning alert-dismissible fade show" role="alert">
19 |       <strong><center>{{ 警告 }}</center></strong>
20 |       <button type="button" class="close" data-dismiss="alert" aria-label="Close">
21 |       <span aria-hidden="true">&times;</span>
22 |       </button>
23 |   </div>
24 |   {% endif %}
25 | 
26 |   <button type="submit" class="btn btn-primary btn-lg btn-block">提交</button>
27 | </form>
28 | {% endblock 主体 %}
29 | 


--------------------------------------------------------------------------------
/to_do_list/todolist/templates/todolist/home.html:
--------------------------------------------------------------------------------
  1 | {% extends "todolist/base.html" %}
  2 | 
  3 | {% load static %}
  4 | 
  5 | {% block css %}{% static 'todolist/css/home.css' %}{% endblock css %}
  6 | 
  7 | {% block 标题 %}你的个人待办清单{% endblock 标题 %}
  8 | {% block 主页高亮 %}active{% endblock 主页高亮 %}
  9 | {% block 主体 %}
 10 | 
 11 | {% if 警告 %}
 12 | <div class="alert alert-warning alert-dismissible fade show" role="alert">
 13 | <strong><center>{{ 警告 }}</center></strong>
 14 | <button type="button" class="close" data-dismiss="alert" aria-label="Close">
 15 | <span aria-hidden="true">&times;</span>
 16 | </button>
 17 | </div>
 18 | {% endif %}
 19 | 
 20 | {% if 信息 %}
 21 | <div class="alert alert-primary alert-dismissible fade show" role="alert">
 22 |     <strong><center>{{ 信息 }}</center></strong>
 23 |       <button type="button" class="close" data-dismiss="alert" aria-label="Close">
 24 |         <span aria-hidden="true">&times;</span>
 25 |       </button>
 26 |     </div>
 27 | {% endif %}
 28 | 
 29 | <div class="table-responsive">
 30 |   <table class="table table-hover">
 31 |     <thead class="thead-light">
 32 |       <tr>
 33 |         <th>序号</th>
 34 |         <th>待办事项</th>
 35 |         <th>编辑</th>
 36 |         <th>划掉</th>
 37 |         <th>删除</th>
 38 |       </tr>
 39 |     </thead>
 40 |     <tbody class="no-underline">
 41 | {% for 每一件事 in 清单  %}
 42 | 
 43 | {% if 每一件事.已完成 %}
 44 | <tr class="table-dark">
 45 |   <th class="text-dark" scope="row">{{ forloop.counter }}</th>
 46 |   <td class="text-dark" id="line-through">{{ 每一件事.待办事项 }}</td>
 47 |   <td class="text-secondary">不可编辑</td>
 48 |   <td>
 49 |       <form method="POST" action="{% url 'todolist:划掉' forloop.counter %}">
 50 |           {% csrf_token %}
 51 |           <input name="完成状态" type="hidden" value="未完成" >
 52 |       <button type="submit" class="btn btn-primary btn-sm">撤销</button>
 53 |       </form>
 54 |   </td>
 55 |   <td>
 56 |       <form method="POST" action="{% url 'todolist:删除' forloop.counter %}">
 57 |         {% csrf_token %}
 58 |         <button type="submit" class="btn btn-primary btn-sm">删除</button>
 59 |       </form>
 60 |    </td>
 61 | </tr>
 62 | {% else %}
 63 | 
 64 | <tr>
 65 |   <th scope="row">{{ forloop.counter }}</th>
 66 |   <td>{{ 每一件事.待办事项 }}</td>
 67 |   <td><a href="{% url 'todolist:编辑' forloop.counter %}">
 68 |     <button type="submit" class="btn btn-primary btn-sm"> 
 69 |     编辑</button></a></td>
 70 |   <td>
 71 |   <form method="POST" action="{% url 'todolist:划掉' forloop.counter %}">
 72 |       {% csrf_token %}
 73 |       <input name="完成状态" type="hidden" value="已完成" >
 74 |   <button type="submit" class="btn btn-primary btn-sm">划掉</button>
 75 |   </form>
 76 |   </td>
 77 | 
 78 |   <td>
 79 |   <!-- Button trigger modal -->
 80 |   <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal">删除</button>
 81 | 
 82 |   <!-- Modal -->
 83 |   <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 84 |     <div class="modal-dialog" role="document">
 85 |       <div class="modal-content">
 86 |         <div class="modal-header">
 87 |           <h5 class="modal-title" id="exampleModalLabel">请确认</h5>
 88 |           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 89 |             <span aria-hidden="true">&times;</span>
 90 |           </button>
 91 |         </div>
 92 |         <div class="modal-body">
 93 |          确定要删除：<strong>未办事项 {{ 每一件事.待办事项 }}</strong> 吗？
 94 |         </div>
 95 |         <div class="modal-footer">
 96 |           <button type="button" class="btn btn-secondary" data-dismiss="modal"> 取消</button>
 97 |         <form method="POST" action="{% url 'todolist:删除' forloop.counter %}">
 98 |           {% csrf_token %}       
 99 |           <button type="submit" class="btn btn-primary">确认</button>
100 |         </form>
101 |         </div>
102 |       </div>
103 |     </div>
104 |   </div>
105 | </td>
106 | 
107 | </tr>
108 | {% endif %}
109 | 
110 | 
111 | 
112 | {% endfor %}
113 | 
114 |       
115 |       
116 |       <!--<tr>
117 |         <th scope="row">2</th>
118 |         <td>看一会小说</td>
119 |         <td><a class="text-info" href="#">编辑</a></td>
120 |         <td><a class="text-info" href="#">划掉</a></td>
121 |         <td><a class="text-info" href="#">删除</a></td>
122 |       </tr>
123 |       <tr>
124 |         <th scope="row">3</th>
125 |         <td>散散步</td>
126 |         <td><a class="text-info" href="#">编辑</a></td>
127 |         <td><a class="text-info" href="#">划掉</a></td>
128 |         <td><a class="text-info" href="#">删除</a></td>
129 |       </tr>
130 |       <tr class="table-dark">
131 |         <th class="text-dark" scope="row">4</th>
132 |         <td class="text-dark" id="line-through">去超市</td>
133 |         <td class="text-secondary">不可编辑</td>
134 |         <td><a class="text-info" href="#">撤销</a></td>
135 |         <td><a class="text-danger" href="#">删除</a></td>
136 |       </tr> -->
137 |     </tbody>
138 |   </table>
139 | 
140 | {{ 待办事项 }}
141 | {{ 不存在 }}
142 | </div>
143 | {% endblock 主体 %}
144 | 


--------------------------------------------------------------------------------
/to_do_list/todolist/tests.py:
--------------------------------------------------------------------------------
1 | from django.test import TestCase
2 | 
3 | # Create your tests here.
4 | 


--------------------------------------------------------------------------------
/to_do_list/todolist/urls.py:
--------------------------------------------------------------------------------
 1 | from django.urls import path, include
 2 | from . import views
 3 | 
 4 | app_name = 'todolist'
 5 | urlpatterns = [
 6 |     path('home/', views.home, name='主页'),
 7 |     path('about/', views.about, name='关于'),
 8 |     path('edit/<forloop_counter>', views.edit, name='编辑'),
 9 |     path('del/<forloop_counter>', views.delete, name='删除'),
10 |     path('cross/<forloop_counter>', views.cross, name='划掉'),
11 | ]


--------------------------------------------------------------------------------
/to_do_list/todolist/views.py:
--------------------------------------------------------------------------------
 1 | from django.shortcuts import render, redirect
 2 | 
 3 | # Create your views here.
 4 | 
 5 | lst = [
 6 |     {'待办事项':'遛狗', '已完成': False},
 7 |     {'待办事项':'发快递', '已完成': True},
 8 | ]
 9 | 
10 | 
11 | def home(request):
12 |     # request.POST
13 |     global lst
14 |     if request.method == 'POST':
15 |         if request.POST['待办事项'] == '':
16 |             content = {'清单': lst, '警告': '请收入内容！'}
17 |             return render(request, 'todolist/home.html', content) 
18 |         else:
19 |             lst.append({'待办事项':request.POST['待办事项'], '已完成': False})
20 |             content = {'清单': lst, '信息': '添加成功！'}
21 |             return render(request, 'todolist/home.html', content) 
22 |     elif request.method == 'GET':
23 |         content = {'清单': lst}
24 |         return render(request, 'todolist/home.html', content)
25 | 
26 | def about(request):
27 |     return render(request, 'todolist/about.html')
28 | 
29 | def edit(request, forloop_counter):
30 |     global lst
31 |     if request.method == 'POST': 
32 |         if request.POST['已修改事项'] == '':
33 |            return render(request, 'todolist/edit.html', {'警告': '请收入内容！'})
34 |         else:
35 |             lst[int(forloop_counter) - 1]['待办事项'] = request.POST['已修改事项']
36 |             return redirect('todolist:主页')
37 | 
38 |     elif request.method == 'GET':
39 |         content = {'待修改事项': lst[int(forloop_counter) - 1]['待办事项']}
40 |         return render(request, 'todolist/edit.html', content)
41 | 
42 | def delete(request, forloop_counter):
43 |     lst.pop(int(forloop_counter) - 1)
44 |     return redirect('todolist:主页')
45 | 
46 | def cross(request, forloop_counter):
47 |     global lst
48 |     if request.POST['完成状态'] == '已完成':
49 |         lst[int(forloop_counter) - 1]['已完成'] = True
50 |         return redirect('todolist:主页')
51 |     elif request.POST['完成状态'] == '未完成':
52 |         lst[int(forloop_counter) - 1]['已完成'] = False
53 |         return redirect('todolist:主页')


--------------------------------------------------------------------------------