热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript–跪求大神:前后端如何配合最好

产出动态有数据的php,jsp页面,前端与后端的打包发布完全独立。这种的好处是前端层的表现,数据完全由前端把控,有什么问题可以由前端独立解决,并单独打包发布。前端与后端的打包发布完
文章目录[隐藏]
  • 回复内容:

产出动态有数据的php,jsp页面,前端与后端的打包发布完全独立。
这种的好处是前端层的表现,数据完全由前端把控,
有什么问题可以由前端独立解决,并单独打包发布。

前端与后端的打包发布完全独立。这局话的意思和理解

回复内容:

产出动态有数据的php,jsp页面,前端与后端的打包发布完全独立。
这种的好处是前端层的表现,数据完全由前端把控,
有什么问题可以由前端独立解决,并单独打包发布。

前端与后端的打包发布完全独立。这局话的意思和理解

前后端分离,前端工程化,前端与后端交互全部通过api,你或许觉得这样对seo不好,但是现在有nodejs,这样的话页面渲染可以交给前端去做,实际上这也是趋势,后端应该去关心系统可用性,性能等问题,不应该关注页面问题,这部分应该交给前端去做

这篇博客应该可以帮到你Web前后端分离开发思路 by livoras

首先得确定通讯协议以及通讯参数。
前端独立作业可以使用mock等工具模拟后台数据传输。
后端设计使用数据模型完成业务,生成接口。
个人认为就是类似于把php中的模版引擎等视图业务从项目中剥离出来形成独立的前端版本?

前后端通过 API 交互。不论使用 web 前端,还是 ios 安卓客户端,都可以。

后端尽量使用相同的API满足前端多个页面甚至不同前端的需求,这才是最好的。前端需要知道后端返回了什么数据,根据设计图应该如何渲染出来就可以了。

我前阵子写了篇前端用ionic、cordova 后端用CoreThink开发非原生APP的步骤http://www.oschina.net/question/2598464_2151690?fromerr=mCRfZH2m你可以看看

简单的说,通过数据接口(比如:ajax请求)将前后端分离。

反面案例

去年接手了一个半成型web项目:后台php语言开发的。不看代码不知道,一看代码,我晕了。代码基本如下:

                

整个php文件中包含着html的味道。细节不多说了,你们应该懂得。除了css文件外,我吐了。深深的伤了强迫症的心。语言还可以这么使用。我再次觉得我选择错了道路。本以为代码的世界可以规整一些,看来我错了。
后来想了想,这样开发的,可能是一个人把前后端都囊括了,也够辛苦的。不过,这样混合开发的模式,还真有一个优点,成本少,效率高。缺点一大堆,扩展和后期维护都成问题。

正面案例

还是去年,同样接手一个web项目。主要需求:显示后台数据库表中的内容,说白了,就是模仿mysql*本5文来源gaodai$ma#com搞$$代**码)网@gaodaima的web控制。不过是简单的。但是有要求:模型化,即后台通过修改少量的参数,就可以控制前端显示的表的个数,甚至表的列名。也就说,前端有关表的一切信息都是由后端提供。前端只要根据后端的数据,对界面做显示性的调整即可。

设计思路:

1.有关表的样式和鼠标对于表格的动态操作,作为前端模块部分;
2.表的表名信息和列表信息由ajax请求服务器返回json,本地对json稍加验证,即可动态创建本地表;
3.数据的获取,同样适用ajax获取。然后填充本地表;
4.本地对于数据的增删改,通通通过ajax上传到服务器;

唯一的磨合点,就在ajax接口上面。开发的时候,由于后端缓慢,有些接口传递到前端的就是直接echo出来的假数据。

前后端分离优点

通过数据接口模式的开发,前后端完全分离,而且这个项目因为是模型化设计,所以代码重用度非常高。
而且,出现问题,通过检测数据接口的数据,很容易知道是前端的问题还是后台的问题。十分的便于维护,甚至深度的二次开发。



推荐阅读
  • 本文介绍了如何使用JSONObiect和Gson相关方法实现json数据与kotlin对象的相互转换。首先解释了JSON的概念和数据格式,然后详细介绍了相关API,包括JSONObject和Gson的使用方法。接着讲解了如何将json格式的字符串转换为kotlin对象或List,以及如何将kotlin对象转换为json字符串。最后提到了使用Map封装json对象的特殊情况。文章还对JSON和XML进行了比较,指出了JSON的优势和缺点。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 开发笔记:加密&json&StringIO模块&BytesIO模块
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识,希望对你有一定的参考价值。一、加密加密 ... [详细]
  • 本文介绍了Hyperledger Fabric外部链码构建与运行的相关知识,包括在Hyperledger Fabric 2.0版本之前链码构建和运行的困难性,外部构建模式的实现原理以及外部构建和运行API的使用方法。通过本文的介绍,读者可以了解到如何利用外部构建和运行的方式来实现链码的构建和运行,并且不再受限于特定的语言和部署环境。 ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • 在springmvc框架中,前台ajax调用方法,对图片批量下载,如何弹出提示保存位置选框?Controller方法 ... [详细]
  • 本文介绍了腾讯最近开源的BERT推理模型TurboTransformers,该模型在推理速度上比PyTorch快1~4倍。TurboTransformers采用了分层设计的思想,通过简化问题和加速开发,实现了快速推理能力。同时,文章还探讨了PyTorch在中间层延迟和深度神经网络中存在的问题,并提出了合并计算的解决方案。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • 如何查询zone下的表的信息
    本文介绍了如何通过TcaplusDB知识库查询zone下的表的信息。包括请求地址、GET请求参数说明、返回参数说明等内容。通过curl方法发起请求,并提供了请求示例。 ... [详细]
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • 背景应用安全领域,各类攻击长久以来都危害着互联网上的应用,在web应用安全风险中,各类注入、跨站等攻击仍然占据着较前的位置。WAF(Web应用防火墙)正是为防御和阻断这类攻击而存在 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • 计算机存储系统的层次结构及其优势
    本文介绍了计算机存储系统的层次结构,包括高速缓存、主存储器和辅助存储器三个层次。通过分层存储数据可以提高程序的执行效率。计算机存储系统的层次结构将各种不同存储容量、存取速度和价格的存储器有机组合成整体,形成可寻址存储空间比主存储器空间大得多的存储整体。由于辅助存储器容量大、价格低,使得整体存储系统的平均价格降低。同时,高速缓存的存取速度可以和CPU的工作速度相匹配,进一步提高程序执行效率。 ... [详细]
author-avatar
维生素-熙
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有