完成全部框架

This commit is contained in:
柏码の讲师 2023-06-16 16:32:07 +08:00
parent 5fb1d37baf
commit 040941c73d
2 changed files with 17 additions and 9 deletions

View File

@ -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

View File

@ -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>