開發(fā)工具：IDEA
服務器：Tomcat9.0， jdk1.8
項目構建：maven
數據庫：mysql5.7
前端技術 ：Vue+ElementUI
服務端技術：springboot+mybatis+redis
本系統(tǒng)分用戶前臺和管理后臺兩部分，項目采用前后端分離
主要功能如下：
(1)前臺部分功能：
1.登錄、注冊、首頁
2.購物車、商品詳情、搜索商品、結算功能
3.我的訂單、個人資料、退出登錄、取消訂單、評價等
(2)后臺部分功能：
1.登錄、首頁、退出登錄
2.用戶管理：新增、修改、分頁查詢、刪除
3.角色管理：新增、修改、分頁查詢、刪除
4.商品分類管理：新增、修改、分頁查詢、刪除
5.商品管理：新增、修改、分頁查詢、刪除
6.訂單管理：修改狀態(tài)、查詢詳情、分頁查詢、刪除
7.評論管理：分頁查詢、查看詳情、回復
文檔截圖：
N-122基于springboot,vue網上訂餐系統(tǒng)文章來源：http://www.zghlxwxcb.cn/news/detail-542597.html
前臺截圖：
后臺截圖：
文章來源地址http://www.zghlxwxcb.cn/news/detail-542597.html
@RestController("AdminOrderController")
@RequestMapping("/admin/order")
public class OrderController {
@Resource
private IOrderService orderService;
/**
* 后臺分頁獲取訂單數據
* @param pageDTO
* @return
*/
@PostMapping("/list")
public ResponseDTO<PageDTO<OrderDTO>> getOrderListByPage(@RequestBody PageDTO<OrderDTO> pageDTO){
return orderService.getOrderListByPage(pageDTO);
}
/**
* 后臺修改訂單狀態(tài)
* @param orderDTO
* @return
*/
@PostMapping("/edit-state")
public ResponseDTO<Boolean> editState(@RequestBody OrderDTO orderDTO){
return orderService.updateOrderState(orderDTO);
}
/**
* 根據訂單id獲取訂單詳情信息
* @param orderDTO
* @return
*/
@PostMapping("/order-item")
public ResponseDTO<OrderDTO> getOrderItemByOrderId(@RequestBody OrderDTO orderDTO){
return orderService.getOrderItemByOrderId(orderDTO);
}
/**
* 后臺刪除訂單數據
* @param orderDTO
* @return
*/
@PostMapping("/remove")
public ResponseDTO<Boolean> removeOrder(@RequestBody OrderDTO orderDTO){
return orderService.removeOrder(orderDTO);
}
/**
* 后臺獲取訂單總數
* @return
*/
@PostMapping("/total")
public ResponseDTO<Long> getOrderTotal(){
return orderService.getOrderTotal();
}
/**
* 獲取今日訂單成交金額
* @return
*/
@PostMapping("/today-price")
public ResponseDTO<BigDecimal> getTodayPrice(){
return orderService.getTodayPrice();
}
/**
* 獲取本周訂單成交金額
* @return
*/
@PostMapping("/week-price")
public ResponseDTO<BigDecimal> getWeekPrice(){
return orderService.getWeekPrice();
}
/**
* 獲取本月訂單成交金額
* @return
*/
@PostMapping("/month-price")
public ResponseDTO<BigDecimal> getMonthPrice(){
return orderService.getMonthPrice();
}
/**
* 根據時間范圍和訂單狀態(tài)獲取交易的訂單總數
* @return
*/
@PostMapping("/count-state-date")
public ResponseDTO<List<Integer>> getOrderCountByDateAndState(){
return orderService.getOrderCountByDateAndState();
}
}
<body class="html not-front not-logged-in one-sidebar sidebar-second page-cart page-cart-checkout" >
<div id="skip-link">
<a href="#main-content" class="element-invisible element-focusable">Skip to main content</a>
</div>
<div id="wrapper">
<!-- LOGIN POP UPS -->
<div id="popup-overlay"></div>
<div class="wrapper">
<header>
<the-header></the-header>
</header>
<div class="content clearfix">
<div class="pane-content" style="margin-top:50px">
<div id="meals-of-the-day">
<h3 class="title-separator"><span class="title">推薦餐品</span><span class="sep"></span></h3>
<ul>
<li style="width: 300px; padding: 0px 10px;" class="meal" v-for="(item, index) in recommendProductList" :key="index">
<div class="img-holder"><img typeof="foaf:Image" :src="item.photo|filterPhoto" width="327" height="198" alt="" /></div>
<div class="desc-holder">
<h1><router-link :to="'detail?productId='+item.id" :title="item.name">{{item.name|filterName}}</router-link></h1>
<p v-text="item.info"></p>
<span class="price" v-text="'￥'+item.price"></span>
<div class="add-to-cart">
<form id="uc-product-add-to-cart-form-4">
<div>
<div class="form-actions form-wrapper" id="edit-actions"><input class="node-add-to-cart form-submit" @click="addCart(item.id)" type="button" value="加入購物車" />
</div>
</div>
</form>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="panel-separator"></div><div class="panel-pane pane-block pane-custom-featured-meals" >
<div class="pane-content">
<h3 class="title-separator"><span class="title">熱銷餐品 </span><span class="sep"></span></h3>
<div id="featured-meals">
<ul>
<li class="meal" v-for="(item,index) in saleList" :key="index">
<div class="img-holder"><img typeof="foaf:Image" :src="item.photo|filterPhoto" width="191" height="148" alt="" /></div>
<h1><router-link :to="'/detail?productId='+item.id" v-text="item.name"></router-link></h1>
<p v-text="item.info"></p>
<span class="price" v-text="'￥'+item.price"></span>
<div class="add-to-cart">
<form id="uc-product-add-to-cart-form-4--2">
<div>
<div class="form-actions form-wrapper" id="edit-actions--5">
<input class="node-add-to-cart form-submit" @click="addCart(item.id)" type="button" id="edit-submit-4" name="op" value="加入購物車" />
</div>
</div>
</form>
</div>
</li>
</ul>
</div> </div>
</div>
<div class="panel-separator"></div><div class="panel-pane pane-block pane-custom-custom-cart" >
<h2 class="pane-title">最高人氣</h2>
<div class="pane-content">
<p class="cart-block-items uc-cart-empty" v-for="(item,index) in viewList" :key="index"><router-link style="color:#ffffff; text-decoration: none" :to="'detail?productId='+item.id">{{index+1}} . {{item.name}}</router-link></p>
<div class="cart-box"><div class="body"><ul>
</ul><router-link class="submit-button" to="/menus">查看更多</router-link>
<div class="graphic"></div></div></div> </div>
</div>
</div>
</div>
<the-footer></the-footer>
</div>
</body>
到了這里，關于基于springboot,vue網上訂餐系統(tǒng)的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
