web网页制作代码—web做网页代码 收藏 0

2023年Web开发最佳编程语言

中国有句老话“工欲善其事” ，在2023年人工智能流行的时代，与其想着那一天被AI取代，不如静下心来老老实实提高自己的技能。那么2023年要学习Web开发应该使用什么语言呢，今天虫虫就来给你介绍时下最流行的、适合初学者的几种最流行的Web开发语言供大家学习参考。

毫无疑问，JavaScript 是Web开发之王，并且可能是Web开发人员中最受欢迎的语言。它也是唯一允许创建Web应用程序的语言，包括前端和后端以及移动应用程序(React Native)。

JavaScript的优势不仅在于它可以使用Nodejs在浏览器和服务器上运行，还在于它拥有用于 Web 开发和应用程序开发的出色框架和库。

基于JS的全栈开发，可以使用React.js和Angular开发前端，用Nodejs编写后端，用React Native创建跨平台（Android和iOS）移动APP。

对于一个初入Web开发的码农来说，强烈建议学习Javascrip，就算不作为主力开发语言JS也是必须要通过的那道坎。

TypeScript是我个人最推崇的语言，一方面他是由大神海尔斯伯格，在继delphi、J++，.net、C#之后的又一传奇神作。另外对比丑陋的JS，TS更加现代、更加安全、更加人性化的Web开发语言。

TypeScript也开发出了诸如VSCode、Angular2、VUE3、RxJS5、tslint很流行的软件和框架。

TypeScript最重要的改善于它在JavaScript代码中添加了类型安全，可以在开发阶段捕获烦人JavaScript类型相关错误。

TypeScript也让JS实现了真正现代化的向对象的语句，也内置了超好用的几个调试工具使Web开发变得非常容易。

Python是近年来非常流行的一种语言。虽然它不是一个很新的语言，但是他经受住了时间的考验，是目前最通用、对新手和非科班码农最友好，而且是目前最通用的编程语言。

Python在Web开发、机器学习和人工智能、数据科学、脚本编写和自动化等诸多领域都是翘楚。

与JavaScript 类似，Python也享有庞大的社区支持，并拥有许多有用的框架、库和工具，可以帮助快速创建Web应用程序。

就Web开发而言，可以使用Django创建全栈Web应用程序。如果想要更底层、更多的自主定制，可以使用Flask ，一个极简的WEB开发框架。、

Python也是一种很好的学习编码的编程语言，所以如果是软件开发领域的新手，那么选择Python可能是一个很好的开始，不仅对于Web开发，而且对于整个编程生涯。

尽管很多人质疑，但是PHP仍然2023全球网站中使用最多的语言，大概全球占多一半的网站都是跑在PHP之上的。PHP是Web开发最佳编程语言之一。

PHP是一种动态的服务器端脚本语言，可以非常轻松地创建功能齐全的Web应用程序。PHP开了世界上使用最多的Web框架WordPress，也有最强大Laraval Web框架和其他数不胜数的CMS等Web系统。

不要人云亦云，为了开发一个简单好维护的Web站点，PHP依然是最佳选择。

Ruby 是另一种非常适合Web开发的编程语言。与PHP和Python类似，Ruby也很容易学习，适合初学者。

Ruby Web开发和其他语言不一样，它主要集火于Ruby on Rails框架（RoR）Gitlab,Github、Shopify、Airbnb、Groupon、GoodReads 和 Kickstarter 等众多知名网站背后的支撑框架。

Rails是一个模型-视图-控制器 (MVC) 框架，为数据库、Web 服务和网页提供默认结构。它鼓励并促进使用JSON或XML等Web标准进行数据传输，以及使用HTML、CSS和JavaScript进行用户界面。

和之前一篇文章中提到的一样RoR的生态圈立足敏捷、实践敏捷开发

