22 | * 前端控制器 23 | *
24 | * 25 | * @author 关注公众号：MarkerHub 26 | * @since 2020-05-25 27 | */ 28 | @RestController 29 | public class BlogController { 30 | 31 | @Autowired 32 | BlogService blogService; 33 | 34 | @GetMapping("/blogs") 35 | public Result list(@RequestParam(defaultValue = "1") Integer currentPage) { 36 | 37 | Page page = new Page(currentPage, 5); 38 | IPage pageData = blogService.page(page, new QueryWrapper14 | * 前端控制器 15 | *
16 | * 17 | * @author 关注公众号：MarkerHub 18 | * @since 2020-05-25 19 | */ 20 | @RestController 21 | @RequestMapping("/user") 22 | public class UserController { 23 | 24 | @Autowired 25 | UserService userService; 26 | 27 | @RequiresAuthentication 28 | @GetMapping("/index") 29 | public Result index() { 30 | User user = userService.getById(1L); 31 | return Result.succ(user); 32 | } 33 | 34 | @PostMapping("/save") 35 | public Result save(@Validated @RequestBody User user) { 36 | return Result.succ(user); 37 | } 38 | 39 | } 40 | -------------------------------------------------------------------------------- /vueblog-java/src/main/java/com/markerhub/entity/Blog.java: -------------------------------------------------------------------------------- 1 | package com.markerhub.entity; 2 | 3 | import com.baomidou.mybatisplus.annotation.IdType; 4 | import com.baomidou.mybatisplus.annotation.TableId; 5 | import com.baomidou.mybatisplus.annotation.TableName; 6 | import com.fasterxml.jackson.annotation.JsonFormat; 7 | import lombok.Data; 8 | import lombok.EqualsAndHashCode; 9 | import lombok.experimental.Accessors; 10 | 11 | import javax.validation.constraints.NotBlank; 12 | import java.io.Serializable; 13 | import java.time.LocalDateTime; 14 | 15 | /** 16 | *17 | * 18 | *
19 | * 20 | * @author 关注公众号：MarkerHub 21 | * @since 2020-05-25 22 | */ 23 | @Data 24 | @EqualsAndHashCode(callSuper = false) 25 | @Accessors(chain = true) 26 | @TableName("m_blog") 27 | public class Blog implements Serializable { 28 | 29 | private static final long serialVersionUID = 1L; 30 | 31 | @TableId(value = "id", type = IdType.AUTO) 32 | private Long id; 33 | 34 | private Long userId; 35 | 36 | @NotBlank(message = "标题不能为空") 37 | private String title; 38 | 39 | @NotBlank(message = "摘要不能为空") 40 | private String description; 41 | 42 | @NotBlank(message = "内容不能为空") 43 | private String content; 44 | 45 | @JsonFormat(pattern="yyyy-MM-dd") 46 | private LocalDateTime created; 47 | 48 | private Integer status; 49 | 50 | 51 | } 52 | -------------------------------------------------------------------------------- /vueblog-java/src/main/java/com/markerhub/entity/User.java: -------------------------------------------------------------------------------- 1 | package com.markerhub.entity; 2 | 3 | import com.baomidou.mybatisplus.annotation.IdType; 4 | import com.baomidou.mybatisplus.annotation.TableId; 5 | import com.baomidou.mybatisplus.annotation.TableName; 6 | import lombok.Data; 7 | import lombok.EqualsAndHashCode; 8 | import lombok.experimental.Accessors; 9 | 10 | import javax.validation.constraints.Email; 11 | import javax.validation.constraints.NotBlank; 12 | import java.io.Serializable; 13 | import java.time.LocalDateTime; 14 | 15 | /** 16 | *17 | * 18 | *
19 | * 20 | * @author 关注公众号：MarkerHub 21 | * @since 2020-05-25 22 | */ 23 | @Data 24 | @EqualsAndHashCode(callSuper = false) 25 | @Accessors(chain = true) 26 | @TableName("m_user") 27 | public class User implements Serializable { 28 | 29 | private static final long serialVersionUID = 1L; 30 | 31 | @TableId(value = "id", type = IdType.AUTO) 32 | private Long id; 33 | 34 | @NotBlank(message = "昵称不能为空") 35 | private String username; 36 | 37 | private String avatar; 38 | 39 | @NotBlank(message = "邮箱不能为空") 40 | @Email(message = "邮箱格式不正确") 41 | private String email; 42 | 43 | private String password; 44 | 45 | private Integer status; 46 | 47 | private LocalDateTime created; 48 | 49 | private LocalDateTime lastLogin; 50 | 51 | 52 | } 53 | -------------------------------------------------------------------------------- /vueblog-java/src/main/java/com/markerhub/mapper/BlogMapper.java: -------------------------------------------------------------------------------- 1 | package com.markerhub.mapper; 2 | 3 | import com.markerhub.entity.Blog; 4 | import com.baomidou.mybatisplus.core.mapper.BaseMapper; 5 | 6 | /** 7 | *8 | * Mapper 接口 9 | *
10 | * 11 | * @author 关注公众号：MarkerHub 12 | * @since 2020-05-25 13 | */ 14 | public interface BlogMapper extends BaseMapper8 | * Mapper 接口 9 | *
10 | * 11 | * @author 关注公众号：MarkerHub 12 | * @since 2020-05-25 13 | */ 14 | public interface UserMapper extends BaseMapper8 | * 服务类 9 | *
10 | * 11 | * @author 关注公众号：MarkerHub 12 | * @since 2020-05-25 13 | */ 14 | public interface BlogService extends IService8 | * 服务类 9 | *
10 | * 11 | * @author 关注公众号：MarkerHub 12 | * @since 2020-05-25 13 | */ 14 | public interface UserService extends IService11 | * 服务实现类 12 | *
13 | * 14 | * @author 关注公众号：MarkerHub 15 | * @since 2020-05-25 16 | */ 17 | @Service 18 | public class BlogServiceImpl extends ServiceImpl11 | * 服务实现类 12 | *
13 | * 14 | * @author 关注公众号：MarkerHub 15 | * @since 2020-05-25 16 | */ 17 | @Service 18 | public class UserServiceImpl extends ServiceImpl
3 |
5 |
6 |
7 |
13 |
--------------------------------------------------------------------------------
/vueblog-vue/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MarkerHub/vueblog/c042ee4a37e865c08addc680af26428de7e8ed89/vueblog-vue/src/assets/logo.png
--------------------------------------------------------------------------------
/vueblog-vue/src/axios.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | import Element from 'element-ui'
3 | import router from './router'
4 | import store from './store'
5 |
6 |
7 | axios.defaults.baseURL = "http://localhost:8081"
8 |
9 | // 前置拦截
10 | axios.interceptors.request.use(config => {
11 | return config
12 | })
13 |
14 | axios.interceptors.response.use(response => {
15 | let res = response.data;
16 |
17 | console.log("=================")
18 | console.log(res)
19 | console.log("=================")
20 |
21 | if (res.code === 200) {
22 | return response
23 | } else {
24 |
25 | Element.Message.error('错了哦，这是一条错误消息', {duration: 3 * 1000})
26 |
27 | return Promise.reject(response.data.msg)
28 | }
29 | },
30 | error => {
31 | console.log(error)
32 | if(error.response.data) {
33 | error.message = error.response.data.msg
34 | }
35 |
36 | if(error.response.status === 401) {
37 | store.commit("REMOVE_INFO")
38 | router.push("/login")
39 | }
40 |
41 | Element.Message.error(error.message, {duration: 3 * 1000})
42 | return Promise.reject(error)
43 | }
44 | )
--------------------------------------------------------------------------------
/vueblog-vue/src/components/Header.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
21 |
22 |
23 |
60 |
61 |
--------------------------------------------------------------------------------
/vueblog-vue/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | import router from './router'
4 | import store from './store'
5 | import Element from 'element-ui'
6 | import axios from 'axios'
7 |
8 | import mavonEditor from 'mavon-editor'
9 |
10 | import "element-ui/lib/theme-chalk/index.css"
11 | import 'mavon-editor/dist/css/index.css'
12 |
13 | import "./axios"
14 | import "./permission"
15 |
16 | Vue.use(Element)
17 | Vue.use(mavonEditor)
18 |
19 | Vue.config.productionTip = false
20 | Vue.prototype.$axios = axios
21 |
22 | new Vue({
23 | router,
24 | store,
25 | render: h => h(App)
26 | }).$mount('#app')
27 |
--------------------------------------------------------------------------------
/vueblog-vue/src/permission.js:
--------------------------------------------------------------------------------
1 | import router from "./router";
2 |
3 | // 路由判断登录 根据路由配置文件的参数
4 | router.beforeEach((to, from, next) => {
5 |
6 | if (to.matched.some(record => record.meta.requireAuth)) { // 判断该路由是否需要登录权限
7 |
8 | const token = localStorage.getItem("token")
9 | console.log("------------" + token)
10 |
11 | if (token) { // 判断当前的token是否存在 ； 登录存入的token
12 | if (to.path === '/login') {
13 |
14 | } else {
15 | next()
16 | }
17 | } else {
18 | next({
19 | path: '/login'
20 | })
21 | }
22 | } else {
23 | next()
24 | }
25 | })
--------------------------------------------------------------------------------
/vueblog-vue/src/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import VueRouter from 'vue-router'
3 | import Login from '../views/Login.vue'
4 | import Blogs from '../views/Blogs.vue'
5 | import BlogEdit from '../views/BlogEdit.vue'
6 | import BlogDetail from '../views/BlogDetail.vue'
7 |
8 | Vue.use(VueRouter)
9 |
10 | const routes = [
11 | {
12 | path: '/',
13 | name: 'Index',
14 | redirect: {name: "Blogs"}
15 | },
16 | {
17 | path: '/blogs',
18 | name: 'Blogs',
19 | component: Blogs
20 | },
21 | {
22 | path: '/login',
23 | name: 'Login',
24 | component: Login
25 | },
26 | {
27 | path: '/blog/add',
28 | name: 'BlogAdd',
29 | component: BlogEdit,
30 | meta: {
31 | requireAuth: true
32 | }
33 | },
34 | {
35 | path: '/blog/:blogId',
36 | name: 'BlogDetail',
37 | component: BlogDetail
38 | },
39 | {
40 | path: '/blog/:blogId/edit',
41 | name: 'BlogEdit',
42 | component: BlogEdit,
43 | meta: {
44 | requireAuth: true
45 | }
46 | }
47 | ]
48 |
49 | const router = new VueRouter({
50 | mode: 'history',
51 | base: process.env.BASE_URL,
52 | routes
53 | })
54 |
55 | export default router
56 |
--------------------------------------------------------------------------------
/vueblog-vue/src/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 |
4 | Vue.use(Vuex)
5 |
6 | export default new Vuex.Store({
7 | state: {
8 | token: '',
9 | userInfo: JSON.parse(sessionStorage.getItem("userInfo"))
10 | },
11 | mutations: {
12 | // set
13 | SET_TOKEN: (state, token) => {
14 | state.token = token
15 | localStorage.setItem("token", token)
16 | },
17 | SET_USERINFO: (state, userInfo) => {
18 | state.userInfo = userInfo
19 | sessionStorage.setItem("userInfo", JSON.stringify(userInfo))
20 | },
21 | REMOVE_INFO: (state) => {
22 | state.token = ''
23 | state.userInfo = {}
24 | localStorage.setItem("token", '')
25 | sessionStorage.setItem("userInfo", JSON.stringify(''))
26 | }
27 |
28 | },
29 | getters: {
30 | // get
31 | getUser: state => {
32 | return state.userInfo
33 | }
34 |
35 | },
36 | actions: {
37 | },
38 | modules: {
39 | }
40 | })
41 |
--------------------------------------------------------------------------------
/vueblog-vue/src/views/BlogDetail.vue:
--------------------------------------------------------------------------------
1 |
2 | 欢迎来到MarkerHub的博客
4 |
5 |
8 |
9 | {{ user.username }}
7 |
10 | 主页
11 | 发表博客
13 |
14 | 登录
16 |
17 | 退出
18 |
19 |
20 |
3 |
18 |
19 |
20 |
57 |
58 |
--------------------------------------------------------------------------------
/vueblog-vue/src/views/BlogEdit.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
8 |
9 | 编辑
10 |
11 |
12 |
16 |
17 | {{ blog.title }}
7 |
3 |
31 |
32 |
33 |
108 |
109 |
--------------------------------------------------------------------------------
/vueblog-vue/src/views/Blogs.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
8 |
9 |
11 |
12 |
13 |
15 |
16 |
17 |
19 |
20 |
21 | 立即创建
22 | 重置
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
3 |
33 |
34 |
35 |
67 |
68 |
--------------------------------------------------------------------------------
/vueblog-vue/src/views/Login.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
8 |
9 |
10 |
11 |
15 |
17 |
18 |
19 |
20 |
21 |
28 |
29 |
30 |
31 |
32 |
11 |
12 | {{blog.title}}
13 |
14 |
15 | {{blog.description}}
16 |
3 |
4 |
5 |
6 | 
7 |
8 |
9 |
10 |
11 |
13 |
14 |
16 |
17 |
18 | 立即创建
19 | 重置
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
82 |
83 |
--------------------------------------------------------------------------------
/vueblog-vue/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | publicPath: '/'
3 | }
--------------------------------------------------------------------------------
7 |