一、项目结构
结合vue-cli的知识创建k15-manager项目结构
二、登录组件
安装elementui
npm i element-ui -S
在App.vue中添加如下内容
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
使用elementui完成登录页面
三、首页组件
四、搭建服务端项目
1、搭建springboot项目
2、所需坐标
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<packaging>jar</packaging>
<groupId>cn.woniu</groupId>
<artifactId>k15_manager</artifactId>
<version>1.0-SNAPSHOT</version>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.3.7.RELEASE</version>
</parent>
<properties>
<mysql.version>8.0.22</mysql.version>
<lombok.version>1.18.20</lombok.version>
<mybaits.springboot.version>2.2.0</mybaits.springboot.version>
<shiro.springboot.version>1.7.1</shiro.springboot.version>
<fastjson.version>1.2.15</fastjson.version>
<jjwt.version>0.9.1</jjwt.version>
<jwt.version>3.10.3</jwt.version>
<pagehelper.springboot.version>1.3.0</pagehelper.springboot.version>
<mybaits.generator.version>1.3.7</mybaits.generator.version>
</properties>
<dependencies>
<!--mvc相关-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<!--数据源-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-jdbc</artifactId>
</dependency>
<!--springboot启动器-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter</artifactId>
</dependency>
<!--测试包-->
<dependency>
<groupId>org.springframework.boot</groupId