最后要提一下HTML和CSS，他们算算不上普通意义上的编程语言，智能称之为脚本。但是他们在Web体系中确实最重要的，他们是Web网页的基本构成原子，Web可以不需要以上任何一种编程语言，但是不能没有HTML和CSS。所有页面的呈现都是最终要渲染成HTML然后在浏览器中展现。

HTML提供结构 ，CSS提供样式并帮助它们看起来更好、更具视觉吸引力。

它们是Web开发的支柱，每个Web开发人员都必须精通他们。

当然，好消息是，HTML和CSS很简单，只有一些标签，你要你想学习，基本都可以在几周内轻松掌握它们。

毫无疑问，在2023年JavaScript仍然是Web开发的首要编程语言，Python也不敢示弱，尤其是其在人工智能、机器学习和数据科学方面表现的异常优秀。

而PHP和Ruby提供了创建Web应用程序的最简单方法的入门方法，而TypeScript则是相对较新、现代且有前途的编程语言，可以学习它来创建Web应用程序。

震撼！用Python开发网站如此简单

Flask是一个基于Python语言的微型Web框架。之所以被称为微型，是因为其核心非常小，但是该Web框架简约而不简单，具有很强的扩展能力。本文介绍如何编写和运行第一个Flask Web应用程序。

当然，阅读本文之前，需要读者有一定的Python基础。有时间的同学可以填写以下的调查，让我们了解阅读本文的读者Python掌握情况。

一　安装Flask框架

要使用Flask框架，必须先安装Flask。安装主要方式有两种。

1．在PyCharm中安装Flask

（1）执行File|Settings命令，如图2.2所示。

图2.2　选择File｜Settings命令

（2）在上一步操作基础上，继续执行Project:untitled（untitled为工程名，要根据实际的工程名来选择）|Project Interpreter，如图2.3所示。

图2.3　找到Project Interpreter

（3）单击图2.3中的“+”号按钮后，弹出如图2.4所示对话框，在输入框中输入Flask，然后回车。

图2.4　执行Flask的安装

（4）安装成功以后，如图2.5所示。

图2.5　成功安装Flask框架

2．用pip方式安装Flask

笔者的虚拟环境地址为J:\\flask-venv\\venv，在cmd下按以下步骤操作：

上面3个命令的每个命令输入完后都需要回车。执行完这3个命令后，表示成功激活当前虚拟环境。在（venv）J:\\flask-venv\\venv\\Scripts>下输入pip install Flask，即：

然后回车，即可安装Flask了。

注意： 后续章节用到的很多框架都可以通过这两种方式来完成安装，读者可以根据自己的喜好来选择安装方式。

2.2.2　在Flask中输出Hello World

所有的Flask程序都必须创建一个程序实例。Web服务器使用一种名为Web服务器网关接口（Web Server Gateway Interface，WSGI）的协议，把接收自客户端的所有请求都转给这个对象进行处理。程序实例是Flask类的对象，经常使用下述代码创建：

from flask import Flask这行代码表示从Flask框架中引入Flask对象。app=Flask(__name__)这行代码表示传入__name__这个变量值来初始化Flask对象，Flask用这个参数确定程序的根目录，__name__代表的是这个模块本身的名称。

使用route()装饰器注明通过什么样的URL可以访问函数，同时在函数中返回要显示在浏览器中的信息。代码如下：

@app.route(\’/\’)这行代码指定了URL与Python函数的映射关系，我们把处理URL和函数之间关系的程序定义为路由，把被装饰的函数index()注册为路由，此处注册给index()函数的路由为根目录。

这里的index()函数叫做视图函数，视图函数必须要有返回值，返回价值为字符串或简单的HTML页面等内容。

系统初始化了，路由和视图函数有了，Flask程序如何运行呢？Flask程序的运行需要服务器环境，我们可以通过run方法来启动Flask自身集成的服务器。代码如下：

