对一个Springboot+Vue工具平台的思考

本文介绍了如何在Springboot中使用Mybatis、处理跨域、决定返回类型,并解决前端打包和部署过程中的常见问题,如npm run build错误和路由跳转问题。

一、建立基础的框架

1、后端采用Springboot的原因?

微服务框架,过程中

2、Springboot+Mybatis是有专门的包的,使用过程中pom文件的编写很重要,可以尝试手动扫文件,但是容易出错,前期学习没必要(后期可以看看具体实现,sqlsession等等)

2、采用的pom中的 spring-boot-starter-parent 如果版本过低会出现一些问题,采用2.1.3之后没问题。

2、后端要使用跨域的操作,

3、后端返回类型要不要统一?

4、前端element ui 各个模块的含义

5、如何实现的表单读取

https://ask.youkuaiyun.com/questions/6210630

 

前后端的上线发布

后端上线

前端上线:

1、npm run build 报错

采用的是:npm run build:prod --report 

则打包正常(两者之间的差异)

2、打包成功后,点击生成的dest文件下的index.js,点击显示空白页面。

网上常见解决方法:

https://blog.youkuaiyun.com/qq_33350717/article/details/84584698

解决成功的方式是,将assetsPublicPath: './', 内部的值设置为空

3、点击index文件可以显示,但是点击登录按钮,却没有反应,无跳转

 

 

 

 

 

### 回答1: 在开发 Spring Boot + Vue 博客项目时,需要遵循以下步骤: 1. 搭建后端环境:使用 Spring Boot 创建一个 RESTful API,它将作为前端应用程序的数据源。 2. 搭建前端环境:使用 Vue.js 创建一个博客的前端页面。该页面将与后端的 RESTful API 配合使用,以呈现博客的数据。 3. 实现功能:在后端和前端完成基本配置后,可以开始实现博客的核心功能,如发布博客、评论等。 4. 部署:最后,将博客项目部署到生产环境,供大家使用。 这是一个大致的流程,具体的实现细节可能会有所不同,需要根据实际需求进行调整。 ### 回答2: Spring Boot是一个开发Java应用程序的框架,而Vue一个用于构建用户界面的JavaScript框架。这两个框架结合在一起可以开发一个功能完善的博客项目。 首先,我们可以使用Spring Boot框架来创建一个后端服务器,用于处理博客的创建、编辑、删除和查询等功能。通过Spring Boot的自动配置功能,我们可以快速搭建一个可用的后端系统。我们可以使用Spring Data JPA来处理与数据库的交互,以便存储和检索博客文章的数据。同时,我们还可以使用Spring Security来实现用户认证和授权功能,以确保只有授权用户才能进行博客的编辑和删除操作。 接下来,我们可以使用Vue框架来构建前端用户界面。通过Vue的组件化特性,我们可以将博客的各个功能拆分成独立的组件,使得我们可以更容易地开发和维护前端代码。我们可以使用Vue Router来管理前端页面的导航,以及使用Vuex来管理前端应用的状态。同时,我们可以使用Axios来与后端服务器进行数据交互,以便获取和展示博客文章的内容。 在博客项目中,我们可以提供以下功能: 1. 用户注册和登录:使用Spring Security进行用户认证和授权,并使用Vue组件实现用户注册和登录页面。 2. 博客文章的创建和编辑:使用Vue组件实现博客的创建和编辑页面,并通过后端服务器将博客文章的数据保存到数据库中。 3. 博客文章的展示和查看:使用Vue组件实现博客文章列表和详情页面,并通过后端服务器从数据库中获取博客文章的数据进行展示。 4. 博客文章的删除和修改:通过后端服务器实现博客文章的删除和修改功能,并通过Vue组件来展示和调用这些功能。 通过结合Spring Boot和Vue,我们可以创建一个功能完善的博客项目,用户可以注册登录,创建、编辑、查看和删除博客文章。此项目将使得用户可以方便地记录和分享他们的思考和经验。 ### 回答3: Spring Boot 是一个开源的 Java 开发框架,而 Vue一个用于构建用户界面的 JavaScript 框架。结合使用 Spring Boot 和 Vue 可以创建一个功能强大的博客项目。 这个博客项目的后端使用 Spring Boot 来构建 RESTful API。我们可以使用 Spring Data JPA 来访问数据库并管理博客的数据。同时,借助 Spring Security,我们可以实现用户的认证和授权功能,保护我们的博客数据。 Vue.js 则负责构建博客项目的前端页面和用户界面。我们可以使用 Vue Router 来管理前端路由,使得用户可以方便地浏览不同的博客页面。同时,借助 Vue 组件化的特性,我们可以构建出各种交互丰富的博客组件,如博客列表、博客详情、评论、点赞等。 在这个博客项目中,后端和前端通过 RESTful API 进行通信。后端提供几个常用的 API 接口,如获取博客列表、获取单个博客、创建博客、更新博客、删除博客等。前端通过调用这些接口来实现对博客数据的增删改查。 此外,我们还可以使用一些其他的库和工具来增强这个博客项目的功能。例如,可以使用 Spring Cloud 来实现分布式部署、负载均衡和服务发现等功能。另外,可以使用一些前端UI框架如Element-UI来优化前端用户体验。 总之,使用 Spring Boot 和 Vue 可以创建一个功能齐全的博客项目。Spring Boot 提供了强大的后端支持,而 Vue 则可以构建出漂亮、交互丰富的前端页面。这样的组合使得博客项目开发变得简单、高效。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

狂点engineer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值