計算機畢業設計 ssm寵物綜合服務平臺 vue 畢設

一、技術路線：

開發語言：Java

前端技術：JavaScript、VUE.js（2.X）、css3

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

三、運行截圖：

進入到這個環節，也就可以及時檢查出前面設計的需求是否可靠了。一個設計良好的方案在運用于系統實現中，是會幫助系統編制人員節省時間，并提升開發效率的。所以在系統的編程階段，也就是系統實現階段，對于一些不合理的設計需求，也是可以及時發現。因為設計的方案是完全指導系統的編碼過程的。

3.1 管理員功能實現

3.1.1 商品信息管理

管理員進入指定功能操作區之后可以管理商品信息。其頁面見下圖。管理員對商品信息進行增刪改查操作。

圖3.1 商品信息管理頁面

管理員可以查詢商品的信息列表，實現代碼如下所示：

/**

 * 后端列表

 */

@RequestMapping("/page")

public R page(@RequestParam Map params,ShangpinxinxiEntity shangpinxinxi,

HttpServletRequest request){

    EntityWrapper ew = new EntityWrapper();

PageUtils page = shangpinxinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params));

    return R.ok().put("data", page);

}

前端頁面向后臺控制器發送了一個查詢商品信息的ajax的GET請求,請求的名為/shangpinxinxi/page，并傳輸過來要查詢的條件，封裝到后臺中定義的params中，params中的key就是字段名，value就是條件，之后調用shangpinxinxiService類中的queryPage方法，查詢出來數據返回給前端

3.1.2 已支付訂單

管理員進入指定功能操作區之后可以管理已支付訂單。其頁面見下圖。管理員查看用戶已支付訂單的收貨地址并安排發貨。

圖3.2 已支付訂單頁面

管理員查詢已支付訂單：

 /**

 * 后端列表

 */

@RequestMapping("/page")

public R page(@RequestParam Map params,OrdersEntity orders,

HttpServletRequest request){

if(!request.getSession().getAttribute("role").toString().equals("管理員")) {

orders.setUserid((Long)request.getSession().getAttribute("userId"));

}

    EntityWrapper ew = new EntityWrapper();

PageUtils page = ordersService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, orders), params), params));

    return R.ok().put("data", page);

}

前端頁面向后臺控制器發送了一個查詢已支付訂單的ajax的GET請求,請求的名為/orders/page，并傳輸過來要查詢的條件，封裝到后臺中定義的params中，params中的key就是字段名，value就是條件，里面條件有頁數，條數，狀態為已支付和其他。從web服務的request作用域中取出當前用戶的權限，如果是用戶 就把用戶的id塞入查詢條件中，之后調用ordersService類中的queryPage方法查詢數據，查詢出來數據返回給前端

3.1.3 在線門診管理

管理員進入指定功能操作區之后可以管理門診信息。其頁面見下圖。管理員對門診信息進行增刪改查操作。

圖3.3 在線門診管理頁面

新增在線門診：

 /**

 * 后端保存

 */

@RequestMapping("/save")

public R save(@RequestBody ZaixianmenzhenEntity zaixianmenzhen, HttpServletRequest request){

zaixianmenzhen.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());

//ValidatorUtils.validateEntity(zaixianmenzhen);

    zaixianmenzhenService.insert(zaixianmenzhen);

    return R.ok();

}

前端頁面向后臺控制器發送了一個新增在線門診的POST請求,請求的名為/zaixianmenzhen/save，把在線門診信息封裝在后臺定義的zaixianmenzhen對象中，由于id是唯一的，不允許重復，所以取當前時間的毫秒數加上隨機出來的整數作為id，保證唯一性，然后調用mybatis-plus的insert方法，把數據新增到數據庫中。

3.1.4 留言板管理

管理員進入指定功能操作區之后可以管理留言信息。其頁面見下圖。管理員點擊回復按鈕可以回復用戶的留言。

圖3.4 留言板管理頁面

回復留言：

 /**

 * 修改

 */

@RequestMapping("/update")

public R update(@RequestBody MessagesEntity messages, HttpServletRequest request){

    //ValidatorUtils.validateEntity(messages);

    messagesService.updateById(messages);//全部更新

    return R.ok();

}

前端頁面向后臺控制器發送了一個回復留言的POST請求,請求的名為/messages/update，把回復的留言封裝在后臺定義的messages對象中，通過mybatis-plus的updateById方法通過id把回復的留言修改上去，然后返回給前臺修改成功。

3.2 醫生功能實現

3.2.1 在線掛號管理

醫生進入指定功能操作區之后可以管理掛號信息。其頁面見下圖。醫生負責審核用戶提交的掛號信息，然后對寵物進行診療。

圖3.5 在線掛號管理頁面

在線掛號詳情查詢：

/**

 * 后端詳情

 */

@RequestMapping("/info/{id}")

public R info(@PathVariable("id") Long id){

    ZaixianguahaoEntity zaixianguahao = zaixianguahaoService.selectById(id);

    return R.ok().put("data", zaixianguahao);

}

前端頁面向后臺控制器發送了一個查看掛號詳情的ajax的GET請求,請求的名為/zaixianguahao //info/{id}，把要查詢的數據的id傳到后臺，后臺用id進行接收，然后用mybatis-plus的selectById方法通過id把當前掛號的詳情查詢出來，封裝到zaixianguahao對象中，再把掛號對象封裝到R中，返回給前臺，進行展示。

3.2.2 寵物診療管理

