当前位置： 首页 > news >正文

毕业设计做网站前端教你如何快速建站

news 2025/8/1 4:23:05
毕业设计做网站前端,教你如何快速建站,海外市场营销,兰州做网站公司毕业那会使用过这个轻量级的框架，最近再来回看一下，依赖相关的就不多说了，直接从例子开始。下面示例中的 html 模板，千万记得要放到 templates 目录下。 Flask基础示例 hello world from flask import Flask, jsonify, url_fora…

毕业那会使用过这个轻量级的框架，最近再来回看一下，依赖相关的就不多说了，直接从例子开始。下面示例中的 html 模板，千万记得要放到 templates 目录下。

Flask基础示例

hello world

from flask import Flask, jsonify, url_forapp = Flask(__name__)@app.route('/')
def hello_world():return '<h1>Hello World!</h1>'if __name__ == '__main__':app.run()

路由

既然涉及到web框架，就必然涉及到路由。

动态路由

动态路由就是将变量拼接到路由 url 当中，可以把字段编辑为<variable_name>，这个部分将会作为命名参数传递到你的函数。如果在动态路由中指定了变量的类型，比如 <int:user_id>，则需要按照指定类型进行传值，否则的话也会报错。参数也可以根据类似 request.args.get("id") 进行获取。

from flask import Flask, requestapp = Flask(__name__)@app.route('/')
def hello_world():return 'Hello World!'@app.route('/user/<username>')
def show_user_profile(username):id = request.args.get("id")return 'User %s, id %s' % (username, id)@app.route('/users/<int:user_id>')
def show_user_id(user_id):return 'User id %d' % user_idif __name__ == '__main__':app.run(debug=True)

构造 url

Flask 还可以用 url_for() 函数来给指定的函数构造URL，也称为反向路由。它接收函数名作为第一个参数，也接受对应 URL 规则的变量部分的命名参数。未知变量部分会添加到URL末尾作为查询条件。

from flask import Flask, url_forapp = Flask(__name__)@app.route('/')
def hello_world():return url_for('article', id=1, name="look")  # /article/1?name=look@app.route('/article/<id>')
def article(id):return f'id {id} article detail'if __name__ == '__main__':app.run()

http方法

HTTP 有许多的不同的构造方法访问 URL 方法。默认情况下，路由只回应 GET 请求，当时通过route() 装饰器传递 methods 参数可以改变这个行为，至于每个 method 对应的行为，这块就不多细说了。

from flask import Flask, url_for, requestapp = Flask(__name__)@app.route('/', methods=['GET', 'POST'])
def index():if request.method == 'POST':return "go post method"elif request.method == 'GET':return "go get method"if __name__ == '__main__':app.run()

 模板

html模板文件一般默认是放在 templates 目录下的，如果没有这个目录的话，可以自己新建一个。

templates/index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>template</title>
</head>
<body>
<h1>hello world!</h1>
</body>
</html>
from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')
def hello_world():return render_template('index.html')if __name__ == '__main__':app.run()

变量替换

而且还可以将内容传递到模板文件进行展示，下面这种也是展示 hello world！只不过我们将静态文件的内容藏起来了，通过后端返回的内容再显示出来，用的是模板语法，两种方法在前端显示的都一样。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>template</title>
</head>
<body>
<h1>{{content}}</h1>
</body>
</html>
from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')
def hello_world():content = "hello world!"return render_template('index.html', content=content)if __name__ == '__main__':app.run()

当然，也可以将对象实例传递到模板中去。

user_index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>user</title>
</head>
<body>
<h1>hello {{user.name}}</h1>
</body>
</html>

models.py

class User:def __init__(self, id, name):self.id = idself.name = name

main.py

from flask import Flask, render_template
from models import Userapp = Flask(__name__)# 引用模板
@app.route('/')
def hello_world():content = 'hello world!'return render_template('index.html', content=content)@app.route('/user')
def user_index():user = User(1, 'Looking')return render_template('user_index.html', user=user)if __name__ == '__main__':app.run()

条件语句 

info.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>条件语句</title>
</head>
<body>{% if user.id == 1 %}<h1> Hello {{user.name}}</h1>{% else %}<h1>There is no user!</h1>{% endif %}
</body>
</html>
from flask import Flask, render_template
from models import Userapp = Flask(__name__)# 路由
@app.route('/info/<user_id>')
def info_judge(user_id):user = Noneif int(user_id) == 1:user = User(1, 'Looking')return render_template('info.html', user=user)if __name__ == '__main__':app.run()

循环语句

list.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>循环语句</title>
</head>
<body>{% for user in users %}<h4>user_id: {{user.id}}; user_name: {{user.name}}</h4><br>{% endfor %}
</body>
</html>
from flask import Flask, render_template
from models import Userapp = Flask(__name__)# 路由
@app.route('/list')
def info_judge():users = []for i in range(5):users.append(User(i, f"student{i}"))return render_template('list.html', users=users)if __name__ == '__main__':app.run()

 

