1234
撒发送
', '234', '2021-08-03 16:00:00'); 61 | INSERT INTO `news` VALUES (5, 'test', 'ces![](\"https://img2.baidu.com/it/u=3663359702,1992818410&fm=26&fmt=auto&gp=0.jpg\")
3 |
4 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/assets/css/global.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | }
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blue186/springboot-vue-study/2a06aba996df95b74ec07ff8a71f90a0f92bde15/springboot-vue-demo/vue/src/assets/logo.png
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/components/Aside.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
19 |
20 |
21 |
38 |
39 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/layout/Layout.vue:
--------------------------------------------------------------------------------
1 |
2 | 后台管理
4 |
5 |
6 |
7 | {{user.nickName}}
8 |
9 |
10 |
11 |
12 | 个人信息
13 | 退出系统
14 |
15 |
16 |
17 |
18 |
6 |
7 |
8 |
9 |
11 |
12 |
13 |
25 |
26 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/main.js:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 | import App from './App.vue'
3 | import router from './router'
4 | import store from './store'
5 | import ElementPlus from 'element-plus';
6 | import 'element-plus/lib/theme-chalk/index.css';
7 | import 'dayjs/locale/zh-cn'
8 | import locale from 'element-plus/lib/locale/lang/zh-cn'
9 |
10 | import '@/assets/css/global.css'//统一样式
11 |
12 | createApp(App).use(store).use(router).use(ElementPlus, { locale ,size:'small'}).mount('#app')
13 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/router/index.js:
--------------------------------------------------------------------------------
1 | import { createRouter, createWebHistory } from 'vue-router'
2 | import Layout from '../layout/Layout.vue'
3 |
4 | const routes = [
5 | {
6 | path: '/',
7 | name: 'Layout',
8 | component: Layout,
9 | redirect: "/news",
10 | children: [
11 | {
12 | path: 'user',
13 | name: 'User',
14 | component: () => import("@/views/User"),
15 | },
16 | {
17 | path: '/book',
18 | name: 'Book',
19 | component: ()=>import("@/views/Book")
20 | },
21 | {
22 | path: '/person',
23 | name: 'Person',
24 | component: ()=>import("@/views/Person")
25 | },
26 | {
27 | path: '/news',
28 | name: 'News',
29 | component: ()=>import("@/views/News")
30 | },
31 | ]
32 | },
33 | {
34 | path: '/login',
35 | name: 'Login',
36 | component: ()=>import("@/views/Login")
37 | },
38 | {
39 | path: '/register',
40 | name: 'Register',
41 | component: ()=>import("@/views/Register")
42 | },
43 |
44 | ]
45 |
46 | const router = createRouter({
47 | history: createWebHistory(process.env.BASE_URL),
48 | routes
49 | })
50 |
51 | export default router
52 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/store/index.js:
--------------------------------------------------------------------------------
1 | import { createStore } from 'vuex'
2 |
3 | export default createStore({
4 | state: {
5 | },
6 | mutations: {
7 | },
8 | actions: {
9 | },
10 | modules: {
11 | }
12 | })
13 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/utils/request.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | import router from "@/router";
3 |
4 | const request = axios.create({
5 | //baseUrl:'/api'
6 | timeout: 5000
7 | })
8 |
9 | // request 拦截器
10 | // 可以自请求发送前对请求做一些处理
11 | // 比如统一加token，对请求参数统一加密
12 | request.interceptors.request.use(config => {
13 | config.headers['Content-Type'] = 'application/json;charset=utf-8';
14 |
15 | // config.headers['token'] = user.token; // 设置请求头
16 | //取出sessionStorage里面的用户信息
17 | let userJson = sessionStorage.getItem("user");
18 | if (!userJson){
19 | router.push("/login");
20 | }
21 | return config
22 | }, error => {
23 | return Promise.reject(error)
24 | });
25 |
26 | // response 拦截器
27 | // 可以在接口响应后统一处理结果
28 | request.interceptors.response.use(
29 | response => {
30 | let res = response.data;
31 | // 如果是返回的文件
32 | if (response.config.responseType === 'blob') {
33 | return res
34 | }
35 | // 兼容服务端返回的字符串数据
36 | if (typeof res === 'string') {
37 | res = res ? JSON.parse(res) : res
38 | }
39 | return res;
40 | },
41 | error => {
42 | console.log('err' + error) // for debug
43 | return Promise.reject(error)
44 | }
45 | )
46 |
47 |
48 | export default request
49 |
50 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/views/Book.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
19 |
23 |
24 |
27 |
28 |
30 |
31 |
40 |
43 |
44 |
47 |
48 |
51 |
52 |
53 |
56 |
57 |
58 |
69 |
70 |
71 |
72 |
73 |
74 |
120 |
121 |
122 |
264 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/views/Login.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 | 新增
6 | 导入
7 | 导出
8 |
9 |
10 |
11 | 查询
13 |
14 |
32 |
36 |
37 |
38 |
39 |
59 | 编辑
60 |
62 |
63 | 删除
64 |
65 |
66 |
67 |
68 |
75 |
84 |
85 |
86 |
90 |
91 |
92 |
94 |
95 |
97 |
98 |
100 |
101 |
103 |
104 |
105 | 点击上传
106 |
107 |
108 |
109 |
110 |
111 |
115 |
116 |
117 |
118 |
119 |
3 |
23 |
24 |
25 |
80 |
81 |
84 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/views/News.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
9 |
11 |
12 |
14 |
15 | 登录
16 |
17 |
18 | 注册
19 |
20 |
21 |
22 |
6 | Login
7 |
8 |
3 |
4 |
19 |
23 |
24 |
27 |
28 |
31 |
32 |
35 |
36 |
37 |
40 |
41 |
42 |
54 |
55 |
56 |
57 |
58 |
59 |
106 |
107 |
108 |
272 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/views/Person.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 | 新增
6 | 导入
7 | 导出
8 |
9 |
10 |
11 | 查询
13 |
14 |
43 | 详情
44 | 编辑
45 |
47 |
48 | 删除
49 |
50 |
51 |
52 |
53 |
60 |
69 |
70 |
71 |
75 |
76 |
77 |
79 |
80 |
84 |
85 |
89 |
90 |
91 |
92 |
96 |
97 |
98 |
102 |
103 |
104 |
105 |
81 |
82 |
83 |
99 |
100 |
101 |
3 |
4 |
5 |
6 |
8 |
9 |
11 |
12 |
14 |
15 | 男
16 | 女
17 | 未知
18 |
19 |
20 |
22 |
23 |
25 |
26 |
30 |
31 |
32 |
33 |
68 |
69 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/views/Register.vue:
--------------------------------------------------------------------------------
1 |
2 |
27 | 报存
28 |
29 |
3 |
26 |
27 |
28 |
90 |
91 |
94 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/src/views/User.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
9 |
11 |
12 |
14 |
15 |
17 |
18 | 注册
19 |
20 |
21 | 返回登录
22 |
23 |
24 |
25 |
6 | Register
7 |
8 |
3 |
4 |
19 |
23 |
24 |
27 |
28 |
31 |
32 |
35 |
36 |
39 |
40 |
41 |
44 |
45 |
46 |
48 |
49 | 管理员
50 | 普通用户
51 |
52 |
53 |
54 |
57 |
58 |
59 |
70 |
71 |
72 |
73 |
74 |
75 |
120 |
121 |
122 |
237 |
--------------------------------------------------------------------------------
/springboot-vue-demo/vue/vue.config.js:
--------------------------------------------------------------------------------
1 | // 跨域配置
2 | module.exports = {
3 | devServer: { //记住，别写错了devServer//设置本地默认端口 选填
4 | port: 9876,
5 | proxy: { //设置代理，必须填
6 | '/api': { //设置拦截器 拦截器格式 斜杠+拦截器名字，名字可以自己定
7 | target: 'http://localhost:9090/', //代理的目标地址
8 | changeOrigin: true, //是否设置同源，输入是的
9 | pathRewrite: { //路径重写
10 | '/api': '' //选择忽略拦截器里面的单词
11 | }
12 | }
13 | }
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
5 | 新增
6 | 导入
7 | 导出
8 |
9 |
10 |
11 | 查询
13 |
14 |
60 | 编辑
61 |
63 |
64 | 删除
65 |
66 |
67 |
68 |
69 |
76 |
85 |
86 |
87 |
91 |
92 |
93 |
95 |
96 |
98 |
99 |
101 |
102 | 男
103 | 女
104 | 未知
105 |
106 |
107 |
109 |
110 |
111 |
115 |
116 |
117 |
118 |
119 |