3.1.4 Python简单网站实践2

﹏ヽ暗。殇╰゛Y 2022-05-27 12:48 116阅读 0赞

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， 登陆界面

登陆是网站常用功能，这里就以登陆来进行功能的展现；

当用户输入网址，呈现在眼前的是一个登录界面。在用户名和密码两个输入框中分别输入正确的用户名和密码之后，单击确定按钮，登录网站，显示对该用户的欢迎信息。

![20180419094613100][]

咱这截图是网站找的，验证码什么的咱可以略过，知道登陆界面什么样就行。

用户单击“登录”按钮，经过验证是合法用户之后，呈现的是欢迎界面

![20180419094628153][]

首先得需要建立HTML界面，在templates文件中创建index.html文件：

<!DOCTYPE html>

<head>

<title>登陆 Python</title>

</head>

<body>

<p><span>UserName:</span><input type="text" id="username"/></p>

<p><span>Password:</span><input type="password" id="password" /></p>

</form>

</body>

这是一个简单的前端登陆界面,使用自适应的方式来写的。

虽然完成了视觉上的设计，但是，如果单击login按钮，没有任何反应。因为它还仅仅是一个孤立的页面，这时候需要一个前端交互利器——JavaScript或者JQuery。

在这里为了方便使用的是JQuery;jQuery是一套跨浏览器的JavaScript库，可以简化HTML与JavaScript之间的操作。

将jQuery下载下来，放在指定地方，到官方网站（https://jqueryui.com/）下载最新的库，然后将它放在已经建立的statics目录内，为了更清楚地区分，可以在里面建立一个子目录js，jQuery库放在js子目录里面。建议下载以min.js结尾的文件，因为这个是经过压缩之后的，体积小。

可以用下面的方法引入：

考虑到Tornado的特点，用下面的方法引入更具有灵活性：

不仅要引入jQuery，还需要引入自己写的js指令，所以要建立一个文件，我命名为script.js，当然现在这个文件是空的

这里用的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文件，并运行它：

![20180419094706893][]

我第一次运行报错了，原因是handlers/\_\_init\_\_.py里面创建的时候自动生成注释了，一定要删掉，空的什么都不留。

打开浏览器，输入http://localhost:8000或者 [http://127.0.0.1:8000][http_127.0.0.1_8000]

![20180419094723903][]

这就是script.js中的“alert（"hello"）;”开始起作用了，第一句是要弹出一个对话框。单击“确定”按钮之后才显示登陆界面。

输入用户名密码，点击登陆：

![20180419094739622][]

一个网站有了雏形就有了。当然现在还没设计到表单提交和数据交互。继续...

[20180419094613100]: /images/20220527/484bb38695f24577ac36cdbdf2b14ddb.png
[20180419094628153]: /images/20220527/97c4f78d13fc4e4a9aca269aff6dca37.png
[20180419094706893]: /images/20220527/8eb7086fbfe6404099924fe1b7152fc4.png
[http_127.0.0.1_8000]: http://127.0.0.1:8000
[20180419094723903]: /images/20220527/94a672b723b3459895828164c9249592.png
[20180419094739622]: /images/20220527/dff5dfa698284bae9f29432fa2833759.png