spring+vue环境搭建（一）

最新推荐文章于 2025-07-09 15:11:34 发布

原创

最新推荐文章于 2025-07-09 15:11:34 发布 · 3.8k 阅读

15 ·

CC 4.0 BY-SA版权

本文介绍了如何在mac环境下，使用IntelliJ IDEA搭建一个包含Vue.js, Webpack, Element-UI, Gradle, Spring MVC, MySQL, MyBatis和Spring Security的web开发环境。首先，通过IDE创建Gradle项目，然后配置web.xml和spring-mvc.xml，添加简单的Controller。接着，配置IntelliJ IDEA以支持web应用，并设置Jetty为调试模式。最后，提供了相关学习资源链接。" 105055899,9385393,寻找两个有序序列的中位数算法,"['算法', '数据结构', '链表', 'vector']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，梳理好目标：搭建一个web开发环境，前端涉及vue.js，webpack，element-ui，后端涉及gradle，springmvc，mysql，mybatis，spring-security，jetty

技术选型说明

（1）vue.js：javascript的mvvm模式开发语言，较angular.js更简单好用，较react更适用于小型应用
（2）webpack：javascript打包工具，将开发人员从html与js一对一引用的繁杂工作方式中解放出来，然后其webpack-dev-server对于开发工作也是极其友好
（3）element-ui：饿了吗的前端组件，较传统html组件更美观，更简单易用
（4）gradle：构建部署工具，较ant，maven更简单易用
（5）springmvc：java服务器框架，易于快速搭建一个服务器
（6）mysql：关系数据库，免费并且小巧
（7）mybatis：易用的持久化框架，较hibernate孰优孰劣看个人习惯
（8）spring-security：安全访问框架，包含登录，登出，登录状态记忆等功能
（9）jetty：web服务器，较tomcat更简单易用

开发环境说明

mac，intellij idea 2017.1.5，gradle 3.5

步骤说明

第一步：搭建gradle+springmvc项目，并用jetty运行
第二步：引入mysql，mybatis
第三步：引入vue.js+webpack+element-ui
第四步：前后端联调
第五步：引入spring-security
扩展：
    第六步：部署项目到阿里云服务器
    第七步：制作为git项目

OK，我们开始