什么是前后端分离?目前javaweb开发前端使用jsp多还是html多?

途径的你 2018-02-02 04:23:44
目前听的比较多的是前后端分离;我的理解是不再使用视图模板之类的;所有的数据都是通过异步请求的方式获取;不像之前jsp之类的模板引擎一样可以通过ModelAndView进行数据绑定传值;不知道我理解的对不对;使用html对比使用jsp之类的模板引擎的好处是什么?
...全文
5101 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
幽饮烛 2018-02-10
  • 打赏
  • 举报
回复
对于新版本的浏览器来说,跨域问题是不存在的,有专门的跨域策略,crossdomain.xml。 前后端分离是有好处的,但是也有不少弊端,适合项目就好。
别闹了费曼sir 2018-02-09
  • 打赏
  • 举报
回复
今天第一次手动实现了前后端分离,超级激动,简单说一下 后端:负责数据库存取,和一些业务逻辑,最后数据以api的形式提供给前端 前端:负责拿到后端的数据,然后利用js对数据进行加载,以形成页面 前后端分离会遇到跨域问题:对于一台电脑来说就是,前端的程序跑在http://localhost:8080上但是后端的程序跑在http://localhost:8081上,前端想要拿到后端数据就会存在跨域问题 我的实现:目前后端用jfinal框架提供api,前端用vue.js加载数据,对于跨域问题jfinal有个解决方法https://my.oschina.net/aixiaohua/blog/662221我用的是第二种,只需要在controller的方法中添加一行代码就可以了
GOon_star 2018-02-07
  • 打赏
  • 举报
回复
现在就是 H5做页面,利用js做交互,后端语言开放restful接口给前端用。 现在模板多用于生成协议,生成代码之类的工作。 分离的好处: 前后端开发互不影响 适应多个前端形式的请求 app 浏览器页面
途径的你 2018-02-03
  • 打赏
  • 举报
回复
引用 3 楼 hemowolf 的回复:
我现在的一些项目基本上是楼主说的这种模式了 前端做jsp,不写任何 scriplet,也不用任何 struts/spring/jsp 标签,完全是一个客户端页面,所有的数据全部都是页面加载完成后,再通过 ajax 向服务器异步请求得到,所有的提交也是使用ajax异步提交,页面一般不进行重新加载 至于一楼说的SEO,我想大多数Java项目应该不是做网站,不需要考虑SEO。真要做网站的话,就要换一种机制了
那你们现在的前端页面基本上都是完全的静态的HTML页面嘛?所有的数据都是页面加载后通过ajax异步请求的?我觉得像有些值(例如:简单的下拉框的值)通过ModelAndView或者别的模板引擎那样进行数据视图绑定直接传过去也还是蛮好的;不用再多做一次请求;当然都是可以的只是目前比较纠结;不知改如何取舍
小灰狼 2018-02-03
  • 打赏
  • 举报
回复
我现在的一些项目基本上是楼主说的这种模式了 前端做jsp,不写任何 scriplet,也不用任何 struts/spring/jsp 标签,完全是一个客户端页面,所有的数据全部都是页面加载完成后,再通过 ajax 向服务器异步请求得到,所有的提交也是使用ajax异步提交,页面一般不进行重新加载 至于一楼说的SEO,我想大多数Java项目应该不是做网站,不需要考虑SEO。真要做网站的话,就要换一种机制了
小灰狼 2018-02-03
  • 打赏
  • 举报
回复
引用 4 楼 qq_32210945 的回复:
[quote=引用 3 楼 hemowolf 的回复:] 我现在的一些项目基本上是楼主说的这种模式了 前端做jsp,不写任何 scriplet,也不用任何 struts/spring/jsp 标签,完全是一个客户端页面,所有的数据全部都是页面加载完成后,再通过 ajax 向服务器异步请求得到,所有的提交也是使用ajax异步提交,页面一般不进行重新加载 至于一楼说的SEO,我想大多数Java项目应该不是做网站,不需要考虑SEO。真要做网站的话,就要换一种机制了
那你们现在的前端页面基本上都是完全的静态的HTML页面嘛?所有的数据都是页面加载后通过ajax异步请求的?我觉得像有些值(例如:简单的下拉框的值)通过ModelAndView或者别的模板引擎那样进行数据视图绑定直接传过去也还是蛮好的;不用再多做一次请求;当然都是可以的只是目前比较纠结;不知改如何取舍[/quote] 其实只要归整得好,整个页面都是用js动态生成的也不是不可能,不是不可以 简单点说,一个管理系统的界面类型大致可分为数据列表界面、编辑界面 然后所有的数据,包括你所说的下拉框的可选项内容,一群checkbox的内容,以及选好的值,全部都可以一次性从后台读取,再到前端用js动态生成 dom。
rumlee 2018-02-02
  • 打赏
  • 举报
回复
前后端分离确实对于维护有很大的便利性。如果你的系统是由 html+css+js+json组成的,你的前端开发人员负责编写html+css+js,后端开发人员只需要编写http服务提供json输出,那前端和后端的分割界面非常清晰,维护也就非常简单了。 另外:对性能也是有好处的,实现了前后端分离其实无疑也就实现了动静的分离,你如果对所有前端的部分(html、css、js、img等)全部采用cdn加速,然后你的服务器只需要提供json了,那对服务器性能岂不是也是有大大好处的。 常用的前后端分离的框架有angularjs、vue等,挺好用的。
zzywjing 2018-02-02
  • 打赏
  • 举报
