springboot项目 前后端分离 前端代码应该写在哪

Invisible7777 2019-05-28 04:23:00
在springboot项目中,用freemarker,thymeleaf是写在template中,如果不用java模板引擎的话,前端用webpack来构建,用vue.js做数据绑定,前端代码还在template中吗?还是自己新建一个webapp目录写在里面
...全文
3051 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
Invisible7777 2019-05-31
  • 打赏
  • 举报
回复
引用 6 楼 jokerls 的回复:
[quote=引用 5 楼 Invisible7777 的回复:][quote=引用 3 楼 jokerls的回复:]同问,没学过vue,看过一个项目的前端,后缀是html,用的是基于vue封装的js框架,好多数据如首页广告之类的是ajax请求的,也有一些简单数据是类似el表达式直接写在页面上的,我想问不通过模板,单靠html可以绑定后端传来的数据吗?还是说vue有这样的功能啊
vue有这样的功能,可以将ajax请求回来的数据绑定到页面上[/quote]那这种属于传统的类jsp引擎吗?毕竟数据都是靠ajax请求的,对seo和加载那些有影响吗[/quote]不属于传统的后端模板引擎,对seo有影响,检索不到页面的数据,不过好处是对数据进行操作的时候页面不会刷新,用户体验更好一点
Invisible7777 2019-05-29
  • 打赏
  • 举报
回复
引用 3 楼 jokerls的回复:
同问,没学过vue,看过一个项目的前端,后缀是html,用的是基于vue封装的js框架,好多数据如首页广告之类的是ajax请求的,也有一些简单数据是类似el表达式直接写在页面上的,我想问不通过模板,单靠html可以绑定后端传来的数据吗?还是说vue有这样的功能啊
vue有这样的功能,可以将ajax请求回来的数据绑定到页面上
咸哼酒家 2019-05-29
  • 打赏
  • 举报
回复
既然前后分离就不要放在一个工程下了,前段是单独一个项目,后台是单独一个服务
jokerls 2019-05-29
  • 打赏
  • 举报
回复
同问,没学过vue,看过一个项目的前端,后缀是html,用的是基于vue封装的js框架,好多数据如首页广告之类的是ajax请求的,也有一些简单数据是类似el表达式直接写在页面上的,我想问不通过模板,单靠html可以绑定后端传来的数据吗?还是说vue有这样的功能啊
jokerls 2019-05-29
  • 打赏
  • 举报
回复
引用 5 楼 Invisible7777 的回复:
[quote=引用 3 楼 jokerls的回复:]同问,没学过vue,看过一个项目的前端,后缀是html,用的是基于vue封装的js框架,好多数据如首页广告之类的是ajax请求的,也有一些简单数据是类似el表达式直接写在页面上的,我想问不通过模板,单靠html可以绑定后端传来的数据吗?还是说vue有这样的功能啊
vue有这样的功能,可以将ajax请求回来的数据绑定到页面上[/quote]那这种属于传统的类jsp引擎吗?毕竟数据都是靠ajax请求的,对seo和加载那些有影响吗
ziyuanxian 2019-05-28
  • 打赏
  • 举报
回复
楼上是一种方法,也可完全分离,通过ajax调用,springboot也要设置安全域名
骆书强 2019-05-28
  • 打赏
  • 举报
回复
打包放在resources/static/目录下 访问 http://localhost:8080/index.html
课程的实战源码是我在 GitHub 上开源项目 spring-boot-projects 中的其中一个项目代码,目前已有 2300 多个 star,项目截图如下: 由于项目比较受大家欢迎,因此心中就出现了将它做成教学视频的想法,也就是你现在了解的这个课程《SpringBoot入门及前后端分离项目开发》,本课程是一个 Spring Boot 技术栈的实战类课程,课程共分为 3 大部分,前面两个部分为基础环境准备和相关概念介绍,第三个部分是 Spring Boot 项目实践开发。Spring Boot 介绍、前后端分离、API 规范等内容旨在让读者更加熟悉 SpringBoot 及企业开发中需要注意的事项并具有使用 SpringBoot 技术进行基本功能开发的能力;这最后的项目实战为课程的主要部分,我会带着大家实际的开发一个前后端分离的 Spring Boot 实践项目,让大家实际操作并从无到有开发一个线上项目,并学习到一定的开发经验以及其中的开发技巧,旨在让读者具有将 Spring Boot 真正应用于项目开发的能力; 以下为实践项目的页面和功能展示,分别为:登录页面 列表页面(分页功能) 图片上传功能 富文本编辑器整合使用 实践项目的主要功能和页面就是这些,通过项目展示大家也能够感受到,在实际应用开发中的高频次功能都已经实现,稍加修改就可以运用到企业开发中,整个项目的开发模式为前后端分离的模式,即 Spring Boot 提供后端接口,前端页面通过 Ajax 异步调用接口的方式与后端服务器进行交互并将数据填充至页面中,这也是目前企业开发中比较重用的开发模式,希望大家能够了解并且能够实际的上手开发。

81,091

社区成员

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

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