关于Python的web模板jinja2的简单例子

'''
上一篇博客简单介绍了Python对web框架flask运用的一个实例：http://blog.csdn.net/three_co/article/details/78408792

我们发现使用web框架flask的时候，我们只需要去实现一个个函数 ，函数返回一个个包含HTML的字符串，

但是一旦HTML太多，这样做是非常难的，而使用模板会解决这个问题。

首先介绍下MVC：Model-View-Controller，中文名“模型-视图-控制器”。

它一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，

开始是存在于桌面程序中的，M是指业务模型，V是指用户界面，C则是控制器，

使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。

比如一批统计数据可以分别用柱状图、饼图来表示。C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。

它将业务逻辑聚集到一个部件里面，使得在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。

对应到下图：

Python处理URL的函数就是C：Controller，Controller负责业务逻辑，

如检查用户名是否存在，取出用户信息等等；

这篇的主角模板即是V：包含变量{{ name }}的模板就是V：View，View负责显示逻辑，

通过简单地替换一些变量，View最终输出的就是用户看到的HTML。

MVC中的Model在哪？Model是用来传给View的，

这样View在替换变量的时候，就可以从Model中取出相应的数据。

上面的例子中，Model就是一个dict：
{ 'name': 'Michael' }

Python关于web模板jinja2的简单使用
'''
from flask import Flask,request,render_template
#Flask通过render_template()函数来实现模板的渲染。
app = Flask(__name__)
@app.route('/',methods = ['GET','POST'])
def home():
    return render_template('home.html')
@app.route('/signin',methods = ['get'])
def sign():
    return render_template('signForm.html')
@app.route('/signin',methods = ['post'])
def signIn():
    username1 = request.form['username']
    password1 = request.form['password']
    if username1 == 'admin' and password1 =='password':
        return render_template('hello.html',username = username1)
    return render_template('signForm.html',message = 'Bad boy',usrename = username1 )
#注意这里如果登录失败则会回到登录页面并会有Bad boy消息产生
if __name__ =='__main__':
    app.run()

这部分即是MVC里面的M和C

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

然后这边即是运用jinja2web模板分离出来的html部分，也就是MVC里面的V：

下面是相关的三个html：
（这边都是有关些html的知识，我学的很不深入，如果大家有看不明白的可以去补习一下相关知识）
home.html




    
    


    
Home



signForm.html




    
    


    {% if message %}
    
{{message}}
    {% endif %}
    

        

            
表格标题
            

                
用户名
                
密码
            
            

                

                

            

        
        
戳我
    



hello.html




    
    


    
welcome {{username}}

最后输出的结果如下图：

这是直接打开的页面：

===================================================================

然后在url后面加上/signin得到登录页面：

=======================================================================

然后输入正确的用户名：admin和密码：password得到正确的登录后的页面：

=======================================================================

然后返回登录页输入错误的用户名和密码得到失败的登录页面：

=================================================================

这边需要注意的就是得将三个html文件放在和.py文件相同目录下的templates文件夹下：

（这边我用的IDE是PyCharm）

=====================================================================

以上，不足之处请大家多多指教，Thank~!