博客系统后台前端UI设计

效果展示

博客系统后台前端UI设计_第1张图片

博客系统后台前端UI设计_第2张图片 

博客系统后台前端UI设计_第3张图片 

博客系统后台前端UI设计_第4张图片 

博客系统后台前端UI设计_第5张图片 

博客系统后台前端UI设计_第6张图片 

博客系统后台前端UI设计_第7张图片 

博客系统后台前端UI设计_第8张图片 

博客系统后台前端UI设计_第9张图片 

 

API编写

index.js

import axios from "./request"

const fastdfs = {
    delete: 'file/fastdfs/delete'
}
const permission = {
    search: "/sys/permission/search",
    add: "/sys/permission/add",
    update: "/sys/permission/update",
    delete: "/sys/permission/delete",
    findById: "/sys/permission/findById",
}
const blog_tag = {
    search: "/back/blogTag/search",
    add: "/back/blogTag/add",
    update: "/back/blogTag/update",
    delete: "/back/blogTag/delete",
    findById: "/back/blogTag/findById",
}

const blog_type = {
    search: "/back/blogType/search",
    add: "/back/blogType/add",
    update: "/back/blogType/update",
    delete: "/back/blogType/delete",
    findById: "/back/blogType/findById",
    findAll: "/back/blogType/findAll",
}

const blog_visibility = {
    search: "/back/blogVisibility/search",
    add: "/back/blogVisibility/add",
    update: "/back/blogVisibility/update",
    delete: "/back/blogVisibility/delete",
    findById: "/back/blogVisibility/findById",
    findAll: "/back/blogVisibility/findAll",
}

const blog = {
    search: "/back/blog/search",
    add: "/back/blog/add",
    update: "/back/blog/update",
    delete: "/back/blog/delete",
    findById: "/back/blog/findById",
    updateStatus:'/back/blog/updateStatus',
    addColumn:'/back/blog/addColumn',
    deleteColumn:'/back/blog/deleteColumn',
    findColumnByBlogId:'/back/blog/findColumnByBlogId',
    addTag:'/back/blog/addTag',
    deleteTag:'/back/blog/deleteTag',
    findTagByBlogId:'/back/blog/findTagByBlogId',
}

const user = {
    findAll: '/back/user/findAll'
}

const blog_column = {
    search: "/back/blogColumn/search",
    searchByUserId: "/back/blogColumn/searchByUserId",
    add: "/back/blogColumn/add",
    update: "/back/blogColumn/update",
    delete: "/back/blogColumn/delete",
    findById: "/back/blogColumn/findById",
}

const blog_comment = {
    search: "/back/blogComment/search",
    searchByBlogId: "/back/blogComment/searchByBlogId",
    add: "/back/blogComment/add",
    update: "/back/blogComment/update",
    delete: "/back/blogComment/delete",
    findById: "/back/blogComment/findById",
}

const api = {
    fastdfs_delete(params) {
        return axios.delete(fastdfs.delete, {params})
    },
    permission_add(params) {
        return axios.post(permission.add, params)
    },
    permission_update(params) {
        return axios.post(permission.update, params)
    },
    permission_delete(params) {
        return axios.delete(permission.delete, {params})
    },
    permission_findById(params) {
        return axios.get(permission.findById, {params})
    },
    permission_search(params) {
        return axios.get(permission.search, {params})
    },


    blog_tag_add(params) {
        return axios.post(blog_tag.add, params)
    },
    blog_tag_update(params) {
        return axios.post(blog_tag.update, params)
    },
    blog_tag_delete(params) {
        return axios.delete(blog_tag.delete, {params})
    },
    blog_tag_findById(params) {
        return axios.get(blog_tag.findById, {params})
    },
    blog_tag_search(params) {
        return axios.get(blog_tag.search, {params})
    },


    blog_type_add(params) {
        return axios.post(blog_type.add, params)
    },
    blog_type_update(params) {
        return axios.post(blog_type.update, params)
    },
    blog_type_delete(params) {
        return axios.delete(blog_type.delete, {params})
    },
    blog_type_findById(params) {
        return axios.get(blog_type.findById, {params})
    },
    blog_type_search(params) {
        return axios.get(blog_type.search, {params})
    },
    blog_type_findAll() {
        return axios.get(blog_type.findAll)
    },

    blog_visibility_add(params) {
        return axios.post(blog_visibility.add, params)
    },
    blog_visibility_update(params) {
        return axios.post(blog_visibility.update, params)
    },
    blog_visibility_delete(params) {
        return axios.delete(blog_visibility.delete, {params})
    },
    blog_visibility_findById(params) {
        return axios.get(blog_visibility.findById, {params})
    },
    blog_visibility_search(params) {
        return axios.get(blog_visibility.search, {params})
    },
    blog_visibility_findAll() {
        return axios.get(blog_visibility.findAll)
    },
    blog_add(params) {
        return axios.post(blog.add, params)
    },
    blog_update(params) {
        return axios.post(blog.update, params)
    },
    blog_updateStatus(params) {
        return axios.post(blog.updateStatus, params)
    },
    blog_delete(params) {
        return axios.delete(blog.delete, {params})
    },
    blog_findById(params) {
        return axios.get(blog.findById, {params})
    },
    blog_search(params) {
        return axios.get(blog.search, {params})
    },
    blog_addTag(params) {
        return axios.post(blog.addTag, params)
    },
    blog_deleteTag(params) {
        return axios.delete(blog.deleteTag, {params})
    },
    blog_findTagByBlogId(params) {
        return axios.get(blog.findTagByBlogId, {params})
    },
    blog_addColumn(params) {
        return axios.post(blog.addColumn, params)
    },
    blog_deleteColumn(params) {
        return axios.delete(blog.deleteColumn, {params})
    },
    blog_findColumnByBlogId(params) {
        return axios.get(blog.findColumnByBlogId, {params})
    },




    user_findAll() {
        return axios.get(user.findAll)
    },
    blog_column_add(params) {
        return axios.post(blog_column.add, params)
    },
    blog_column_update(params) {
        return axios.post(blog_column.update, params)
    },
    blog_column_delete(params) {
        return axios.delete(blog_column.delete, {params})
    },
    blog_column_findById(params) {
        return axios.get(blog_column.findById, {params})
    },
    blog_column_search(params) {
        return axios.get(blog_column.search, {params})
    },
    blog_column_searchByUserId(params) {
        return axios.get(blog_column.searchByUserId, {params})
    },

    blog_comment_add(params) {
        return axios.post(blog_comment.add, params)
    },
    blog_comment_update(params) {
        return axios.post(blog_comment.update, params)
    },
    blog_comment_delete(params) {
        return axios.delete(blog_comment.delete, {params})
    },
    blog_comment_findById(params) {
        return axios.get(blog_comment.findById, {params})
    },
    blog_comment_search(params) {
        return axios.get(blog_comment.search, {params})
    },
    blog_comment_searchByBlogId(params) {
        return axios.get(blog_comment.searchByBlogId, {params})
    },


}
export default api

Blog.vue




Column.vue








Comment.vue




Tag.vue




Type.vue




Visibility.vue




你可能感兴趣的:(博客系统,前端,ui)