完成全部框架
This commit is contained in:
parent
5fb1d37baf
commit
040941c73d
@ -1,13 +1,13 @@
|
||||
spring:
|
||||
datasource:
|
||||
driver-class-name: com.mysql.cj.jdbc.Driver
|
||||
url: jdbc:mysql://192.168.1.88:3306/study?useUnicode=true&characterEncoding=utf-8
|
||||
url: jdbc:mysql://localhost:3306/study?useUnicode=true&characterEncoding=utf-8
|
||||
username: test
|
||||
password: 123456
|
||||
mail:
|
||||
host: smtp.163.com
|
||||
username: javastudy111@163.com
|
||||
password: HALOVPWHLAIYRNFD
|
||||
password: BFPGDALGDSPPKUXC
|
||||
port: 465
|
||||
properties:
|
||||
from: javastudy111@163.com
|
||||
@ -19,4 +19,4 @@ spring:
|
||||
redis:
|
||||
database: 0
|
||||
host: localhost
|
||||
port: 6379
|
||||
port: 6379
|
||||
|
@ -1,13 +1,14 @@
|
||||
<template>
|
||||
<div style="height: 100vh">
|
||||
<el-container style="height: 100%">
|
||||
<el-aside style="border-right: solid 1px #d3d3d3" width="250px">
|
||||
<div style="text-align: center;padding: 15px 0">
|
||||
<el-aside style="border-right: solid 1px #d3d3d3;transition: 0.5s" :width="isCollapse ? '60px' : '220px'">
|
||||
<div style="text-align: center;padding: 15px 0;margin-left: 19px">
|
||||
<el-image src="https://element-plus.gitee.io/images/element-plus-logo.svg"
|
||||
style="width: 150px"/>
|
||||
</div>
|
||||
<el-menu
|
||||
default-active="1"
|
||||
:collapse="isCollapse"
|
||||
style="border: none">
|
||||
<el-menu-item index="1">
|
||||
<el-icon><icon-menu /></el-icon>
|
||||
@ -32,9 +33,13 @@
|
||||
</el-menu>
|
||||
</el-aside>
|
||||
<el-container>
|
||||
<el-header style="border-bottom: solid 1px #d3d3d3">
|
||||
<el-header style="border-bottom: solid 1px #d3d3d3;padding: 0 20px 0 0">
|
||||
<div style="display: flex;padding: 7px 0">
|
||||
<div style="flex: 1">
|
||||
<div>
|
||||
<el-button :icon="isCollapse ? Expand : Fold" text @click="isCollapse = !isCollapse"
|
||||
style="font-size: 25px;margin-top: 6px"/>
|
||||
</div>
|
||||
<div style="flex: 1;text-align: center">
|
||||
<el-input
|
||||
placeholder="搜索论坛内容..."
|
||||
style="width: 400px;margin-top: 6px">
|
||||
@ -78,10 +83,13 @@ import {get} from "@/net";
|
||||
import {ElMessage} from "element-plus";
|
||||
import router from "@/router";
|
||||
import {useStore} from "@/stores";
|
||||
import {Document, Location, Setting, Menu as IconMenu, Search, Back} from "@element-plus/icons-vue";
|
||||
import {Document, Location, Setting, Menu as IconMenu, Search, Back, Expand, Fold} from "@element-plus/icons-vue";
|
||||
import {ref} from "vue";
|
||||
|
||||
const store = useStore()
|
||||
|
||||
const isCollapse = ref(false)
|
||||
|
||||
const logout = () => {
|
||||
get('/api/auth/logout', (message) => {
|
||||
ElMessage.success(message)
|
||||
@ -95,4 +103,4 @@ const logout = () => {
|
||||
.avatar:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
Loading…
x
Reference in New Issue
Block a user