前端和后端的区别是什么?

前端和后端的区别是什么?,第1张

前端开发主要做的是用户所能看到的前端展示界面;后端开发主要做的是逻辑功能等模块。其实主要区别体现在以下两个方面:知识结构与实现和工作职责。

1、知识结构

(1)展示的方式不同

前端指的是用户可见的界面,网站前端页面也就是网页的页面开发,比如网页上的特效、布局、、视频,音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页,并配合后端做网页的数据显示和交互等可视方面的工作内容。

后端是指用户看不见的东西,通常是与前端工程师进行数据交互及网站数据的保存和读取,相对来说后端涉及到的逻辑代码比前端要多的多,后端考虑的是底层业务逻辑的实现,平台的稳定性与性能等。

(2)所用的技术、技能与工具不同

前端开发,就是要创造上面提到的网站面向用户的部分背后的代码,并通过建立框架,构建沉浸性的用户体验。为了实现这个目标,开发需要熟练运用下列语言、框架、工具库:

后端开发者使用这些工具编写干净、可移植、具有良好文档支持的代码来创建或更新 Web应用。但在写代码之前,他们需要与客户沟通,了解其实际需求并转化为技术目标,制定最有效且精简的方案来进行实现。

(3)所用技术不同

前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Nodejs 、Webpack,AngularJs,ReactJs,VueJs等技术。

后端开发 以java为例 主要用到的 是包括但不限于Struts spring springmvc Hibernate >

2、工作职责

前端工程师主要的工作职责分为三大部分,分别是传统的Web前端开发,移动端开发和大数据呈现端开发。Web前端开发主要针对的是PC端开发任务;

移动端开发则包括Android开发、iOS开发和各种小程序开发,在移动互联网迅速发展的带动下,移动端的开发任务量是比较大的,随着5G标准的落地,未来移动端的开发任务将得到进一步的拓展;大数据呈现则主要是基于已有的平台完成最终分析结果的呈现,呈现方式通常也有多种选择,比如大屏展示等。

后端工程师的主要职责也集中在三大部分,分别是平台设计、接口设计和功能实现。平台设计主要是搭建后端的支撑服务容器;接口设计主要针对于不同行业进行相应的功能接口设计,通常一个平台有多套接口,就像卫星导航平台设有民用和军用两套接口一样;功能实现则是完成具体的业务逻辑实现。

扩展资料

前端和后端的应用范围

1、PC (Personal Computer) 即个人电脑。

目前电脑端仍是前端一个主要的领域,主要分为面向大众的各类网站,如新闻媒体、社交、电商、论坛等和面向管理员的各种 CMS (内容管理系统)和其它的后台管理系统。

2、Web App 是指使用 Web 开发技术,实现的有较好用户体验的 Web 应用程序。

它是运行在手机和桌面端浏览中,随着移动端网络速度的提升,Web App 为我们提供了很大的便利。此外近两年 Google 提出了一种新的 Web App 形态,即 PWA(渐进增强 Web APP) 。

3、WeChat (微信) 这个平台,拥有大量的用户群体,因此它也是我们前端开发另一个重要的领域。微信的公众号与订阅号为市场营销和自媒体从业者,打造了一个新的天地。

4、Hybrid App (混合应用) 是指介于 Web App、原生 App (主要是 Android 或 iOS )之间的 App,它兼具原生 App 良好用户交互体验的优势和 Web App 跨平台开发的优势。

5、Game(游戏),HTML5 游戏从 2014 年 Egret 引擎开发的神经猫引爆朋友圈之后,就开始一发不可收拾。不过现在游戏开发变得越来越复杂,需要制作各种炫丽炫丽的效果,还要制作各炫丽于 2D 或者 3D 的场景。

6、Desktop桌面应用软件,就是我们日常生活中电脑中安装的各类软件。早期要开发桌面应用程序,就需要有专门的语言 UI (界面) 库支持,如 C++ 中的 Qt 库、MFC 库,Java 的 Swing、Python 的 PyQT 等,否则语言是没办法进行快速界面开发。

7、Server Nodejs 一发布,立刻在前端工程师中引起了轩然大波,前端工程师们几乎立刻对这一项技术表露出了相当大的热情和期待。看到 Nodejs 这个名字,初学者可能会误以为这是一个 Java 应用,事实上,Nodejs 采用 C++ 语言编写而成,是一个 Java 的运行环境。

一般来说,前端用的是JS,与后端交互是Ajax。

过程如下:

一、前端组织参数列表,采用get或post方式提交到指定的URL。

二、URL就是后端程序,先接收参数,根据参数值确定执行的程序功能,执行后将执行结果输出到前台。

三、Ajax将“二”中的返回值进行解析,根据相关条件更新前端界面就可以了。

JS脚本可以通过DOM *** 作,实现对HTML页面元素的交互,包括监听鼠标点击事件,对元素样式、内容等的修改等等。通过JS脚本可以轻松地实现一些页面交互功能,如按钮点击、输入框内容验证等等。而Python的POST请求则是在后端服务器中通过Python代码获取前端页面提交的数据信息,以便进行服务器端的处理。Python需要使用>RESTFUL是一种网络应用程序的设计风格和开发方式,基于>前后的交互的方式主要考虑的是交互方式与传输安全考虑
关于交互方式:
常用的一般是tcp、udp和>原因是数据传输的接收方式对不上。

常用@RequestParam(“参数名称”)也可以不写使用springMvc自己根据参数名称自动赋值

这个和上个差不多吧,如果是multipart类型的文件,记得在后端接收参数是直接使用 方法(multipart 参数名) 来接收,springMvc就会根据参数名来封装,接收到的对象还会有很多的方法可以查看并使用。

必须使用@RequestBody来处理

普通数据使用Map集合来接收数据,再利用mapget(“参数名称”)来获取,

如果参数可以封装成对象类型,就不需要自己在做什么只需要方法(@RequestBody User user或者@RequestBody List<User> userList) 直接就自动封装了很是舒服

如果参数是很多个相同类型的,使用@RequestBody注解将外部传递的json数组数据映射到形参的集合对象中作为数据 例如 方法(@RequestBody List likes)参数的值就全被封装在了集合中 这里有点和map那个相似,但是list集合是有序的,而map是双列集合,可以利用key获取值

前端在请求参数中设置请求头为

然后后端就可以用@RequestParam(“参数名称”)接收参数

前端的请求头为

后端要使用RequestBody来接收参数


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/13409724.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存