回复
做后台系统、移动项目的话可以用前后端分离,网站的话最好还是jsp加伪静态好些吧,这样对SEO有好处
基于javaweb+vue的共享音乐网站源码+设计报告+sql数据库(Web框架实训) 该资源内项目源码是个人的课设,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到94.5分,放心下载使用! 该资源适合计算机相关专业(如人工智能、通信工程、自动化、软件工程等)的在校学生、老师或者企业员工下载,适合小白学习或者实际项目借鉴参考! 当然也可作为毕业设计、课程设计、课程作业、项目初期立项演示等。如果基础还行,可以在此代码基础之上做改动以实现更多功能。 一、基本要求 1、 根据本学期所学知识,使用Vue.js技术框架,结合动态Web开发技术,设计一个前后分离的单页应用(SPA)项目: 共享音乐网站,项目包含注册和登录页面,以及音乐分类展示页面、音乐选择列表和播放页面(可选做功能:播放次数、评分、评论等功能),页面数据从服务器接口获取。 2、服务器 使用JSP技术,创建动态Web项目,提供数据录入/编辑界面,数据至少包括歌曲名称、演唱者、歌曲链接和歌曲收录入库时间等;后台数据库采用MySql,保存从页面输入的内容;设计数据访问接口,实现接收的数据查询,并将查询结果提供给展示。在完成系统功能的基础上,撰写设计报告。 硬件准备: 1.安装有Microsoft window7/10 64操作系统计算机 2.配备互联网访问功能 软件准备: 1.操作系统:Microsoft Window7/10 32/64位 2.JDK8 3.Tomcat8 4.Eclipse/其他 5.Mysql VSCode 本次实训的项目是共享音乐网站的设计与实现,对于这个项目的意义是很大的,可以提供用户自行上传音乐到服务器,所有的用户享受音乐。 项目的开发需求包括了用户的注册登陆,收藏音乐,对音乐的播放量进行统计,给出排行榜信息,歌曲的播放和暂停,用户上传mp3文件,展示所有的歌单等等。 1.1 登陆: 用户在未登陆的状态下仅允许可以查看音乐,播放和浏览;当查看个人的歌单的时候或者收藏音乐时以及上传歌曲时,将弹出登陆框,若无账号,可以在窗口注册账号;登陆成功在页面展示个人的账号名称。 登陆需要验证个人账户的正确与否,只有与后数据库匹配,才允许登陆完成。登陆异常会提示各类异常信息。 1.2 注册: 用户注册的时候提交数据到后进行判断,符合条件的进行注册,并且转到登陆的页面。 信息填写缺少的,或者用户名存在的,可以提示相关的信息。 1.3 展示: 可以将所有的音乐进行展示,首页分类点击进去将本类型的所有音乐展示给用户。还包括个人歌单的展示,对展示的歌曲可以播放收藏等必要操作。 1.4 上传: 用户可以将自己想提交到服务器的歌曲进行上传,提供一个文件拖拽的框,对上传的文件进行获取演唱者和歌曲名称,将其添加到服务器和在数据库内写入该歌曲的信息,方便今后进行数据的播放等操作。 1.5 播放: 用户点击播放按钮可以正确的在数据库和服务器进行数据的获取,并且能在页面播放歌曲。随时切换歌曲播放。 1.6 收藏: 已经登陆的用户可以对喜欢的歌曲进行收藏,未登陆的用户先要求登陆再进行收藏。 1.7搜索: 用户在搜索框内进行查询与关键字有关的内容,包括包含歌曲名称或者歌手的,按照歌单的展示方法,在页面进行展示。 二、数据库设计 数据库需要保存个人账户信息,登陆注册的时候进行验证和修改;需要保存歌曲的信息,对歌曲的各类信息保存,对歌曲进行收藏。 数据库主要起到存储数据的功能,所以合理的数据库设计可以减少开发的难度。 为了实现数据库对歌曲的访问需要设置歌曲表,歌曲拥有类型,还需要一个类型表,个人信息的保存需要建立用户表,对歌曲进行收藏,需要设计收藏表。
资源介绍 本资源包提供的是一个基于SSM(Spring+SpringMVC+MyBatis)框架开发JavaWeb家居商城系统的设计与实现,并附带了完整的毕业论文和源代码。该项目是一个典型的JavaWeb企业级应用开发案例,不仅展示了SSM框架在实际项目中的应用,还充分体现了MVC设计模式的优势。 家居商城系统涵盖了用户注册登录、商品浏览、购物车管理、订单生成与查询、支付结算等功能模块,满足了用户在线购物的基本需求。系统采用JSP技术构建动态页面,界面美观、交互友好;后则依托SSM框架实现业务逻辑的处理与数据的持久化。 SSM框架的采用使得系统的开发过程更加规范、高效。Spring框架负责整个应用的依赖注入和事务管理,降低了模块间的耦合度;SpringMVC框架则负责请求的转发和响应的渲染,实现了视图与控制器的分离;MyBatis框架则简化了数据库操作,提高了开发效率。 该项目的源代码结构清晰、逻辑严谨,注释详尽,对于初学者来说具有很好的学习参考价值。毕业论文则从需求分析、系统设计、实现过程到测试部署等方面进行了全面的阐述,对于了解整个开发流程、掌握SSM框架的应用技巧以及撰写相关论文都具有很好的指导意义。 此外,由于该项目具有良好的可扩展性和可维护性,因此可以基于现有代码进行二次开发定制,以满足不同的业务需求。无论是想要提升个人技能、完成课程作业,还是进行企业级应用的开发,本资源包都是一个不可多得的好选择。

81,094

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