diff --git a/collect.sql b/collect.sql
new file mode 100644
index 0000000..f505284
--- /dev/null
+++ b/collect.sql
@@ -0,0 +1,31 @@
+/*
+ Navicat Premium Data Transfer
+
+ Source Server : 本机MySQL
+ Source Server Type : MySQL
+ Source Server Version : 80034 (8.0.34)
+ Source Host : localhost:3306
+ Source Schema : elm
+
+ Target Server Type : MySQL
+ Target Server Version : 80034 (8.0.34)
+ File Encoding : 65001
+
+ Date: 22/04/2024 14:40:21
+*/
+
+SET NAMES utf8mb4;
+SET FOREIGN_KEY_CHECKS = 0;
+
+-- ----------------------------
+-- Table structure for collect
+-- ----------------------------
+DROP TABLE IF EXISTS `collect`;
+CREATE TABLE `collect` (
+ `collectId` int NOT NULL AUTO_INCREMENT,
+ `businessId` int NULL DEFAULT NULL,
+ `userId` varchar(255) CHARACTER SET utf8mb3 COLLATE utf8mb3_general_ci NULL DEFAULT NULL,
+ PRIMARY KEY (`collectId`) USING BTREE
+) ENGINE = InnoDB CHARACTER SET = utf8mb3 COLLATE = utf8mb3_general_ci ROW_FORMAT = Dynamic;
+
+SET FOREIGN_KEY_CHECKS = 1;
diff --git a/elmclient/src/router/index.js b/elmclient/src/router/index.js
index 2451912..5c3b54a 100644
--- a/elmclient/src/router/index.js
+++ b/elmclient/src/router/index.js
@@ -21,6 +21,7 @@ import SearchResults from "../views/SearchResults";
import PointStore from '../views/PointStore.vue';
import CouponDetails from '../views/CouponDetails.vue';
import CouponSelect from '../views/CouponSelect.vue';
+import CollectList from '../views/CollectList.vue'
const routes = [{
@@ -104,6 +105,11 @@ const routes = [{
path: '/CouponSelect',
name: 'CouponSelect',
component: CouponSelect
+ },
+ {
+ path: '/collectList',
+ name: 'CollectList',
+ component: CollectList
}
];
diff --git a/elmclient/src/views/BusinessInfo.vue b/elmclient/src/views/BusinessInfo.vue
index 860ab0e..60ea72f 100644
--- a/elmclient/src/views/BusinessInfo.vue
+++ b/elmclient/src/views/BusinessInfo.vue
@@ -17,6 +17,13 @@
¥{{business.starPrice}}起送 ¥{{business.deliveryPrice}}配送
{{business.businessExplain}}
+
+
+ 取消收藏
+
+
+ 收藏
+
@@ -84,7 +91,8 @@
longPress: false,
pressTimer: null,
interval: 200,
- clickTimeouts: [] // 用于存储每个按钮的定时器
+ clickTimeouts: [], // 用于存储每个按钮的定时器
+ isCollected: false
}
},
created() {
@@ -104,11 +112,26 @@
}).catch(error => {
console.error(error);
});
+ this.listCollect()
},
methods: {
back() {
this.$router.go(-1);
},
+ async listCollect() {
+ let url = `CollectController/listCollect/${this.user.userId}`
+ await this.$axios.get(url).then(response => {
+ this.collectList = response.data.result;
+ }).catch(error => {
+ console.error(error);
+ });
+ for(let i of this.collectList){
+ if(`${i.businessId}`===this.businessId){
+ this.isCollected=true
+ break
+ }
+ }
+ },
listCart() {
let url=`CartController/listCart/${this.user.userId}/${this.businessId}`
this.$axios.get(url).then(response => {
@@ -214,7 +237,18 @@
businessId: this.business.businessId
}
});
- }
+ },
+ toggleCollect(business) {
+ this.isCollected = !this.isCollected; // 切换收藏状态
+ let method = this.isCollected ? 'post' : 'delete';
+ let url = `CollectController/${method === 'post' ? 'add' : 'delete'}Collect/${this.user.userId}/${this.businessId}`;
+ this.$axios({
+ method: method,
+ url: url
+ }).then().catch(error => {
+ console.error(error);
+ });
+ }
},
computed: {
//食品总价格
@@ -317,6 +351,31 @@
margin-top: 1.2vw;
}
+ /****************收藏按钮***************/
+ .wrapper .collect-button0 {
+ position: fixed;
+ font-size: 3vw;
+ color: white;
+ background-color: gray;
+ align-items: center;
+ justify-content: center;
+ padding: 1vw;
+ right: 0;
+ top: 13vw;
+ }
+
+ .wrapper .collect-button1 {
+ position: fixed;
+ font-size: 3vw;
+ color: white;
+ background-color: #01B0F2;
+ align-items: center;
+ justify-content: center;
+ padding: 1vw;
+ right: 0;
+ top: 13vw;
+ }
+
/****************食品信息部分***************/
.wrapper .food {
width: 100%;
diff --git a/elmclient/src/views/CollectList.vue b/elmclient/src/views/CollectList.vue
new file mode 100644
index 0000000..949840e
--- /dev/null
+++ b/elmclient/src/views/CollectList.vue
@@ -0,0 +1,189 @@
+
+
+
+
+
+
+
+ -
+
+
+
![]()
+
+
+
{{item.businessName}}
+
¥{{item.starPrice}}起送 | ¥{{item.deliveryPrice}}配送
+
{{item.businessExplain}}
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
+
-
-
+
+
- 
- 
- 
- 
- 
- 
- 
- 
-