SpringBoot+Vue微人事实战---项目搭建(1)

本文介绍了如何从零开始构建一个基于SpringBoot+Vue的微人事项目。首先,阐述了项目来源,然后详细说明了前端使用ElementUI+Vue、后端采用SpringBoot的技术栈。接着,逐步指导了前端项目的Webpack构建和后端SpringBoot项目的创建,包括添加依赖和运行项目。最后,提到了数据库设计,提供了sql文件用于生成项目所需的数据表。
摘要由CSDN通过智能技术生成

1、项目来源

在Github上发现了一个基于SpringBoot+Vue技术栈的微人事全栈项目。俗话说:不吃好的不吃贵的,今天整俩嘎嘣脆的,一瞧这项目13k的star,挺好,咱今天就从零开始造它!
在这里插入图片描述

2、项目技术栈

该项目采用前后端分离技术开发。
前端使用ElementUI+Vue构建SPA,后端则用简单易上手的SpringBoot。SPA是指单页面应用,所有的HTML、CSS、JS都通过单个页面加载,用ajax与后台进行数据交互。后端技术呢,那就复杂多了,此处不赘述。
前端开发工具Sublime,后端开发工具IDEA,好了赶紧开始吧。

3、前端项目构建

Vue使用webpack来构建,首先自己先安装好NodeJS,然后打开CMD:

npm install -g vue-cli
vue init webpack my-project
cd my-project
npm run dev

当npm run dev执行后就可以在浏览器中输入http://localhost:8080,回车

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值