模板继承

我们会发现有一些网页的有些部分是不变的，比如说页头页脚等，当跳转相同网页的时候只有中间部分会改变，这就要使用到模板的继承，可以使用 extends 实现对模板文件的继承。

base.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>模板的继承</title>
</head>
<body><div><H2>Header 欢迎光临！</H2></div>{% block content %}{% endblock %}<div><H2>Footer 欢迎下次再来！</H2></div>
</body>
</html>

page_one.html

{% extends 'base.html'%}
{% block content %}<h3>{{content}}</h3>
{% endblock %}

 page_two.html

{% extends 'base.html'%}
{% block content %}<h3>{{content}}</h3>
{% endblock %}

 main.py

from flask import Flask, render_template
app = Flask(__name__)# 第一页路由
@app.route('/page_one')
def one_page():content = '这是第一页！'return render_template('page_one.html', content=content)# 第二页路由
@app.route('/page_two')
def secend_page():content = '这是第二页！'return render_template('page_two.html', content=content)# 运行
if __name__ == "__main__":app.run()

消息提示

使用 flash 可以将后台处理的消息提示刷新到页面

index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Flask消息提示与异常捕获</title>
</head>
<body>
<h1>Login</h1><form action="/login" method="post"><input type="text" name="username" placeholder="账号"><br /><input type="password" name="password" placeholder="密码" style="margin-top:10px"><br /><input type="submit" value="Submit" style="margin-left:50px;margin-top:10px"></form><!--这里获取的是一个数组-->{{get_flashed_messages()[0]}}
</body>
</html>

main.py 

from flask import Flask, render_template, flash, requestapp = Flask(__name__)
# 对flash的内容加密
app.secret_key = '123'@app.route('/login')
def index():return render_template("index.html")# 路由
@app.route('/login', methods=['POST'])
def login():# 获取表单上传的数据form = request.formusername = form.get('username')password = form.get('password')# 进行判断if not username:flash("please enter username")return render_template("index.html")if not password:flash("please enter password")return render_template("index.html")if username == "looking" and password == "123456":flash("login success")return render_template("index.html")else:flash("username and password not match！")return render_template("index.html")# 运行
if __name__ == "__main__":app.run()

异常捕获 

如果用户输入了错误的路径，创建网站的人又没有设置异常捕获及处理，它会出现404；如果处理了的话，那就显示的为处理后的页面。所以，我们的异常处理也就是对返回的 404 页面（或者其他异常）返回我们设置的页面。

404.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Flask异常捕获与处理</title>
</head>
<body><h2>抱歉，你访问的页面去火星了......</h2><br /><h2>请检查你的网址是否输入正确！</h2>
</body>
</html>

user.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<h1>This is user page</h1>
​
</body>
</html>

 main.py

from flask import Flask, render_template, abortapp = Flask(__name__)# 异常捕获一
@app.errorhandler(404)
def not_found():return render_template('404.html'), 404# 异常捕获二
@app.route('/user/<user_id>')
def user_info(user_id):if int(user_id) == 1:return render_template("user.html")else:abort(404)if __name__ == "__main__":app.run()

如果没有添加针对 404 的错误处理，就是下面这种界面。

403 是 Forbidden

http://www.mmbaike.com/news/51869.html

相关文章：

  • 网站建设招标模板百度seo优化按年收费
  • WordPress如何发布到github北京网站优化策略
  • wordpress 网站建设中百度seo最成功的优化
  • 陕西网站建设公司重庆seo霸屏
  • 温州seo博客优化大师是什么意思
  • 我要做个网站该怎么做百度快速seo软件
  • 淄博网站建设设计谷歌seo和百度区别
  • 阿里巴巴网站做销售方案市场调研模板
  • 针对餐饮公司推广做网站方法武汉百度开户代理
  • 网站脚本怎么做深圳网络推广的公司
  • 网站开发使用的技术疫情最新数据消息地图
  • 永久免费的ppt网站品牌推广策略与方式
  • 织梦做的网站打开空白市场调研报告ppt
  • discuz建网站宣传软文是什么
  • 网站权重值seo网络优化
  • 广州市天河区建设和水务局网站真正免费的网站建站平台
  • 在哪里可以建设网站强强seo博客
  • 网站制作软件小学广告联盟怎么加入
  • 郑州专业做网站公黄冈网站推广优化找哪家
  • 松江网站建设推广百度关键词推广多少钱
  • 怎么在濮阳网站做宣传视频推广一条多少钱
  • 做淘宝客网站制作教程百度推广怎么做最好
  • 成都网站seo推广互联网推广是什么工作内容
  • 宿州网站网站建设seo网站设计
  • wordpress rss地址重庆seo推广运营
  • 长春网站建设手机版谷歌 chrome 浏览器
  • 做网站得多钱优化视频
  • dedecms建设慕课网站西点培训
  • 网页编辑排版工具有哪些汕头seo网络推广服务
  • 网站建设开发ppt模板中国互联网数据平台