如果__name__==\’__main__\’，就要启用Web服务来运行上面的程序，服务器一旦开启，就会进入轮询状态，等待并处理请求。在app.run()中可以传入一些参数，比如debug，app.run(debug=Ture)，表示设置当前项目为debug模式，也就是调试模式。如果设置了调试模式，遇到程序有错误，会在控制台输出具体的错误信息，否则只会笼统地报告“应用服务器错误”的信息。另一方面，如果设置为调试模式，期间又修改了程序代码，系统会自动重新将修改的代码提交给Web服务器，你只需要确保浏览器没有缓存，便可以得到最新修改的代码结果。

app.run()还可以传入端口等信息，比如app.run(host=\’0.0.0.0\’,port=8080)，host=\’0.0.0.0\’参数设置启用本机的IP地址可以访问，端口地址指定为8080，如果不指定，则为5000。

接下来，在PyCharm中实现上述项目。

在PyCharm中新建一个名称为2-1的工程（新建工程注意使用已经存在的“虚拟环境”），如图2.6所示。

图2.6　选择使用已有“虚拟环境”

app.py的内容见例2-1。

例2-1　Flask实例：app.py

运行程序，结果如图2.7所示。

图2.7　第一个程序Hello World

如果启用的端口不是5000端口，这里port=8888在笔者的PyCharm 2018.2.1版本中是不会生效的，访问地址仍然为 http://127.0.0.1:5000/ ，为使新端口地址生效，还需要做进一步设置。

（1）执行Run|Edit Configurations命令，如图2.8所示。

图2.8　执行Run|Edit

（2）弹出如图2.9所示对话框。

图2.9　运行端口设置

（3）在Additional options输入框中输入“–host=192.168.31.118–port=8888”（192.168.31.118为笔者计算机的IPv4地址），当然这里你也可以输入“–host=127.0.0.1–port=8888”。接下来，在浏览器地址栏可以输入 http://192.168.31.118:8888/ 访问网页，192.168.31.118一个网段内的局域网计算机也可以通过 http://192.168.31.118:8888/ 访问到此网页的内容。

注： PyCharm在2018.2.1之前的版本是不需要上述两个步骤设置的。

教你如何用几行python代码编写出一个简易web服务器

python的库很丰富，只需要几行代码就能编写出一个简易 web 服务器，可以让我们快速测试python脚本。

我们这里实现的只是一个简易的 web 服务器，用在自己家软路由上还是可以的，如果你需要功能更丰富以及性能更好的web服务器，请用 apache、nginx 等专业软件。

在以前的文章中我们学习过python数据的持久化，那这里我们就提供一个web界面来进行数据的持久化和更新操作。

一、编写web服务器

使用 http.server 标准库只需要几行代码就可以启动一个web服务器了，如下代码（要用python3，python2没有http.server库）：

用python3执行以上代码就会启动一个监听192.168.56.2:8080地址的web服务器了，在浏览器地址栏输入 http://192.168.56.2:8080/，如果web根目录下有index.html文件就会显示此文件，如果没有就会默认显示根目录结构，如下图：

web根目录结构

二、编写展示数据脚本

cgi脚本要放在web根目录下的cgi-bin目录下，如果没有这个目录请先创建它，然后在cgi-bin目录下创建一个student.py文件，内容如下：

在浏览器地址栏中输入：http://192.168.56.2:8080/cgi-bin/student.py

第一次加载时由于数据是空的，所以显示为空，如下图：

第一次加载显示数据为空

三、编写更新数据脚本

同样在cgi-bin目录下创建一个update.py文件，内容如下：

四：验证更新功能

编写完更新脚本后，在第二步中的输入框内输入信息，如下图：

输入各项信息

然后点击提交按钮，就会跳转到更新成功页面，如下图：

更新成功页面

倒计时3秒后会跳转到展示页，这时就会有数据了，然后我们修改数据，把score 修改为100，如下图：

修改 score 为 100

点击提交按钮等再次跳转到展示页时可以看到 score 已经更新为100了。

是不是很简单，你学会了吗？如果有问题，欢迎评论交流！

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com