专注分享优质资源

【全网首发】手把手教你搭建个人日记网

爱留 无分类
我的日记http://zxzi.cn

每个人技术宅应该都有建立自己的网站的想法。记得小时候微机课上老师教我们用一个软件写网页,那个时候我以为这就是网页,但殊不知那只是一个前端的网页。那么一个完整的网站应该是怎么样子的呢?

就像我前面所说的,网站肯定是要有网页的,网页就像是一个店面的门面,门面好看才会有更好的生意,网站也是如此。但是只拥有好看的门面还是不够的,我们还需要一个后台来处理客户的需求,因此网站还需要后端。

后端就好像是网站的指挥部,每天处理从四面八方发送过来的请求,然后一一的回应。如果没有后端,那么你的网页只能留给自己欣赏了。

现在我就来手把手教大家如何用python语言来快速搭建一个交互式网站。在此之前你首先需要确保你有以下条件:1.一台电脑2.一个云服务器3.一个python的开发环境

具备以上的条件后,我们就可以愉快的建网站了。首先我们得要先下载python的tornado框架,这是一个网络框架,有了它我们就可以不用去操心一些http和网络传输的事情,只需要关注代码逻辑本身即可。打开你的DOS,在里面输入pipinstalltornado,如图所示。

安装好之后,我们就可以开始进入python的开发环境写代码了。这里我选择的是vscode编译器。当然建议下载pycharm或者集成IDE,对新手更加友好。

现在我们可以愉快的写代码了,先在文件头导入这三个模块

这三个模块就是用来处理http的各种请求已经逻辑的。然后我们就可以创建一个类来处理请求。

注意括号里面的是一个叫做RequestHandler的类,在python里这样写是表明继承这个类,继承这个类后,我们就可以接收到来自http的get请求和post的请求(不知道什么是get和post请求没有关系,继续往下看)。然后我们开始写我们的处理逻辑,这里我打算让网站的主页弹出来

这里的get是一个我们创建的方法,然后这里的self是一个参数,类似于C#,java里面的this,由于继承了RequestHandler,我们可以使用render方法,里面就是你网页存放的路径,我这里使用的是相对路径,如果你搞不清路径的话,直接把html文件和代码放在同一个文件夹里即可,然后render里面可以直接写html文件。这里我再附上我写的一个简单的html网页。

写完了逻辑模块,我们是不是就可以直接访问了呢,还不是。如果把网站比作一个公司了的话,我们的处理模块就像是里面的部门,外面想联系部门是不是得靠大堂电话,所以我们还得安装一部电话,也就是我们的路由。

上面的if语句可以先不用理解,你可以理解为main函数,或者是main方法。然后看application这个变量,右边的方法就是创立了一个路由,这是实际上就是一个构造方法,这个对象储存了我们MainPageHandler的路由,然后下面就是对8080端口进行监听,最后就是开始一个监听循环。现在我们便可以运行我们的代码了,然后在浏览器里面输127.0.0.1:8080,你就会发现你的网页出来了。

这里的两个连接点进去会报404错误,因为我们还没有写处理逻辑和相应的网站,所以我们接下来就要做这个事情。

前面的页面已经可以算作我们的主页了(有点丑,会html和CSS的可以自己写),我们要开发日记网站,所以现在我们来写日记页面。按照刚才的思路,我们只需新建立一个类即可。

同样的我们也需要给这个页面配置路由,

这样我们点击刚刚出现的“创建日记”,就可以进入页面了。

我这里把html源码提供一下。

如果对html语言不熟悉的话可以不用理解代码意思,直接复制粘贴即可。现在我们已经可以写日记了,但是日记写完后,我们点击提交按钮会发生什么呢。

会发现出现了405错误,这是为什么呢。当我们点击提交按钮,实际上前端的数据就会以post请求发送到我们的服务器,也就是我们的后端,而我们后端还没有写这一部分的逻辑,当然会报错了,因此,我们现在来写怎么接收前端发送过来的数据。前面我们每个模块里面都有一个get方法,这个方法可以接收来自http的get’请求,现在我们要写一个post方法,来处理来自http的post请求。

这样三行代码我们就可以得到来自前端的消息了。得到消息后,我们可以直接显示在网页上,但
评论列表