018 瀹炵幇鍟嗗搧鍒嗙被鏌ヨ

Posted 2020-11-13

鏍囩锛?a href='http://www.mamicode.com/so/1/%e6%a0%87%e5%87%86' title='鏍囧噯'>鏍囧噯   瀹炵幇   鍙傛暟   gets   鍝佺墝   瀹氫箟   搴旇   dom   鍒嗙被   

鍟嗗煄鐨勬牳蹇冭嚜鐒舵槸鍟嗗搧锛岃€屽晢鍝佸浜嗕互鍚庯紝鑲畾瑕佽繘琛屽垎绫伙紝骞朵笖涓嶅悓鐨勫晢鍝佷細鏈変笉鍚岀殑鍝佺墝淇℃伅锛屾垜浠渶瑕佷緷娆″幓瀹屾垚锛氬晢鍝佸垎绫汇€佸搧鐗屻€佸晢鍝佺殑寮€鍙戙€?/span>

1.瀵煎叆鏁版嵁搴撹〃

 

鎵撳紑Navicat杞欢,閫夋嫨瀵瑰簲鐨勬暟鎹簱锛岃繍琛宻ql鏂囦欢銆?/span>

 

鎵ц缁撴灉锛?/span>

 

2.瀹炵幇鍔熻兘

鍦ㄦ祻瑙堝櫒椤甸潰鐐瑰嚮“鍒嗙被绠＄悊”鑿滃崟锛?/span>

 

鏍规嵁杩欎釜璺敱璺緞鍒拌矾鐢辨枃浠讹紙src/route/index.js锛夛紝鍙互瀹氫綅鍒板垎绫荤鐞嗛〉闈細

鐢辫矾鐢辨枃浠剁煡锛岄〉闈㈡槸src/pages/item/Category.vue

鍟嗗搧鍒嗙被浣跨敤浜嗘爲鐘剁粨鏋勶紝鑰岃繖绉嶇粨鏋勭殑缁勪欢vuetify骞舵病鏈変负鎴戜滑鎻愪緵锛岃繖閲岃嚜瀹氫箟浜嗕竴涓爲鐘剁粍浠躲€備笉瑕佹眰瀹炵幇鎴栬€呮煡璇㈢粍浠剁殑瀹炵幇锛屽彧瑕佹眰鍙互鍙傜収鏂囨。浣跨敤璇ョ粍浠跺嵆鍙細

(1)url寮傛璇锋眰

鐐瑰嚮鍟嗗搧绠＄悊涓嬬殑鍒嗙被绠＄悊瀛愯彍鍗曪紝鍦ㄦ祻瑙堝櫒鎺у埗鍙板彲浠ョ湅鍒帮細

 

鎴戜滑鏄庢槑鏄娇鐢ㄧ殑鐩稿璺緞锛?item/category/list锛岃閬撶悊鍙戣捣鐨勮姹傚湴鍧€搴旇鏄細

http://manage.leyou.com/item/category/list

浣嗗疄闄呭嵈鏄細

http://api.leyou.com/api/item/category/list?pid=0

杩欏氨浼氬嚭鐜拌法鍩熼棶棰?绗?澶х偣鍒嗘瀽)

杩欐槸鍥犱负锛屾垜浠湁涓€涓叏灞€鐨勯厤缃枃浠讹紝瀵规墍鏈夌殑璇锋眰璺緞杩涜浜嗙害瀹氾細

 

璺緞鏄?span class="md-link">http://api.leyou.com锛屽苟涓旈粯璁ゅ姞涓婁簡/api鐨勫墠缂€锛岃繖鎭板ソ涓庢垜浠殑缃戝叧璁剧疆鍖归厤锛屾垜浠彧闇€瑕佹妸鍦板潃鏀规垚缃戝叧鐨勫湴鍧€鍗冲彲,鍥犱负鎴戜滑浣跨敤浜唍ginx鍙嶅悜浠ｇ悊锛岃繖閲屽彲浠ュ啓鍩熷悕銆?/span>

(2)瀹炰綋绫?/span>

鍦?span>leyou-item-interface涓坊鍔燾ategory瀹炰綋绫伙細

 

package lucky.leyou.item.domain;

import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
import javax.persistence.Table;

