什么是前端开发?什么是后端开发?

简介: 什么是前端开发?什么是后端开发?

什么是前端开发?

概念

我们通常所说的前端开发通常指的是网站的创建


网站是一个用户界面,也就是你在网站上看到的的文本、按钮、图像还有视图。那么创建这些可交互界面的实践就叫做WEB界面的开发

11.png

就像是你在银行里取钱不是直接往库存里伸手去拿,而是通过ATM这个银行的前端去进行一些操作


尽管我们说的前端开发尽管通常指网站开发,但是现如今的前端开发已经是全平台的开发了,例如手机APP、微信小程序等。


所以准确的来说前端开发,应该是直接给予用户的可交互式界面的开发,是创建用户界面的实践


让用户以安全且友好的方式与数据进行交互




技术栈

那么技术栈中有什么?那么通常使用了三种主要技术


对于前端开发,第一个是 HTML,它有助于在屏幕上创建 UI 元素

12.png


第二个是 CSS,它基本上是定义网站的样式,包括字体间距和颜色等


13.png


然后是 JavaScript,它也可以通过一些库,帮助处理屏幕上发生的事件,它负责发送和从后端接收数据


14.png


前端开发需要确保任何人都可以使用的易于使用的界面,因此请确保它是可访问,并且 UI 可在不同的设备操作系统上运行、不同的浏览器和屏幕尺寸等,最后是确保您可以遵循一些规则,通过一些视觉细节为用户做导向并进行协作和沟通来


什么是后端开发?

概念

让我们重温一下前端开发是什么


前端开发:它是创建用户界面的实践,灵活并使用户可以轻松地与数据进行交互。


那么后端开发是一种在数据中创建这些插件的做法,通常称为应用程序接口或 API。


我喜欢将后端视为就像一组插头,其中每个插头返回一个经过计算的数据子集


15.png


并且面板本身隐藏掉了获取和计算数据库的一些复杂操作


16.png


与前端开发不同,后端不特定于任何一个平台;事实上,它更像是一个基础,它支持位于其之上的任何平台。


为了说明这一点,让我们回到我们的 ATM 类比。


当用户想要从他们的账户中提取 40 元的时候,他们会点击账户上的各种按钮(或一些 UI元素)然后与后端进行通信以实际执行这些任务。现在让我们回到插头可视化面板。


想象一下前端插入一个叫做“get money”的插头。


17.png


那个插头其实连接到墙上的其他几个插头来执行业务逻辑


例如,检查用户帐户中是否确实有 40 元,以及另一个插头会从他们的余额中减去该金额。


开发其中的每一个插件是后端开发,以确保用户数据安全。


简单的理解,后端开发就是开发一些与数据打交道的插件,并提供对接方式给前端使用


技术栈

那么技术栈中有什么?那么通常它涉及两种类型


编程语言:一种是服务器端编程语言,有助于构建API 本身


常用的是 Python Java Ruby PHP 和 javascript。


第二个是实际从数据库中获取数据的 SQL 语言


后端开发一是制作具备组织良好、可扩展和可测试的代码。


后端的很大一部分是组织逻辑和数据,因此很考验编写的代码质量。


目录
相关文章
|
3月前
|
JSON 监控 前端开发
AMIS:百度开源的前端低代码神器,18.4k star 背后的开发效率提升利器
AMIS(前端低代码框架)是百度开源的低代码前端框架,基于纯 JSON 配置即可生成完整后台页面,包括表单、表格、图表、CRUD 列表,支持可视化拖拽编辑。,星标数已达 18.4k,百度内部已沉淀超过 5 万个页面,广泛应用于审核系统、数据管理后台、模型监控等落地场景
813 0
|
2月前
|
人工智能 前端开发 JavaScript
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
563 18
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
|
6月前
|
JavaScript 前端开发 Java
制造业ERP源码,工厂ERP管理系统,前端框架:Vue,后端框架:SpringBoot
这是一套基于SpringBoot+Vue技术栈开发的ERP企业管理系统,采用Java语言与vscode工具。系统涵盖采购/销售、出入库、生产、品质管理等功能,整合客户与供应商数据,支持在线协同和业务全流程管控。同时提供主数据管理、权限控制、工作流审批、报表自定义及打印、在线报表开发和自定义表单功能,助力企业实现高效自动化管理,并通过UniAPP实现移动端支持,满足多场景应用需求。
632 1
|
2月前
|
存储 前端开发 安全
实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
195 5
|
4月前
|
人工智能 Java API
后端开发必看:零代码实现存量服务改造成MCP服务
本文介绍如何通过 **Nacos** 和 **Higress** 实现存量 Spring Boot 服务的零代码改造,使其支持 MCP 协议,供 AI Agent 调用。全程无需修改业务代码,仅通过配置完成服务注册、协议转换与工具映射,显著降低改造成本,提升服务的可集成性与智能化能力。
1345 1
|
4月前
|
前端开发 Java 数据库连接
后端开发中的错误处理实践:原则与实战
在后端开发中,错误处理是保障系统稳定性的关键。本文介绍了错误分类、响应设计、统一处理机制及日志追踪等实践方法,帮助开发者提升系统的可维护性与排障效率,做到防患于未然。
|
7月前
|
前端开发 Java 物联网
智慧班牌源码,采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署
智慧班牌系统是一款基于信息化与物联网技术的校园管理工具,集成电子屏显示、人脸识别及数据交互功能,实现班级信息展示、智能考勤与家校互通。系统采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署与私有化定制。核心功能涵盖信息发布、考勤管理、教务处理及数据分析,助力校园文化建设与教学优化。其综合性和可扩展性有效打破数据孤岛,提升交互体验并降低管理成本,适用于日常教学、考试管理和应急场景,为智慧校园建设提供全面解决方案。
489 70
|
6月前
|
存储 消息中间件 前端开发
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
校园圈子系统校园论坛小程序采用uni-app前端框架,支持多端运行,结合PHP后端(如ThinkPHP/Laravel),实现用户认证、社交关系管理、动态发布与实时聊天功能。前端通过组件化开发和uni.request与后端交互,后端提供RESTful API处理业务逻辑并存储数据于MySQL。同时引入Redis缓存热点数据,RabbitMQ处理异步任务,优化系统性能。核心功能包括JWT身份验证、好友系统、WebSocket实时聊天及活动管理,确保高效稳定的用户体验。
420 4
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
|
5月前
|
人工智能 监控 前端开发
AI工具:前端与后端的终极对决?谁将成为新时代的宠儿?
深入探讨AI工具对前端和后端开发的具体影响、各自的机遇与挑战,并分析未来开发者如何驾驭AI,实现能力跃迁。
284 0
|
7月前
|
前端开发 JavaScript 关系型数据库
2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡
2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡
480 5
2025 年前端与后端开发方向的抉择与展望-优雅草卓伊凡

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
  • 2
    前端工程化演进之路:从手工作坊到AI驱动的智能化开发
  • 3
    Vue 3 + TypeScript 现代前端开发最佳实践(2025版指南)
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式