Python从0到100（四十）：Web开发简介-从前端到后端（文末免费送书）

CSDN 2024-07-17 15:03:01 阅读 91

在这里插入图片描述

前言： 零基础学Python：Python从0到100最新最全教程。 想做这件事情很久了，这次我更新了自己所写过的所有博客，汇集成了Python从0到100，共一百节课，帮助大家一个月时间里从零基础到学习Python基础语法、Python爬虫、Web开发、计算机视觉、机器学习、神经网络以及人工智能相关知识，成为学习学习和学业的先行者！

欢迎大家订阅专栏：零基础学Python：Python从0到100最新最全教程！

一、背景知识

在互联网时代，我们每天都在使用Web技术，无论是通过电脑浏览器还是手机应用。Web系统通常分为客户端和服务器端，客户端负责展示用户界面，服务器端负责处理业务逻辑和数据存储。

客户端与服务端

客户端（前端）：用户直接接触的界面，如网页或移动应用。服务端（后端）：在服务器上运行，处理客户端请求，管理数据存储和业务逻辑。

在这里插入图片描述

Web系统的角色

前端工程师：负责开发和设计用户界面。后端工程师：负责服务器端的逻辑处理和数据管理。全栈工程师：同时具备前端和后端开发能力。

二、前端开发和后端开发要做什么

1. Web 前端开发

前端开发的核心是提供用户界面，以下是前端开发的主要任务：

1.1 HTML

HTML定义了网页的结构和内容。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<h1>Hello, World!</h1>

</body>

</html>

用来显示界面给用户看，我们看到的各种美观的web网页就是通过解释html实现的。

比如我们打开一个网站，像CSDN的界面：

在这里插入图片描述

在这个界面上，我们可以看到界面上出现了各种功能和排列好的图形文字，其实这些都是归功于我们的网页读取了我们的Html文件，呈现出了这些网页上的内容，我们可以点击F12，进入页面分析，其实页面上的东西都来源于我们页面元素中的div：

在这里插入图片描述

页面上的所有内容都有对应的HTML中的元素，所以才能呈现出我们的页面。前端开发的任务之一便是建立出我们的HTML文件。

当然，要显示出各种美观的界面，并且让用户方便的操作，光是html是不够的，还需要下面这些文档。

1.2 CSS

CSS用于设置网页的样式和布局。

body {

font-family: Arial, sans-serif;

}

h1 {

color: #333;

}

比如，我们想要页面字体或者颜色发生变化，便需要css去更改，CSS 文档控制界面的显示样式和效果，比如字体、大小、前景色、背景色、间距、一些动画效果等等，一句话：就是让你的界面更好看：

在这里插入图片描述

1.3 资源文件

包括图片、视频等，用于丰富用户界面。

1.4 JavaScript

JavaScript用于实现网页的动态功能。

document.addEventListener('DOMContentLoaded', function() {

document.querySelector('h1').textContent = 'Welcome to Web Development!';

});

1.5 浏览器解释执行

浏览器获取HTML、CSS和JavaScript文件，并解释执行以展示用户界面。

2. Web 后端开发

刚才说了前端开发的工作，那么后端开发主要做什么？

后端其实就是服务于前端，但是这并没有优劣之分，不能说，我是前端工程师，那么后端工程师就得完全服务于我，需要为我端茶倒水之类的，如果这样的话，你可能会…挨打。两者的服务是指工作上的相互服务，只有前端和后端沟通恰到好处，相互合作交流，才能碰发出最绚丽的火花。

后端程序主要工作就是数据管理，通常包括数据的存储（包括增加、删除、修改）和查询。

这听起来似乎很简单，其实有的业务流程非常复杂（想想淘宝购物），有时一个购买操作，要涉及到很多逻辑处理

而且，如果设计用户量非常大，需要响应百万级以上的客户访问，就需要精心的设计架构，做好多服务分布式、集群式的处理大量的用户请求。

在这里插入图片描述

2.1 静态文件服务方案

如何存储和提供前端的静态文件。

2.2 API 接口设计

设计前后端交互的API接口，通常使用REST风格。

2.3 数据库存储方案

选择合适的数据库系统，如MySQL、MongoDB等。

2.4 数据库表结构设计

设计高效的数据库表结构以支持业务需求。

三、使用 Django 开发后端服务

Django是一个高级的Python Web框架，可以快速开发安全且易于维护的网站。以下是使用Django开发后端服务的基本步骤：

安装Django

pip install django

创建项目

django-admin startproject myproject

创建应用

python manage.py startapp myapp

定义模型

from django.db import models

class Product(models.Model):

name = models.CharField(max_length=100)

price = models.DecimalField(max_digits=10, decimal_places=2)

description = models.TextField()

迁移数据库

python manage.py migrate

创建视图

from django.http import HttpResponse

def home(request):

return HttpResponse("Welcome to the sales management system!")

配置URLs

from django.urls import path

from .views import home

urlpatterns = [

path('', home, name='home'),

]

运行开发服务器

python manage.py runserver

在下一篇文章中，我将深入探讨Django的高级特性，包括模板、表单、类视图等，并展示如何与前端进行交互。

敬请期待下一期，我们将一起探索Web开发的更多奥秘！

好书推荐

AI短视频生成与剪辑实战108招：ChatGPT+剪映

《AI短视频生成与剪辑实战108招： ChatGPT 剪映》通过12个专题内容、108个实用技巧、170多分钟的教学视频，讲解了AI短视频的生成与剪辑全流程，并随书附赠了108集同步教学视频、210多个素材效果、70多个书中案例关键词、5200多个绘画关键词等。具体内容按以下两条线展开。

在这里插入图片描述

购买链接：https://product.dangdang.com/29723007.html

编辑推荐

