Ubuntu下Python+Flask分分钟搭建自己的服务器教程


Posted in Python onNovember 19, 2019

最近帮朋友做了点东西,最后需要将结果在网页中展示,这就需要搭建个服务器,做几个网页把数据信息展示出来。网上找了一下,阿里腾讯都有租服务器的业务,但是有的时候我们并不需要那么复杂大型的服务器,只是一个小功能,小展示,并不复杂,那么我们完全可以自己动手,在自己的小电脑上搭建一个服务器。下面文章记录一下自己折腾的过程。

Flask安装

Ubuntu自带python2,因此不用麻烦装python了。Flask是pyhton下的一个很实用的web框架,接下来安装Flask就好,网上找了一圈,大部分都说要先装virtualenv,还要配置环境巴拉巴拉,其实并不用这么麻烦,virtualenv确实有一些优点,比如隔离环境啥的,不过如果我们就是在自己机器上使用,没有过多需求要切换各种环境啥的,可以直接安装Flask使用,感兴趣的小伙伴也可以自己查virtualenv的功能和使用。真正安装Flask只需一句话,在命令行中输入已下代码即可:

sudo pip install flask

当然如果你没安装pip的话就得先安装pip了,这里不再概述,网上都有讲怎么安装pip。

Flask的使用

ok,装好flask之后就可以马上试一试了,当然最开始我们都是用helloword的例子来开始,可以这么认为,flask的框架是有一定模板的,那么我们只需要记住几个基本模板,等需要具体操作的时候再根据具体情况进行相应修改就可以了。下面是helloword的模板,也是最基本的一种用法。

新建一个python文件,输入下面的代码:

from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():
 return "hello world" 
if __name__ == "__main__":
 app.run(host='0.0.0.0',port =8080)

写完之后,在文件夹下运行该python文件,此时启动服务,然后在浏览器中输入localhost:8080即可访问,此时返回我们之前定义的helloword,如下图所示:

Ubuntu下Python+Flask分分钟搭建自己的服务器教程

完这些,我们又有了新的需求,如果我在浏览器上面不仅仅要输入localhost:8080,我还想输入或者传入其他的参数,比如一个id或者一个字符,很多时候我们都是根据请求的这一串url中根据传入的参数去进行数据的筛选等操作。接下来我们只需要对传入的url进行处理即可,使用下面代码即可:

from flask import Flask
from flask import request

app = Flask(__name__)

@app.route("/info",methods=['GET',])
def sendinfo():
 #获取到传入url中参数id对应的值
 sendid = request.args.get('id')
 return "Get info id is " + str(sendid) 
if __name__ == "__main__":
 app.run(host='0.0.0.0',port =8080)

改完代码之后重新启动,然后在浏览器中输入"http://localhost:8080/info?id=666",即可显示效果,如下图所示:

Ubuntu下Python+Flask分分钟搭建自己的服务器教程

可以看到这个时候界面把我们在url中传入的参数显示出来了。

接下来我们又会有想法了,能不能显示html文件?当然可以!这个时候我们要在原来的放置python脚本的文件夹下新建一个templates文件夹,所有你想调用的html文件都放在这个文件夹里面。下面简单实现一个html文件,当然小伙伴们也可以自己去网上下载一些更好的html模板。

<html>
 <body>
 <h1>Hello World</h1>
 <p>This is a Test for Flask</p>
 </body>
 </html>

这个时候,我们的文件夹结构如下图所示:

Ubuntu下Python+Flask分分钟搭建自己的服务器教程

然后我们修改python脚本。

from flask import Flask
from flask import render_template
app = Flask(__name__)

@app.route("/")
def sendtemplate):
 return render_template("test.html") 
if __name__ == "__main__":
 app.run(host='0.0.0.0',port =8080)

重启之后,运行脚本,在浏览器中输入地址,效果如下图所示:

Ubuntu下Python+Flask分分钟搭建自己的服务器教程

晋级-Flask模板中显示参数

刚刚讲到了怎么在url中传入参数,也讲到了怎么调用html模板文件,那么如何将两者结合起来,输入的url参数在模板中显示出来?不要急,跟着下面一起做。首先修改python脚本。

from flask import Flask
 from flask import request
 from flask import render_template
 
 app = Flask(__name__)
 
 @app.route("/info",methods=['GET',])
 def sendinfo_tem():
 #获取到传入url中参数id对应的值
 sendid = request.args.get('id')
 return render_template("test.html",u=sendid)
 
 if __name__ == "__main__":
 app.run(host='0.0.0.0',port=8080)

u这个参数就是传入html模板中的值,当然也可以有第二个、第三个参数值传入。接下来修改一下html文件,接收并显示我们传入的参数值。

<html>
 <body>
 <h1>Hello World</h1>
 <p>The send id is {{u}}</p>
 </body>
 </html>

"{{u}}"就是我们传入的参数值,接下来重启运行,在浏览器输入url,效果如下图所示:

