新无止竞

首页 » PHP » A-Frame 前端WebVR以及后端Flask服务器搭建(三)

A-Frame 前端WebVR以及后端Flask服务器搭建(三)

前端基于 webGL的框架基本已经搭建起来了,服务器我们用简单实用的Flask来实现。

首先,配置python环境,最好下载一款IDE,推荐PyCharm,安装Flask的包。 
完成之后,就可以创建服务器了。 
创建一个py文件,配置python环境:

# 首先引入了Flask包,并创建一个Web应用的实例”app”
from flask import Flask
app = Flask(__name__)

#定义路由规则,简单来说就是访问路径
@app.route('/')
#当满足这个路由规则时,进入下面的model层。
def index():
    return '<h1>Hello World</h1>'

# if这一行保证了该服务器不会被调用执行,app.run()会启动服务器,默认是本地地址
#端口默认5000
if __name__ == '__main__':
    app.run()

点击运行,然后再浏览器上访问: 
http://127.0.0.1:5000 
就会得到想要的结果 hello world. 
如果想在别的机器上访问,只需要加上: 
app.run(host=’0.0.0.0’, port=8888, debug=True), 此时,可以通过你的IP地址访问,端口是8888.

当然,我们服务器需要应付的是很多路由,很多请求。 
比如一个简单的登陆请求:

@app.route('/login', methods=['POST', 'GET'])
def login():
    if request.method == 'POST':
        if request.form['user'] == 'admin':
            return 'Admin login successfully!'
        else:
            return 'No such user!'
    title = request.args.get('title', 'Default')
    return render_template('login.html', title=title)

而在前端页面中表单中:

<form name="login" action="/login" method="post">
    Hello {{ title }}, please login by:
    <input type="text" name="user" />
</form>

当然在A-Frame中,会用到<link>来场景转换,比如:

   <a-link href="{{ url_for('get_form') }}" title="car" 
   position="-0.5 2 2"  rotation="0 90 0" image="#car">
  </a-link>

服务器:

@app.route('/car', methods=['post', 'get'])
def get_form():
    return render_template('car.html')

相当于页面跳转。 
这就是使用Flask简单处理你设计的前端页面了。

文章如无特别注明均为原创! 作者: 独自狂战, 转载或复制请以 超链接形式 并注明出处 新无止竞博客 - 专注网络技术资源分享的IT博客
原文地址《 A-Frame 前端WebVR以及后端Flask服务器搭建(三)》发布于2018-11-16

分享到:
打赏

评论

游客

切换注册

登录

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册