@Table(name="tb_category")
public class Category {
    @Id
    @GeneratedValue(strategy=GenerationType.IDENTITY)
    private Long id;
    private String name;
    private Long parentId;
    // 娉ㄦ剰isParent鐢熸垚鐨刧etter鍜宻etter鏂规硶闇€瑕佹墜鍔ㄥ姞涓奍s
    //瀹為檯寮€鍙戜腑灏介噺閬垮厤鏁版嵁搴撳瓧娈靛悕浠s寮€澶?/span>
    private Boolean isParent; 
    private Integer sort;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Long getParentId() {
        return parentId;
    }

    public void setParentId(Long parentId) {
        this.parentId = parentId;
    }

    public Boolean getIsParent() {
        return isParent;
    }

    public void setIsParent(Boolean parent) {
        isParent = parent;
    }

    public Integer getSort() {
        return sort;
    }

    public void setSort(Integer sort) {
        this.sort = sort;
    }
}

闇€瑕佹敞鎰忕殑鏄紝杩欓噷瑕佺敤鍒癹pa鐨勬敞瑙?鍗冲疄浣撶被涓婃墍鍔犵殑娉ㄨВ@Table銆丂Id銆丂GeneratedValue)锛屽洜姝ゆ垜浠湪leyou-item-interface妯″潡涓殑pom鏂囦欢娣诲姞jpa渚濊禆

<dependencies>
        <dependency>
            <groupId>javax.persistence</groupId>
            <artifactId>persistence-api</artifactId>
            <version>1.0</version>
        </dependency>
    </dependencies>

(3)mapper

鎴戜滑浣跨敤閫氱敤mapper鏉ョ畝鍖栧紑鍙戯細

package lucky.leyou.item.mapper;

import lucky.leyou.item.domain.Category;
import tk.mybatis.mapper.common.Mapper;

public interface CategoryMapper extends Mapper<Category> {
}

瑕佹敞鎰忥紝鎴戜滑骞舵病鏈夊湪mapper鎺ュ彛涓婂０鏄嶡Mapper娉ㄨВ锛岄偅涔坢ybatis濡備綍鎵嶈兘鎵惧埌鎺ュ彛鍛紵

鎴戜滑鍦ㄥ惎鍔ㄧ被涓婃坊鍔犱竴涓壂鎻忓寘鍔熻兘锛?/span>

package lucky.leyou;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.cloud.client.discovery.EnableDiscoveryClient;
import tk.mybatis.spring.annotation.MapperScan;

@SpringBootApplication
@EnableDiscoveryClient
@MapperScan("lucky.leyou.item.mapper")   // mapper鎺ュ彛鐨勫寘鎵弿
public class LeyouItemServiceApplication {

    public static void main(String[] args) {
        SpringApplication.run(LeyouItemServiceApplication.class, args);
    }
}

(4)service

涓€鑸瑂ervice灞傛垜浠細瀹氫箟鎺ュ彛鍜屽疄鐜扮被銆?/p>

鎺ュ彛锛?/p>

package lucky.leyou.item.service;

import lucky.leyou.item.domain.Category;

import java.util.List;

public interface ICategoryService {
    /**
     * 鏍规嵁parentId鏌ヨ瀛愮被鐩?
     * @param pid
     * @return
     */
    public List<Category> queryCategoriesByPid(Long pid);
}

瀹炵幇绫伙細

package lucky.leyou.item.service.impl;

import lucky.leyou.item.domain.Category;
import lucky.leyou.item.mapper.CategoryMapper;
import lucky.leyou.item.service.ICategoryService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class CategoryServiceImpl implements ICategoryService {

    @Autowired
    private CategoryMapper categoryMapper;

    /**
     * 鏍规嵁parentId鏌ヨ瀛愮被鐩?
     * @param pid
     * @return
     */
    @Override
    public List<Category> queryCategoriesByPid(Long pid) {
        Category record = new Category();
        record.setParentId(pid);
        return this.categoryMapper.select(record);
    }
}

(5)Controller

缂栧啓涓€涓猚ontroller涓€鑸渶瑕佺煡閬撳洓涓唴瀹癸細

• 璇锋眰鏂瑰紡锛氬喅瀹氭垜浠敤GetMapping杩樻槸PostMapping

