3，
连接数据库
数据库是一个健全网站必不可少的
这里使用MySQL做数据库
在前面的架构目录结构中，找到
methods，在里面创建
db.py文件，然后在里面分别建立起连接对象和游标对象：
#!/usr/bin/env python
# coding=utf-8
'''
Created on 2018年4月19日
数据库连接
'''
import MySQLdb
conn = MySQLdb.connect(host="192.168.12.120", user="root", passwd="12345678", db="python_test" )
cur = conn.cursor()
4，
登陆界面
登陆是网站常用功能，这里就以登陆来进行功能的展现；
当用户输入网址，呈现在眼前的是一个登录界面。在用户名和密码两个输入框中分别输入正确的用户名和密码之后，单击确定按钮，登录网站，显示对该用户的欢迎信息。
咱这截图是网站找的，验证码什么的咱可以略过，知道登陆界面什么样就行。
用户单击“登录”按钮，经过验证是合法用户之后，呈现的是欢迎界面
首先得需要建立HTML界面，在templates文件中创建index.html文件：
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<!-- 将网页的默认宽度（viewport）设置为设备的屏幕宽度（width=device-width），并且原始缩放比例为1.0（initial-scale=1），即网页初始大小占屏幕面积的100% -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>登陆 Python</title>
</head>
<body>
<h2>登陆界面</h2>
<form method="POST">
<p><span>UserName:</span><input type="text" id="username"/></p>
<p><span>Password:</span><input type="password" id="password" /></p>
<p><input type="button" value="login" id="login" /></p>
</form>
</body>
这是一个简单的前端登陆界面,使用自适应的方式来写的。
虽然完成了视觉上的设计，但是，如果单击login按钮，没有任何反应。因为它还仅仅是一个孤立的页面，这时候需要一个前端交互利器——JavaScript或者JQuery。
在这里为了方便使用的是JQuery;jQuery是一套跨浏览器的JavaScript库，可以简化HTML与JavaScript之间的操作。
将jQuery下载下来，放在指定地方，到官方网站（https://jqueryui.com/）下载最新的库，然后将它放在已经建立的statics目录内，为了更清楚地区分，可以在里面建立一个子目录js，jQuery库放在js子目录里面。建议下载以min.js结尾的文件，因为这个是经过压缩之后的，体积小。
可以用下面的方法引入：
<script src="statics/js/jquery.min.js"></script>
考虑到Tornado的特点，用下面的方法引入更具有灵活性：
<script src="{{static_url("js/jquery.min.js")}}"></script>
不仅要引入jQuery，还需要引入自己写的js指令，所以要建立一个文件，我命名为script.js，当然现在这个文件是空的
<script src="{{static_url("js/script.js")}}"></script>
这里用的static_url()是Tornado模板提供的一个函数，用这个函数，能够制定静态文件。说白了就是能动态的获取前面的工程路径。
下来个测试，用编辑器打开statics/js/script.js文件，如果没有就新建。输入的代码如下：
$(document).ready(function(){
alert("hello");
$("#login").click(function(){
var user = $("#username").val();
var pwd = $("#password").val();
alert("username: "+user);
});
});
代码主要实现获取表单中的id值分别为username和password输入的值，alert函数的功能是把值以弹出菜单的方式显示出来。
在handlers里面建立index.py文件，并写入如下代码：
#!/usr/bin/env python
# coding=utf-8
'''
Created on 2018年4月19日
'''
import tornado.web
class IndexHandler(tornado.web.RequestHandler):
def get(self):
self.
render
("index.html")
当访问根目录的时候，就将相应的请求交给了handlers目录中index.py文件的IndexHandler类的get()方法来处理，它的处理结果呈现index.html模板内容。
render()函数的功能在于向请求者反馈网页模板，并且可以向模板中传递数值。
回到
handlers目录中。因为这里面的文件要在别处被当作模块引用，所以，需要在这里建立一个空文件，命名为
__init__.py。这个文件非常重要。只要在目录中加入了这个文件，该目录中的其他.py文件就可以作为模块被Python引入了。
至此，一个带有表单的网站就建立起来了。可以回到上一级目录中，找到
server.py文件，并运行它：
我第一次运行报错了，原因是handlers/__init__.py里面创建的时候自动生成注释了，一定要删掉，空的什么都不留。
打开浏览器，输入http://localhost:8000或者
http://127.0.0.1:8000
这就是script.js中的“alert（"hello"）;”开始起作用了，第一句是要弹出一个对话框。单击“确定”按钮之后才显示登陆界面。
输入用户名密码，点击登陆：
一个网站有了雏形就有了。当然现在还没设计到表单提交和数据交互。继续...
扫一扫
80
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
