itbaima-study/itbaima-forum-session
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完成全部框架

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
study-project-backend/src/main/resources/application.yaml
View File

@ -1,13 +1,13 @@
spring: spring:
datasource: datasource:
driver-class-name: com.mysql.cj.jdbc.Driver 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 username: test
password: 123456 password: 123456
mail: mail:
host: smtp.163.com host: smtp.163.com
username: javastudy111@163.com username: javastudy111@163.com
password: HALOVPWHLAIYRNFD password: BFPGDALGDSPPKUXC
port: 465 port: 465
properties: properties:
from: javastudy111@163.com from: javastudy111@163.com
@ -19,4 +19,4 @@ spring:
redis: redis:
database: 0 database: 0
host: localhost host: localhost
port: 6379 port: 6379

20
study-project-frontend/src/views/IndexView.vue
View File

@ -1,13 +1,14 @@
<template> <template>
<div style="height: 100vh"> <div style="height: 100vh">
<el-container style="height: 100%"> <el-container style="height: 100%">
<el-aside style="border-right: solid 1px #d3d3d3" width="250px"> <el-aside style="border-right: solid 1px #d3d3d3;transition: 0.5s" :width="isCollapse ? '60px' : '220px'">
<div style="text-align: center;padding: 15px 0"> <div style="text-align: center;padding: 15px 0;margin-left: 19px">
<el-image src="https://element-plus.gitee.io/images/element-plus-logo.svg" <el-image src="https://element-plus.gitee.io/images/element-plus-logo.svg"
style="width: 150px"/> style="width: 150px"/>
</div> </div>
<el-menu <el-menu
default-active="1" default-active="1"
:collapse="isCollapse"
style="border: none"> style="border: none">
<el-menu-item index="1"> <el-menu-item index="1">
<el-icon><icon-menu /></el-icon> <el-icon><icon-menu /></el-icon>
@ -32,9 +33,13 @@
</el-menu> </el-menu>
</el-aside> </el-aside>
<el-container> <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="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 <el-input
placeholder="搜索论坛内容..." placeholder="搜索论坛内容..."
style="width: 400px;margin-top: 6px"> style="width: 400px;margin-top: 6px">
@ -78,10 +83,13 @@ import {get} from "@/net";
import {ElMessage} from "element-plus"; import {ElMessage} from "element-plus";
import router from "@/router"; import router from "@/router";
import {useStore} from "@/stores"; 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 store = useStore()
const isCollapse = ref(false)
const logout = () => { const logout = () => {
get('/api/auth/logout', (message) => { get('/api/auth/logout', (message) => {
ElMessage.success(message) ElMessage.success(message)
@ -95,4 +103,4 @@ const logout = () => {
.avatar:hover { .avatar:hover {
cursor: pointer; cursor: pointer;
} }
</style> </style>