Merge pull request #295 from greyli/models

Update examples for chapter 5

examples/README.md

@@ -2,10 +2,10 @@
 
 在运行示例程序之前，确保你已经把仓库克隆到本地，并完成创建虚拟环境，安装依赖等操作，详见[获取示例程序](https://docs.helloflask.com/installation)。
 
-每一章的示例程序放在 examples 目录下不同的子文件内，以第 1 章示例程序为例，你需要把工作目录切换到 examples/c1 目录内，然后执行 `flask run` 启动程序：
+每一章的示例程序放在 examples 目录下不同的子文件内，以第 1 章示例程序为例，你需要把工作目录切换到 examples/ch1 目录内，然后执行 `flask run` 启动程序：
 
 ```
-cd examples/c1
+cd examples/ch1
 flask run
 ```
 
@@ -20,8 +20,18 @@ pdm run flask run
 通过切换到不同的示例程序目录来运行不同章节的示例程序。比如，下面的命令将会运行第 4 章的示例程序：
 
 ```
-cd examples/c4
+cd examples/ch4
 flask run  # 或 pdm run flask run
 ```
 
-*在书中相应位置会包含运行实例程序的提示。*
+所有示例程序和章节对应关系如下：
+
+- 第 1 章：`ch1`
+- 第 2 章：`ch2`
+- 第 3 章：`ch3`
+- 第 4 章：`ch4`
+- 第 5 章：`ch5`、`notebook`
+- 第 7 章：`longtalk`、`album`
+- 第 12 章：`assets`、`cache`
+
+*在书中相应位置会包含运行示例程序的提示。*

examples/assets/app.py

@@ -0,0 +1,44 @@
+from flask import Flask, render_template
+from flask_assets import Environment, Bundle
+from flask_ckeditor import CKEditor
+
+
+app = Flask(__name__)
+app.secret_key = 'dev key'
+
+assets = Environment(app)
+ckeditor = CKEditor(app)
+
+css = Bundle('css/bootstrap.min.css',
+             'css/bootstrap.css',
+             'css/dropzone.min.css',
+             'css/jquery.Jcrop.min.css',
+             'css/style.css',
+             filters='cssmin', output='gen/packed.css')
+
+js = Bundle('js/jquery.min.js',
+            'js/popper.min.js',
+            'js/bootstrap.min.js',
+            'js/bootstrap.js',
+            'js/moment-with-locales.min.js',
+            'js/dropzone.min.js',
+            'js/jquery.Jcrop.min.js',
+            filters='jsmin', output='gen/packed.js')
+
+assets.register('js_all', js)
+assets.register('css_all', css)
+
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+
+@app.route('/foo')
+def unoptimized():
+    return render_template('unoptimized.html')
+
+
+@app.route('/bar')
+def optimized():
+    return render_template('optimized.html')