70多个案例关键词＋108招干货技巧，实操实练，秒变AI视频高手。

赠送108集同步教学视频，扫描二维码可随时随地全程查看操作过程，让学习更轻松。

内容简介

一是技能线：详细讲解了ChatGPT、文心一格、Midjourney的使用方法，以及3种AI短视频生成方法—文本生视频、图片生视频和视频生视频。

二是案例线：介绍了运用剪映、腾讯智影、一帧秒创、必剪、快影、美图秀秀、不咕剪辑、Runway、KreadoAI、FlexClip等多种软件，剪辑与制作各种不同案例的方法，特别是电商案例、口播视频、影视解说、房产广告等。

本书内容由浅入深，以实战为核心，适合以下人群阅读：一是摄影、视频爱好者；二是AI短视频创作者、AI爱好者；三是影视行业工作者、自媒体工作者；四是网店、直播、房地产等行业的工作者；五是相关院校的学生。

作者简介

蒋珍珠，擅长视频的拍摄与剪辑，精通剪映软件，特别是短视频的剪辑、调色、字幕、特效、音频等核心功能，以及图文成片、文生视频、图生视频等AI功能；国内首批接触和使用美国OpenAI公司出品的ChatGPT的用户，在AIGC视频生成、创作、剪辑、配音等方面拥有丰富的经验；对文心一格、Midjourney、腾讯智影、一帧秒创、必剪App、快影App、美图秀秀App、不咕剪辑App、Runway、KreadoAI、FlexClip等多个AI视频工具深有研究。

前言

AI技术在降低短视频创作门槛和难度的同时，也为短视频行业在技术和视觉方面的革新做了很多探索，让短视频创作获得了全新的发展空间。

ChatGPT作为AI智能工具，可以为短视频创作提供主题、视频文案和剪辑参考，让短视频的生成变得更轻松。而操作难度低、功能强大的剪映与ChatGPT结合，可以让短视频的生成和剪辑更简单、更随性。然而，目前市场上关于ChatGPT和剪映联合使用的资料和书籍却相对稀缺。

秉持着科技兴邦、实干兴邦的精神，我们致力于为读者提供一种全新的学习方式，使大家能够更好地适应时代发展的需要。通过结合ChatGPT和剪映，我们为读者提供了108个实用技巧，从生成文案到绘制图片，再到短视频生成和剪辑，全面满足读者在AI短视频创作过程中的需求，其强调实际操作和实战应用，帮助大家在日常生活和工作中充分利用AI智能技术，体验人工智能在短视频生成和剪辑中的潜力和价值，提高短视频的创作效率与质量。

综合来看，本书有以下3个亮点。

（1）实战干货。本书提供了108个实用的技巧和实例，涵盖了AI文案、AI绘图、AI短视频生成、视频剪辑和综合案例等各个方面的内容。这些实战干货可以帮助读者快速掌握AI短视频生成与剪辑的核心技能，并将其应用到实际的生活和工作场景中。同时，本书还针对每个技巧以示例进行了详细的说明，并辅以760多张彩插图解实例操作过程，以便读者更好地理解和应用所学知识。

（2）视频教学。本书为所有案例录制了同步的高清教学视频，共108集，大家可以用手机扫码，边看边学，边学边用。

（3）物超所值。本书除了介绍ChatGPT和剪映的使用方法，还介绍了文心一格、Midjourney、腾讯智影、一帧秒创、必剪App、快影App、美图秀秀App、不咕剪辑App、Runway、KreadoAI和FlexClip这11个AI工具的操作技巧，读者花1本书的费用，可以同时学习13款软件的精华，并且随书赠送了210多个素材、效果文件，70多个书中案例指令关键词，以及5200多个绘画关键词，方便读者实战操作练习，提高自己的AI短视频创作效率。

本书内容高度凝练，由浅入深，以实战为核心，无论是初学者还是有一定经验的老手，本书都能给予一定的帮助和借鉴。

特别提示：本书在编写时，是基于当时的软件界面截取的实际操作图片，但书从编辑到出版需要一段时间，在此期间，这些软件的功能和界面可能会有变动，请在阅读时，根据书中的思路，举一反三，进行学习。

还需要注意的是，即使是相同的关键词，AI生成的效果也会有差别，因此在扫码观看教程视频时，读者应把更多的精力放在关键词的编写和实操步骤上。

特别提醒：尽管ChatGPT具备强大的模拟人类对话的能力，但由于其是基于机器学习的模型，因此在生成的文案中仍然会存在一些语法错误，读者需根据自身需求对文案进行适当修改或再加工后方可使用。

本书使用的软件版本：ChatGPT为3.5版，Midjourney为5.1版，剪映电脑版分别为4.4.0版和4.6.0版，剪映App为10.9.0版，必剪App为2.42.0版，快影App为V 6.8.0.608003版，美图秀秀App为9.9.3.1正式版，不咕剪辑App为2.1.403版。

本书由蒋珍珠编著，参与编写的人员还有李玲。提供素材和拍摄帮助的人员有向小红、邓陆英、苏苏、向秋萍、黄建波、巧慧等人，在此表示感谢。由于作者水平有限，书中难免有疏漏之处，恳请广大读者批评、指正。读者可扫描封底的“文泉云盘”二维码获取作者的联系方式，与我们交流沟通。

在这里插入图片描述

上一篇：毕业设计多功能 Web 应用渗透测试系统（源码+论文）

下一篇：号称 10 分钟搞定，前端新手引导功能

本文标签

Python从0到100（四十）：Web开发简介-从前端到后端（文末免费送书）

声明

本文内容仅代表作者观点，或转载于其他网站，本站不以此文作为商业用途
如有涉及侵权，请联系本站进行删除
转载本站原创文章，请注明来源及作者。