文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

前端VS后端-Web开发（新手引路）

介绍 前端开发通常被称为客户端开发，它专注于您在网站或应用程序上看到，体验和与之交互的一切。 另一方面，我们有后端开发，通常被称为服务器端开发，这将是更加专注于功能，数据，算法等的事情。...―维基百科 前端开发涵盖了您经常看到的网站或应用程序上的所有内容。诸如布局，下拉菜单，按钮和响应式设计之类的东西。...如果要进行前端开发，您需要学习的三种核心语言是HTML，CSS和JavaScript。这些技术都使我们能够设计网站，并允许在客户端（即浏览器）上进行交互。...这是客户端，这是用户在浏览器中看到的内容，他们可以使用JavaScript与网站进行交互，并查看使用HTML和CSS显示的信息。 关于前端开发已经足够说了，现在让我们继续说说后端开发。...诸如Node.js，MongoDB等后端技术使我们能够与数据库进行交互，并在服务器上具有业务逻辑以及更多其他功能。 后端包含以下内容： 将提供文件的服务器是HTML，CSS和JavaScript。

1.5K41

加点JavaScript魔法

应用程序在网页中包含这些组件的标准方式是在适当的位置添加HTML，然后为需要脚本支持的组件调用JavaScript函数，以便初始化或激活它。popover组件确实需要JavaScript的支持。...初始化调用接受许多配置弹出窗口的选项，包括传递想要在弹出窗口中显示的内容，以及使用什么方法触发弹出窗口出现或消失（单击，悬停在元素上等），如果内容是纯文本或HTML，那么在文档中可以找到更多的选项。...我可以将它添加到app/templates/base.html模板中，以便它可以在应用程序的每个页面上运行： app/templates/base.html：页面加载完毕后运行函数 ......我要发送到服务器的请求将具有类似 /user//popup 模式的URL，在本章开始时我已经将该URL添加到应用程序中。这个请求的响应将包含我需要在弹出窗口中插入的HTML。...text()函数返回节点的文本内容。该函数不会对文本进行任何修剪，例如，如果在一行中有，在下一行中有文本，在另一行中有，text()将返回文本周围的所有空白。

