一 ** MTV简单介绍
控制层 Views层 对数据进行操作 函数执行
视图层 Templates 页面展示层 前端页面显示
模型层 Models 数据库层 前后端数据进行交互
二 ** flask 项目 参数传递
1.app.py
#从flask框架中导入Flask类
from flaskimport Flask,render_template,request
#传入__name__初始化实例一个Flask类
app=Flask(__name__)
#项目的配置类*保存的数据都是项目需要的配置*
class Config(object):
DEBUG=True
#连接数据库通过配置对象加载配置信息
app.config.from_object(Config)
#app.route装饰器映射URl路由器和执行的函数，这个设置将url映射到了hello world函数中
@app.route('/')
def HelloWorld():
return render_template('nav_page.html')
@app.route('/index')
def index():
return render_template('index.html')
@app.route('/login')
def login():
return render_template('login.html')
@app.route('/register',methods=['GET','POST'])
def register():
if request.method=='GET':
return render_template('register.html')
else:
uname=request.form['uname']
pwd=request.form['pwd']
print('用户名*%s 用户密码*%s' % (uname,pwd))
return render_template('login.html')
#给路径函数增加参数 形式参数
@app.route('/user_id/<int:id>')
def user_id(id):
id='用户编号*%d' %id
return render_template('user_id.html',id=id)
@app.route('/user_name/<name>')
def user_name(name):
name='用户名称为*%s' %name
return render_template('user_name.html',name=name)
#多路由函数
@app.route('/one')
@app.route('/two')
@app.route('/three/<int:page>')
def mulit(page=None):
if page==None:
return '当前页数为第一页'
else:
page='当前页数为*%d' %page
return page
#运行本项目 host=0.0.0.0 可以让其他电脑直接运行 port默认值为5000 设置为9000
if __name__ =='__main__':
app.run()
多个路由装饰器装饰的函数
具体页数展示
2.index.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>首页展示页面
<h1>欢迎来到首页展示页面
<li>id*1 name*jack<a href="/user_id/1">detail
<li>id*2 name*yee<a href="/user_id/2">detail
<li>id*3 name*hyx<a href="/user_id/3">detail
<li>id*4 name*hyy<a href="/user_name/hyy">detail
<li>id*5 name*yzm<a href="/user_name/yzm">detail
</html>
首页展示页面显示
3.login.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>登录页面
<h1>成功登录--登录页面
</html>
登陆页面展示
4.nav_page.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>导航页面
<h1>欢迎来到淘宝导航页面
<a href="/index">首页
<a href="/login">登录页面
<a href="/register">注册页面
</html>
导航页面展示
5.register.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>注册页面
<h1>欢迎来到注册页面
<form action="/register" method="post">
用户名*<input type="text" name="uname">
密码*<input type="password" name="pwd">
<input type="submit" value="提交">
</html>
注册页面展示
6.user_id.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>用户编号
<h1>通过id查找详细信息
{{id }}
</html>
id查找页面展示
7.user.name.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>显示用户姓名
<h1>显示用户名称信息
{{name }}
</html>
name查找页面展示
网友评论