项目构建
前端项目构建
Vue项目使用webpack来构建。首先确保本地已经安装了NodeJS,然后在CMD中执行如下命令,可以创建并启动一个名为vuehr的前端项目:
在执行“vue init webpack vuehr”命令时,会要求依次输入项目的基本信息,如图
基本信息主要包括:
• 项目名称。
• 项目描述。
• 项目作者。
• Vue项目构建:运行+编译还是仅运行。
• 是否安装vue-router。
• 是否使用ESLint。
• 是否使用单元测试。
• 是否适用Nightwatch e2e测试。
• 是否在项目创建成功后自动执行“npm install”安装依赖,若选择否,则在第4行命令执行之前执行行“npm install”。
当“npm run dev”命令执行之后,在浏览器中输入http://localhost:8080,显示页面如图2所示。
后端项目构建
后端使用Spring Boot创建一个Spring Boot工程,添加spring-boot-starter-web依赖即可:
当然,后端所需的依赖不止spring-boot-starter-web,在后文功能不断完善的过程中,再继续添加其他依赖。另外,后端项目所需的Redis配置、邮件发送配置、POI配置、WebSocket配置等,将在涉及相关功能时向读者介绍。