5.7K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    前端开发 vs. 后端开发：编程之路的选择

    HTML/CSS/JavaScript： 前端开发的基石是HTML（超文本标记语言）、CSS（层叠样式表）和JavaScript。...HTML用于定义网页结构，CSS用于样式和布局，JavaScript用于交互和动态性。 html> html> 示例网页 css" href="...后端开发：数据和逻辑的构建者 后端开发涉及构建应用程序或网站的服务器端，处理数据存储、业务逻辑和安全性等方面。后端开发者通常不直接与用户交互，而是负责确保应用程序的后台正常运行。...稳定性：后端开发者的工作有助于应用程序的稳定运行，减少服务器崩溃和错误。 然而，后端开发也具有一些挑战： 不可见性：后端开发的工作不像前端那样直接呈现在用户面前，难以直接看到自己的成果。

    78910

    基于 Python 构建网页版年终海报模板

    前言在创建一个网页版年终海报模板的过程中，我们将使用 Python 的 Flask 作为后端 Web 框架，Jinja2 作为模板引擎，以及 HTML、CSS 和 JavaScript 构建前端界面。...创建 Flask 应用首先，在 app.py 中建立了一个 Flask 应用，定义了三个主题：'New Year'、'Christmas' 和 'Celebration'。...每个 HTML 文件都引入了外部的 CSS 和 JavaScript 文件，使得我们可以在 styles.css 和 scripts.js 中定义样式和脚本，进一步实现模板的灵活性。代码如下：Flask 和 Jinja2，我们能够迅速搭建一个具有基本功能的 Web 应用。在实际项目中，你可能需要更加复杂的前端设计和更多的后端逻辑，以满足用户的需求。...此外，可以通过引入更多的 JavaScript 和 CSS 效果，使界面更加动态和吸引人。例如，可以添加过渡效果、动画和用户友好的反馈，以提高用户体验。

    66610

    什么是 CORS（跨源资源共享）？

    作为外部用户，我们只能看到网站的内容，不能更改文本或视觉元素。 GET /index.html HEAD: 该HEAD请求预览将与请求一起发送的标头GET。...它用于在不访问特定 URL 的情况下对特定 URL 中存在的内容进行采样。 例如，您可以HEAD下载 URL 来接收其Content-Length标头。这会让您在同意下载之前知道下载的文件大小。...实施 CORS 的快速指南 要 开始使用 CORS，您必须在您的应用程序上启用它。以下是来自不同框架的精选代码，它们将使您的应用程序 CORS 准备就绪。...： Install package： $ pip install -U flask-cors 然后将其添加到您的 Flask 应用程序中： # app.py from flask import Flask...Kotlin 中的 Spring Boot 应用程序： 以下 Kotlin 代码块在 Spring Boot 应用程序上启用 CORS。

    1.9K30

    Python超级明星WEB开发框架Flask简明教程

    但 Flask的设计使之也相当适用于面向资源的REST架构，在越来越移动化 并且单页应用越来越重要的WEB开发领域，这是Flask相对于Django相当 大的优势。...Flask框架 根据HTTP请求的URL在路由表中匹配预定义的URL规则，找到对应的视图函数， 并将视图函数的执行结果返回WSGI服务器： ? 可见路由表在Flask应用中处于相当核心的位置。...这是因为，默认情况下，在URL规则中的变量被视为不包含/的字符串。/file/repo/c.txt 是没有办法匹配URL规则/file/的。...static /main.css /jquery.min.js 那么启动应用后就可以通过URL/static/main.css访问static文件夹下的main.css...') 当应用运行后，通过URL/assets/main.css就可以访问assets文件夹下的 main.css文件了。

    2.3K20

    Python超级明星WEB框架Flask

    但 Flask的设计使之也相当适用于面向资源的REST架构，在越来越移动化 并且单页应用越来越重要的WEB开发领域，这是Flask相对于Django相当 大的优势。...Flask框架 根据HTTP请求的URL在路由表中匹配预定义的URL规则，找到对应的视图函数， 并将视图函数的执行结果返回WSGI服务器： ? 可见路由表在Flask应用中处于相当核心的位置。...这是因为，默认情况下，在URL规则中的变量被视为不包含/的字符串。/file/repo/c.txt 是没有办法匹配URL规则/file/的。.../static         /main.css         /jquery.min.js 那么启动应用后就可以通过URL/static/main.css访问static文件夹下的main.css...') 当应用运行后，通过URL/assets/main.css就可以访问assets文件夹下的 main.css文件了。

    1.9K20

    18段代码带你玩转18个机器学习必备交互工具

    【提示】有关Flask的更多信息，请参阅官方Flask文档。 http://flask.pocoo.org/ 03 HTML HTML（超文本标记语言）是网络技术方面最基本的东西之一。...04 CSS CSS（Cascading Style Sheet，层叠样式表）使大多数网站看起来很棒！...有时你只需要在页面上自定义功能，即在HTML页面中直接创建本地CSS文件或样式标签，然后使用“class”参数将其应用于特定标签或区域（代码清单4）。...【提示】有关CSS的其他信息，请访问： w3schools.com 05 Jinja2 Jinja2用于生成标记和HTML代码，并与Flask变量紧密配合。...准确了解应用程序运行所需的Python库。 使计算机系统的其余部分与在此环境中安装的任何Python隔离开。 鼓励尝试。 要启动虚拟环境，请使用“venv”命令。

    3.2K00

    18段代码带你玩转18个机器学习必备交互工具

    【提示】有关Flask的更多信息，请参阅官方Flask文档。 http://flask.pocoo.org/ 03 HTML HTML（超文本标记语言）是网络技术方面最基本的东西之一。...04 CSS CSS（Cascading Style Sheet，层叠样式表）使大多数网站看起来很棒！...有时你只需要在页面上自定义功能，即在HTML页面中直接创建本地CSS文件或样式标签，然后使用“class”参数将其应用于特定标签或区域（代码清单4）。...【提示】有关CSS的其他信息，请访问： w3schools.com 05 Jinja2 Jinja2用于生成标记和HTML代码，并与Flask变量紧密配合。...准确了解应用程序运行所需的Python库。 使计算机系统的其余部分与在此环境中安装的任何Python隔离开。 鼓励尝试。 要启动虚拟环境，请使用“venv”命令。

    3.1K20

    Flask 入门系列教程（二）

    然后 Flask 程序再根据视图函数等处理相关请求，最后再返回响应给 Web 服务器。最终交由浏览器来渲染结果，比如加载 CSS，执行 JavaScript 代码等等操作。...定义了 web 服务器和 web 应用（Flask 等）之间的接口规范。只有 Web 服务器和 Web 应用都遵守了 WSGI 协议，那么他们才能正常通信。...两种上下文 在 Flask 中，有两种上下文：程序上下文和请求上下文。...g 存储在程序上下文中，而程序上下文会随着每一个请求的进入而激活，随着每一个请求的处理完毕而销毁，所以每次请求都会重设这个值。...在 Flask 中提供了四种请求钩子，以装饰器的形式注册到函数，使得我们可以方便的应用该功能 钩子名称 作用 before_first_request 在处理第一个请求之前运行 before_request

    1.3K20

    flask_admin使用教程

    若要向此页面添加一些内容，请将以下文本另存为项目模板目录中的admin/index.html： {% extends 'admin/master.html' %} {% block body %}...所以当你在部署一些仍在开发中的东西时，在你希望全世界都能看到它之前，它是非常好的。 看看Flask-BasicAuth，看看将整个应用程序置于HTTP Basic Auth之后有多容易。...唯一复杂的一点是使内置的flask安全视图与flask管理模板顺利集成，以创建一致的用户体验。...要做到这一点，您需要重写内置的flask安全模板，并让它们通过在每个文件的顶部添加以下内容来扩展flask管理基模板： {% extends 'admin/master.html' %} 现在，...title Page title head_css Various CSS includes in the header head Empty block in HTML head

    5.1K20

    带你认识 flask 美化

    CSS框架为普通类型的用户界面元素提供了高级CSS类的集合，其中包含预定义样式。大多数这样的框架还提供JavaScript插件，以实现不能纯粹使用HTML和CSS来完成的功能。...，bootstrap/base.html模板就会变为可用状态，你可以使用extends子句从应用模板中引用。...请注意，此列表不包含导航栏的整个HTML，但你可以在GitHub上或下载本章的代码来查看完整的实现。 app/templates/base.html：重新设计后的基础模板。...再一次地，我不会向你展示我为应用中的其他表单所做的所有更改，但这些更改都是可以在GitHub上下载或检查到的。...类似的更改需要应用于user.html，但我不打算展示在此处。 本章的下载包中包含这些更改。07

    4.8K10

    Python Web开发的完整指南

    前端涉及 html、css、javascript 和由此衍生出的库及框架，如 Angular、React、Vue，可谓学无止境。...一个 Web 框架是预先写好的，由标准化的代码组成，为编写 Web 应用程序服务，目的是为了使开发更快、更容易，包装和模块的集合，使 web 应用程序更加可靠，更容易扩展。...Zappa 是一个功能强大的库，用于在AWS Lambda 上开发无服务器应用程序。 Requests 库可可以轻松发送 HTTP 请求，用于与应用程序进行通信，获取 HTML 页面数据。...5、Web 开发学习路线图 步骤 1：基础知识储备 首先，前端的三个最基本的东西 HTML 5、CSS 3 和 JavaScript（ES6）是必须要学好的。...前端知识是绕不开 html，css，javascript，因此前端知识是必须掌握的，后端这块可以从 Python 入门，熟练之后有余力再深入掌握其他后端语言。

    12.2K42

    基于 Vercel 和 MongoDB 的叨叨·改

    A: 叨叨·改是用 Flask 重写了原叨叨 (Rock-Candy-Tea/daodao (github.com))的后端, 并增添了前端的一个初步可用的应用, 前端说说展示页面直接搬运自小冰博客 -...后端 api 可见 README A: 叨叨·改已经插件化, 项目地址: ayasa520/hexo-daodao-plus: 适用于 hexo 的”叨叨·改”插件 (github.com)....后端项目地址: ayasa520/daodao-kai: 叨叨改，用 flask 重写叨叨的后端 (github.com) 使用 登录 点击下方”登录”按钮, 在表单中输入用户名和密码 image.png...image.png 删除 登录后直接点击右侧的 x image.png 发送 登录后点击下方”新建”按钮, 在文本框中输入内容....[‘iframe’,’img’,’script’] 设置叨叨不在首页显示的标签类型 path daodaoplus 路径名称, 生成的页面为 [path]/index.html front_matter

    1.5K21

    Python基础——PyCharm版本——第十章、Web开发

    Python_Base:Chapter tenth 目录 前言 Python网络框架 示例： 在一个Web应用中，客户端和服务器上的Flask程序的交互可以概括为以下几步： 静态路由 动态路由 模板的使用...在BS架构下，客户端只需要浏览器，应用程序的逻辑和数据都存储在服务器端。浏览器只需要请求服务器，获取Web页面，并把Web页面展示给用户即可。 当然，Web页面也具有极强的交互性。...Web开发也经历了好几个阶段： 静态Web页面：由文本编辑器直接编辑并生成静态的HTML页面，如果要修改Web页面的内容，就需要再次编辑HTML源文件，早期的互联网Web页面就是静态的； CGI...' app.run() 在一个Web应用中，客户端和服务器上的Flask程序的交互可以概括为以下几步： 用户在浏览器输入URL访问某个资源。...Flask接收用户请求并分析请求的URL。 为这个URL找到对应的处理函数。 执行函数并生成响应，返回给浏览器。 浏览器接收并解析响应，将信息显示在页面中。

    71310

    使用Flask构建个人简历网站

    静态文件处理 静态文件包括CSS、JavaScript、图片等不经常变动的文件。在Flask中，你可以将静态文件放在项目的static文件夹中，然后通过特定的URL来访问它们。...例如，如果你有一个名为styles.css的CSS文件放在static/css文件夹中，你可以在HTML模板中通过以下方式引用它： 应用 保存以上代码和模板文件后，你可以通过运行Python脚本来启动Flask应用： python app.py 然后，在浏览器中访问http://127.0.0.1:5000/就可以看到你的个人简历网站了...在 Flask 应用中，openpyxl库通常不直接参与路由、模板渲染和静态文件的处理。...Flask 模板渲染 在 Flask 中，模板渲染是将数据填充到 HTML 模板中，生成最终的 HTML 响应。如果你从 Excel 文件中提取了数据，你可能想要将这些数据显示在网页上。

    1K10

    Flask入门：从基础到实践

    首先，修改index.html，在表单中添加一个输入框和提交按钮：html -->在项目根目录下创建一个名为static的文件夹，然后在其中添加一个CSS文件，比如style.css：/* static/style.css */body { font-family: Arial...>总结：在本文中，我们深入探讨了如何使用Flask快速搭建轻量级Web应用。...从安装Flask开始，我们逐步演示了如何创建路由、使用模板引擎、处理表单、管理静态文件，以及将数据库集成到应用中。通过添加用户认证，我们使应用更具实用性。...模型与数据库迁移：使用Flask-Migrate实现数据库模型的变更和迁移，确保数据库结构的一致性。添加用户认证：引入Flask-Login扩展，实现用户注册、登录、注销等功能，使应用更安全和可交互。

    93620

    Day25Web开发

    HTTP协议简介 在Web应用中，服务器把网页传给浏览器，实际上就是把网页的HTML代码发送给浏览器，让浏览器显示出来。...而浏览器和服务器之间的传输协议是HTTP，所以： HTML是一种用来定义网页的文本，会HTML，就可以编写网页； HTTP是在网络上传输HTML的协议，用于浏览器和服务器的通信。...CSS简介 CSS是Cascading Style Sheets（层叠样式表）的简称，CSS用来控制HTML里的所有元素如何展现，比如，给标题元素加一个样式，变成48号字体，灰色，带阴影： html...CSS WSGI接口 了解了HTTP协议和HTML文档，我们其实就明白了一个Web应用的本质就是： 浏览器发送一个HTTP请求； 服务器收到请求，生成一个HTML文档； 服务器把HTML文档作为HTTP...这里我们先不讨论各种Web框架的优缺点，直接选择一个比较流行的Web框架——Flask来使用。

    1.6K60
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券