spring mvc+redux-api 实现RESTFul接口

spring mvc

@PostMapping("/categories")
public List save(@RequestBody Category category) {
    categoryService.save(piece);
    return queryList();
}

@GetMapping("/categories")
public List queryList() {
    return categoryService.queryList();
}

@DeleteMapping("/categories/{id}")
public List delete(@PathVariable int id) {
    categoryService.delete(id);
    return queryList();
}

redux-api

export default reduxApi({
    categories: {
        url: '/categories',
        transformer: transformers.array,
        crud: true
    },
    categoryDetail: {
        url: '/categories/:id',
        transformer: transformers.array,
        crud: true,
        reducerName: 'categories'
    }
}).use('fetch', adapterFetch);

这样增删改查之后就能使用同一个对象"categories"

import rest from 'rest'

class CategoryList extends React.Component {
    constructor(porps) {
        super(props)
    }

    componentDidMount() {
        this.props.dispatch(rest.categories.get())
    }
    
    render() {
        const {categories} = this.props
        if (categories.isLoading) {
            return 
loading...
} return (
{categories.data.map((item)=>
item.name { this.props.dispatch(rest.categories.delete({id:item.id})) }}>X
)}
) } } export default connect((state)=> { const {categories} = state return {categories} }, CategoryList)

你可能感兴趣的:(spring mvc+redux-api 实现RESTFul接口)