• 璇锋眰璺緞锛氬喅瀹氭槧灏勮矾寰?/span>

• 璇锋眰鍙傛暟锛氬喅瀹氭柟娉曠殑鍙傛暟

• 杩斿洖鍊肩粨鏋滐細鍐冲畾鏂规硶鐨勮繑鍥炲€?/span>

鍦ㄥ垰鎵嶉〉闈㈠彂璧风殑璇锋眰涓紝鎴戜滑灏辫兘寰楀埌缁濆ぇ澶氭暟淇℃伅

• 璇锋眰鏂瑰紡锛欸et锛屾煡璇㈣偗瀹氭槸get璇锋眰
• 璇锋眰璺緞锛?api/item/category/list銆傚叾涓?api鏄綉鍏冲墠缂€锛?item鏄綉鍏崇殑璺敱鏄犲皠锛岀湡瀹炵殑璺緞搴旇鏄?category/list
• 璇锋眰鍙傛暟锛歱id=0锛屾牴鎹畉ree缁勪欢鐨勮鏄庯紝搴旇鏄埗鑺傜偣鐨刬d锛岀涓€娆℃煡璇负0锛岄偅灏辨槸鏌ヨ涓€绾х被鐩?/span>

妯″潡缁撴瀯锛?/p>

娣诲姞Controller锛?/p>

package lucky.leyou.item.controller;

import lucky.leyou.item.domain.Category;
import lucky.leyou.item.service.ICategoryService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.util.CollectionUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import java.util.List;

@Controller
@RequestMapping(path = "/category")
public class CategoryController {
    @Autowired
    private ICategoryService iCategoryService;

    /**
     * 鏍规嵁parentId鏌ヨ瀛愮被鐩?
     * @param pid @RequestParam(value = "pid",defaultValue = "0") long pid 浣滅敤锛氭帴鏀秛rl涓惡甯︾殑璇锋眰鍙傛暟,璁剧疆榛樿鍊间负0
     * @return
     */
    @RequestMapping("/list")
    public ResponseEntity<List<Category>> queryCategoriesByPid(@RequestParam(value = "pid",defaultValue = "0") Long pid){

        if(pid==null||pid<0){
            //鍝嶅簲绫诲瀷400:濡傛灉pid涓簄ull鎴杙id<0,杩斿洖璇锋眰鍙傛暟涓嶅悎娉?/span>
            return ResponseEntity.badRequest().build();
        }
        List<Category> categories = this.iCategoryService.queryCategoriesByPid(pid);
        //鍒╃敤CollectionUtils.isEmpty(categories)鍒ゆ柇闆嗗悎鏄惁涓虹┖
        if(CollectionUtils.isEmpty(categories)){
            //鍝嶅簲绫诲瀷404:璧勬簮鏈嶅姟鍣ㄦ湭鎵惧埌
            return ResponseEntity.notFound().build();
        }
        //鍝嶅簲绫诲瀷200:鏌ヨ鎴愬姛
        return ResponseEntity.ok(categories);

    }


}

(6)鍚姩骞舵祴璇?/p>

<1>鎴戜滑涓嶇粡杩囩綉鍏筹紝鐩存帴璁块棶锛?span class="md-link md-expand">http://localhost:8081/category/list

 

<2>璇曡瘯缃戝叧鏄惁鐣呴€氾細http://api.leyou.com/api/item/category/list

<3>鍒锋柊鍚庡彴绠＄悊椤甸潰鏌ョ湅锛?/p>

杩欏叾瀹炴槸娴忚鍣ㄧ殑鍚屾簮绛栫暐閫犳垚鐨勮法鍩熼棶棰樸€?/p>

3.璺ㄥ煙闂

璺ㄥ煙锛氭祻瑙堝櫒瀵逛簬javascript鐨勫悓婧愮瓥鐣ョ殑闄愬埗 銆?/span>

浠ヤ笅鎯呭喌閮藉睘浜庤法鍩燂細

濡傛灉鍩熷悕鍜岀鍙ｉ兘鐩稿悓锛屼絾鏄姹傝矾寰勪笉鍚?/strong>锛屼笉灞炰簬璺ㄥ煙锛屽锛?/span>