ε基础web开发（1）：环境搭建（1）

最新推荐文章于 2024-07-30 20:43:25 发布

高冷酸钾coolchameleon

最新推荐文章于 2024-07-30 20:43:25 发布

阅读量155

点赞数

分类专栏： ε基础web开发文章标签： web

本文链接：https://blog.csdn.net/weixin_38821238/article/details/105847242

版权

ε基础web开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

ε基础web开发（1）：环境搭建（1）

安装XAMPP
运行Apache
测试
使用XAMPP配置Apache的python CGI编程环境

作为计算机相关专业的本科生，大学四年都没有进行过像样的web开发的确是有些汗颜了。不过德不配位的事情远不仅此一例，不如今天开始系统学习一下web开发。
绝大多数web教程会选择把前端和后端分开，但我个人按照这种思路学习了一段时间感到非常难受，只要前端不是静态页面就会感到混乱。因此这个系列想尝试同时进行前后端的开发实践，最后完成一个小的本地项目。
首先需要配置一个简单的本地服务器，我选择了XAMPP，参考了这个教程：如何搭建本地服务器。

安装XAMPP

很早之前就为了数据库的项目安装过XAMPP，直接打开： XAMPP

运行Apache

我的电脑80端口可以使用，就不需要配置端口号了。
运行Apache。

测试

访问localhost:80，可以看到XAMPP的欢迎界面，说明配置没有出现问题。

在htdocs文件夹下新建hello.html文件，输入以下代码：

<!DOCTYPE html>
<html>
    <head>
        <title>
            hello!
        </title>
    </head>

    <body>
        <h1> hello web! </h1>
    </body>
</html>

访问http://localhost/hello.html，可以看到hello web!的字样。

使用XAMPP配置Apache的python CGI编程环境

参考Python CGI环境搭建XAMPP配置。
配置完成之后，就可以显示python编写的静态网页了：

#!G:\Programming\Anaconda3\pkgs\python-3.7.7-h60c2a47_2\python.exe
# 必须要指定运行脚本的程序路径
print("Content-type:text/html\n")
# 注意要加上换行符
print("<html>")
print("<head>")
print("<meta charset = \"utf-8\" />")
print("<title>hello</title>")
print("</head>")
print("<body>")
print("<h1>world</h1>")
print("</body>")
print("</html>")