springboot vue前后端分离项目建议
时间: 2023-08-06 13:07:27 浏览: 164
建议是使用SpringBoot和Vue进行前后端分离项目的开发。可以按照以下步骤进行:
1. 设计Vue前端:根据需求设计前端界面,可以参考\[1\]中的相关文章来学习如何设计Vue前端。
2. 连接SpringBoot后端和数据库:使用Spring Boot来搭建后端,并与数据库进行连接。可以参考\[1\]中的文章来学习如何连接后端和数据库。
3. 打包前端项目:在Visual Studio Code中使用命令npm run build来打包前端项目,生成dist文件夹。这个文件夹中包含了打包好的前端文件。可以参考\[2\]中的引用来了解如何打包前端项目。
4. 上传项目到云服务器:使用FinalShell等工具连接云服务器,将前端和后端项目上传到服务器上的相应目录中。可以参考\[3\]中的引用来了解如何上传项目到云服务器。
5. 运行项目:在云服务器上使用命令java -jar来运行后端项目。如果希望程序在窗口关闭后仍然运行,可以使用nohup java -jar命令。可以参考\[3\]中的引用来了解如何运行项目。
总结来说,建议使用SpringBoot和Vue进行前后端分离项目的开发,按照上述步骤进行设计、连接、打包和上传项目,并在云服务器上运行项目。这样可以实现前后端分离的开发模式,提高开发效率和项目的可维护性。
#### 引用[.reference_title]
- *1* [SpringBoot + Vue前后端分离项目实战 || 二:Spring Boot后端与数据库连接](https://blog.csdn.net/qq_56039091/article/details/131306802)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Springboot+Vue前后端分离项目的部署](https://blog.csdn.net/qq_57585993/article/details/123148389)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文