Ubuntu下Python+Flask分分钟搭建自己的服务器教程

晋级-显示图片

一般说到显示图片,大家就会想到,ok我在html文件中写好要显示的图片的路径,比如/home/xxx/xxx.jpg这种,但是在这里不能直接写绝对路径,一定要通过url写,因为这个时候相当于通过服务器的请求来显示图片。这个时候我们首先要在脚本所在的文件夹中新建static目录,再在static目录中新建images目录,然后将要显示的图片放入images目录中,具体文件结构如下图所示。

Ubuntu下Python+Flask分分钟搭建自己的服务器教程

然后我们修改之前的html文件。

<html>
 <body>
 <h1>Hello World</h1>
 <p>The send id is {{u}}</p>
 <img src="{{url_for('static',filename='images/1.jpg')}}"/>
 </body>
 </html>

对于python脚本不用修改,但是由于python2的一些编码问题,如果运行后报错

UnicodeDecodeError: 'ascii' codec can't decode byte 0xe6 in position 10: ordinal not in range(128)

等内容,可以在前面加入以下三句话。

import sys
reload(sys)
sys.setdefaultencoding('utf8')

然后重启运行,在浏览器中输入url,显示如下所示:

Ubuntu下Python+Flask分分钟搭建自己的服务器教程

这回图片、传参、html模板、文字全都教会大家了,小伙伴们可以自己设计美美的html,搭建服务器显示了!

其他

此时搭建完的网站,只有和你的笔记本或者电脑(现在已经变成服务器了)处于同一个局域网的小伙伴才能访问你的网站,访问的方式是将上面的url网址的localhost换成你的ip地址即可。有的时候如果我们想用外网让其他人访问,可以使用一些工具做内网穿透,这里就不再细说,网上有很多免费做内网穿透的软件,比如“花生壳"或者”nat123“等,大家可以自行查找。当然我们这里只是最简单的操作介绍了flask搭建服务器的操作,真正的大型服务器还要考虑性能、压力、效率、安全等多种因素,感兴趣的小伙伴可以再深入学习^_^

以上这篇Ubuntu下Python+Flask分分钟搭建自己的服务器教程就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
利用Python的Django框架生成PDF文件的教程
Jul 22 Python
python学习之第三方包安装方法(两种方法)
Jul 30 Python
python设计模式大全
Jun 27 Python
python中format()函数的简单使用教程
Mar 14 Python
Python批量发送post请求的实现代码
May 05 Python
python读取目录下最新的文件夹方法
Dec 24 Python
Django高级编程之自定义Field实现多语言
Jul 02 Python
python 读写文件包含多种编码格式的解决方式
Dec 20 Python
python global和nonlocal用法解析
Feb 03 Python
python中requests模拟登录的三种方式(携带cookie/session进行请求网站)
Nov 17 Python
浅谈Python中的函数(def)及参数传递操作
May 25 Python
代码复现python目标检测yolo3详解预测
May 06 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
Nov 19 #Python
python flask搭建web应用教程
Nov 19 #Python
在Python中使用MySQL--PyMySQL的基本使用方法
Nov 19 #Python
Python可变参数会自动填充前面的默认同名参数实例
Nov 18 #Python
python tornado修改log输出方式
Nov 18 #Python
Python3常用内置方法代码实例
Nov 18 #Python
python tornado使用流生成图片的例子
Nov 18 #Python
You might like
《PHP边学边教》(02.Apache+PHP环境配置――下篇)
2006/12/13 PHP
通过php快速统计某个数据库中每张表的数据量
2012/09/04 PHP
php文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
js类中获取外部函数名的方法
2007/08/19 Javascript
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
2009/09/15 Javascript
5款Javascript颜色选择器
2009/10/25 Javascript
读jQuery之六 缓存数据功能介绍
2011/06/21 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
2017/01/26 Javascript
如何正确理解javascript的模块化
2017/03/02 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
vue实现多条件和模糊搜索功能
2019/05/28 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
使用python删除nginx缓存文件示例(python文件操作)
2014/03/26 Python
Python中scatter函数参数及用法详解
2017/11/08 Python
浅谈python中的占位符
2017/11/09 Python
Django中的forms组件实例详解
2018/11/08 Python
详解Python sys.argv使用方法
2019/05/10 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
Python几种常见算法汇总
2020/06/02 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
css3 border-image使用说明
2010/06/23 HTML / CSS
求职信的要素有哪些呢
2013/12/26 职场文书
绿化先进工作者事迹材料
2014/01/30 职场文书
装饰活动策划方案
2014/02/11 职场文书
校园歌咏比赛主持词
2014/03/18 职场文书
工程安全生产协议书
2014/11/21 职场文书
新学期新寄语,献给新生们!
2019/11/15 职场文书
Vue深入理解插槽slot的使用
2022/08/05 Vue.js