醫生進入指定功能操作區之后可以管理寵物診療信息。其頁面見下圖。醫生查詢寵物診療信息，查看寵物診療的詳情，包括寵物癥狀描述，診斷以及藥方等信息。

圖3.6 寵物診療管理頁面

寵物診療詳情查詢：

/**

 * 后端詳情

 */

@RequestMapping("/info/{id}")

public R info(@PathVariable("id") Long id){

    ChongwuzhenliaoEntity chongwuzhenliao = chongwuzhenliaoService.selectById(id);

    return R.ok().put("data", chongwuzhenliao);

}

前端頁面向后臺控制器發送了一個查看寵物診療詳情的ajax的GET請求,請求的名為/chongwuzhenliao//info/{id}，把要查詢的數據的id傳到后臺，后臺用id進行接收，然后用mybatis-plus的selectById方法通過id把當前掛號的詳情查詢出來，封裝到chongwuzhenliao對象中，再把寵物診療對象封裝到R中，返回給前臺，進行展示。

3.3 用戶功能實現

3.3.1 在線門診

用戶進入指定功能操作區之后可以查看門診信息。其頁面見下圖。用戶在本頁面可以對醫生進行掛號。

圖3.8 在線門診頁面

用戶在線掛號：

/**

 * 前端保存

 */

@RequestMapping("/add")

public R add(@RequestBody ZaixianguahaoEntity zaixianguahao, HttpServletRequest request){

zaixianguahao.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());

//ValidatorUtils.validateEntity(zaixianguahao);

    zaixianguahaoService.insert(zaixianguahao);

    return R.ok();

}

前端頁面向后臺控制器發送了一個新增掛號的的ajax的POST請求,請求的名為/zaixianguahao/add，把當前登錄的用戶和掛號原因和寵物信息等字段封裝到后臺定義的zaixianguahao對象中，由于id是唯一的，不能重復，所以取當前時間的毫秒數加上隨機整數，保證id唯一性，然后用mybatis-plus的insert方法把當前掛號對象封裝到數據庫中，返回給前端新增成功。

3.3.2 商品信息

用戶進入指定功能操作區之后可以查看商品信息。其頁面見下圖。用戶在本頁面可以購買商品，收藏商品。

圖3.9 商品信息頁面

用戶查詢商品詳情：

 /**

 * 前端詳情

 */

@IgnoreAuth

@RequestMapping("/detail/{id}")

public R detail(@PathVariable("id") Long id){

    ShangpinxinxiEntity shangpinxinxi = shangpinxinxiService.selectById(id);

shangpinxinxi.setClicknum(shangpinxinxi.getClicknum()+1);

shangpinxinxi.setClicktime(new Date());

shangpinxinxiService.updateById(shangpinxinxi);

    return R.ok().put("data", shangpinxinxi);

}

前端頁面向后臺控制器發送了一個查看商品詳情的ajax的GET請求,請求的名為/shangpinxinxi/detail/{id}，把要查詢的數據的id傳到后臺，后臺用id進行接收，然后用mybatis-plus的selectById方法通過id把當前商品的詳情查詢出來，封裝到shangpinxinxi對象中，再把商品信息封裝到R中，返回給前臺，進行展示。

3.3.3 購物車

用戶進入指定功能操作區之后可以管理購物車信息。其頁面見下圖。用戶對購物車商品進行篩選，對需要購買的商品進行下單支付。

圖3.10 購物車頁面

購物車列表：

  /**

 * 前端列表

 */

@RequestMapping("/list")

public R list(@RequestParam Map params,CartEntity cart,

HttpServletRequest request){

    EntityWrapper ew = new EntityWrapper();

PageUtils page = cartService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, cart), params), params));

    return R.ok().put("data", page);

}

前端頁面向后臺控制器發送了一個查詢購物車的ajax的GET請求,請求的名為/cart/list，并傳輸過來要查詢的條件，封裝到后臺中定義的params中，params中的key就是字段名，value就是條件，里面條件有頁數，條數和其他。之后調用cartService類中的queryPage方法查詢數據，由于cartService是抽象類，所以在調用cartService的時候會自動調用cartServiceImpl類，調用其中的queryPage方法，查詢出來數據，把查詢出來數據返回給前端，進行展示。

3.3.4 寵物寄養

用戶進入指定功能操作區之后可以查看寵物寄養信息。其頁面見下圖。用戶查看寵物寄養詳情，收藏寵物寄養信息。

圖3.11 寵物寄養頁面

寵物寄養列表：

  /**

 * 前端列表

 */

@IgnoreAuth

@RequestMapping("/list")

public R list(@RequestParam Map params,ChongwujiyangEntity chongwujiyang,

HttpServletRequest request){

    EntityWrapper ew = new EntityWrapper();

PageUtils page = chongwujiyangService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, chongwujiyang), params), params));

    return R.ok().put("data", page);

}

前端頁面向后臺控制器發送了一個查詢寵物寄養列表的ajax的GET請求,請求的名為/chongwujiyang/list，并傳輸過來要查詢的條件，封裝到后臺中定義的params中，params中的key就是字段名，value就是條件，里面條件有頁數，條數和其他。之后調用chongwujiyangService類中的queryPage方法查詢數據，由于chongwujiyangService是抽象類，所以在調用chongwujiyangService的時候會自動調用chongwujiyangServiceImpl類，調用其中的queryPage方法，查詢出來數據，把查詢出來數據返回給前端，進行展示。