文章目錄
序言
博主介紹：?新人博主,工作經驗三年+、專注于Java、小程序技術領域和結業項目實戰?
文末獲取源碼+數據庫
感興趣的可以先收藏上去，還有你們在畢設選題，項目以及論文編撰等相關問題都可以給我留言咨詢，希望幫助更多的人
項目背景介紹
隨著聯通互聯網的發展，校園外賣成為了學院生生活中的一部份。基于微信小程序的校園外賣平臺的盛行，是為了滿足學院生群體的生活需求，提供更方便、快速、安全的餐飲服務。
學院生生活形式的改變：學院生的生活形式逐步由傳統的線下購物形式向數字化和方便化方向轉變。她們更傾向于使用手機進行各種生活服務的購買，包括外賣。微信作為學院生廣泛使用的社交工具，提供了一個天然的平臺，可以整合外賣服務。
微信小程序的盛行：微信小程序作為一種輕量級應用，無需下載安裝即可在微信中直接使用，為用戶提供了更方便的入口。校園外賣平臺通過微信小程序，才能在微信生態系統中實現一站式服務，使用戶就能便捷地在微信中完成食物的瀏覽、下單和支付等操作。
校園外賣市場的潛力：學院校園內聚集了大量的中學生，產生了一個龐大的潛在用戶群體。這種中學生由于學業繁雜、時間緊張，對于外賣的需求較大。基于微信小程序的校園外賣平臺充分挖掘了這一市場潛力，通過方便的服務和豐富的菜單選擇，滿足了中學生們對于小吃的需求。
線上支付的便利性：微信支付作為微信生態系統的一部份，為校園外賣平臺提供了方便的支付手段。中學生可以通過微信支付直接完成訂單支付，無需現金交易，增強了支付的安全性和便利性。
店家和消費者的互動：基于微信小程序的校園外賣平臺提供了店家和消費者之間的直接互動平臺。用戶可以通過評論、評分等形式抒發對飯店的滿意度，而店家也可以通過平臺獲得用戶的反饋，有助于提高服務質量。
讓利和促銷活動：為了吸引更多用戶，校園外賣平臺一般會通過微信小程序推送各類讓利和促銷活動，比如滿減、折扣券等。這種活動可以迸發用戶的消費欲望，降低平臺的用戶黏性。
技術棧前端框架SSM
SSM框架是指++這三個框架的整合使用，一般用于建立應用程序，其中包括，框架，框架。其特性是，松耦合性：通過整合，可以實現的依賴注入、AOP等特點，的靈活的控制器和視圖解析，以及的數據庫操作，致使各個層次之間的耦合度增加，提升了代碼的可維護性和可擴充性。事務管理：提供了強悍的事務管理機制，可以輕松地與整合，實現對數據庫操作的事務管理，確保數據的一致性。簡化開發：通過SQL映射文件或注解，簡化了數據庫操作，而提供了靈活的Web開發支持，整合后可以更便捷地進行全棧開發。
整體而言，SSM框架的整合借助了各自框架的優勢，致使開發者可以更高效、便捷地建立和管理應用程序。
后端框架Vue
Vue.js的核心是虛擬DOM技術。虛擬DOM是一個顯存中的數據結構，它可以幫助Vue.js實現高效的DOM操作，它采用了響應式數據綁定、虛擬DOM、組件化等現代化技術，為開發者提供了一種靈活、高效、易于維護的開發模式，當數據發生變化時，UI也會手動更新，這樣就促使開發者可以愈發專注于數據處理，而不是自動更新UI，這就是Vue彰顯下來的簡約，靈活，高效。
數據庫MySQL（MyQuery）
MySQL是一種開源的關系型數據庫管理系統（RDBMS），廣泛應用于Web應用程序的前端開發、數據儲存和檢索等方面.MySQL是一個開源的數據庫管理系統，意味著用戶可以免費使用、修改和分發它的源代碼。這促使MySQL成為許多開發者和組織的首選數據庫系統之一。MySQL提供了跨多個平臺的支持，可以在不同的操作系統上運行，包括、Linux、macOS等。這為開發者提供了更大的靈活性，致使MySQL可以適用于各類不同的開發和布署環境。因為MySQL的開源性質，有龐大的社區支持和活躍的開發者社區。這促使用戶可以從豐富的文檔、論壇和其他資源中獲取幫助，而且有許多基于MySQL的工具和應用程序可供使用。
微信小程序
微信小程序是一種在微信平臺上運行的大型應用程序，用戶可以在不須要下載安裝的情況下直接在微信中使用。以下是關于微信小程序的一些基本信息：微信小程序主要使用兩種編程語言，即WXML（）和WXSS（Style）。WXML類似于HTML，用于描述小程序的結構，而WXSS類似于CSS，用于描述小程序的款式。
微信提供了專門的小程序開發工具，開發者可以在這個工具中進行小程序的開發、調試和預覽。該工具集成了代碼編輯、實時預覽、調試等功能，便捷開發者進行小程序開發。
一個微信小程序一般由頁面、組件、JS腳本、WXML模板、WXSS款式等組成。小程序的整體構架采用了模塊化的設計，便捷開發者進行組件化開發和維護。
微信小程序有自己的生命周期，包括、、等風波，開發者可以在不同的生命周期中執行相應的操作。
微信小程序提供了一系列的API，囊括了網路懇求、數據緩存、設備信息獲取、地理位置、支付等多個方面。開發者可以通過這種API實現小程序的各類功能。
微信小程序在聯通應用開發領域有著廣泛的應用，尤其適用于這些不須要復雜安裝和卸載流程的場景。開發者可以通過微信公眾平臺申請小程序帳號，開始開發自己的小程序。
具體實現截圖
詳盡視頻演示
請聯系我獲取更詳盡的演示視頻
系統測試
從多個角度進行測試找到系統中存在的問題是本系統首要的測試目的本地外賣小程序，通過功能測試找尋出系統缺陷并改正，確保系統沒有缺陷。在測試過程中證明系統滿足顧客需求，發覺問題和不足及時改正。測試完成以后得出測試推論。
系統測試目的
在校園外賣平臺的開發周期中，系統測試是必不可少且考驗耐心的過程。其重要性在于，它是保證系統質量和牢固性的最后一道關，也是整個系統開發過程的最后一次復查。
系統測試主要是為了防止用戶在使用時發生問題，提高用戶體驗感，為了不影響用戶的使用，我們須要從多角度、多思路去考慮系統可能碰到的問題，通過不同的模擬場景來發覺缺陷并解決問題。在測試的過程中也可以了解到該系統的質量情況，系統功能是否完善，系統邏輯是否順暢。一個合格的系統測試過程完成后將大大提高系統質量和使用感。測試的目標是驗證系統是否符合需求尺寸說明書的定義，并找出與需求尺寸說明書不符合或與之沖突的內容。測試過程中一定站在用戶的角度考慮問題，防止一些不切實際的場景，浪費測試時間，進而可能會導致問題引致預期結果與實際結果不符。
系統功能測試
對系統功能模塊進行測試，通過點擊、輸入邊界值和必填項非必填項的驗證等方式進行一系列的黑盒測試。通過編撰測試用例，依照測試用例中的內容進行測試，最后得出測試推論。
登陸功能測試方案：當須要登陸該系統時，通過帳戶密碼等功能點進行驗證，用戶在輸入時須要輸入與數據庫顯存儲的數據匹配的內容，當其中某項輸入錯誤時系統將提示輸入錯誤。此界面對角色權限也有相應的校準本地外賣小程序，當用戶角色的賬號選擇管理員角色登陸時，也會報錯。登陸功能測試用諸如下表所示。
輸入數據預期結果實際結果結果剖析
用戶名：密碼：驗證碼：正確輸入
登錄系統
成功登錄系統
和計算結果一樣
用戶名：密碼：驗證碼：正確輸入
密碼錯誤
密碼錯誤，請重新輸入密碼
和計算結果一樣
用戶名：密碼：驗證碼：錯誤輸入
驗證碼錯誤
驗證碼信息錯誤
和計算結果一樣
用戶名：空密碼：驗證碼：正確輸入
用戶名必填
請輸入用戶名
和計算結果一樣
用戶名：密碼：空驗證碼：正確輸入
密碼錯誤
密碼錯誤，請重新輸入密碼
和計算結果一樣
用戶管理功能測試方案：用戶管理主要有添加、編輯、刪除、查找用戶功能。添加用戶時，必填項不填，檢驗系統是否有非空檢驗；添加已有的用戶信息，檢驗是否提示用戶名已被使用；刪掉用戶信息，系統將檢驗是否進行此操作；修改用戶信息，修改用戶信息后頁面是否可以展示下來。用戶管理測試用例如下表所示。
輸入數據預期結果實際結果結果剖析
填入用戶基本信息
添加成功，在用戶列表中顯示
該用戶出現在在列表中
和計算結果一樣
更改用戶信息
編輯成功，更改信息成功被更改
用戶信息被更改
和計算結果一樣
選中刪掉用戶
系統尋問是否刪掉用戶，確認后用戶被刪掉驗證碼信息錯誤
系統尋問是否刪掉用戶，確認后查找不到用戶信息
和計算結果一樣
添加用戶時不填用戶名
提示用戶名不能為空
提示用戶名不能為空
和計算結果一樣
填入已有用戶名
添加失敗，提示用戶名重復
添加失敗，提示用戶名重復
和計算結果一樣
系統測試推論
本系統主要使用黑盒測試，通過模擬用戶使用系統實現各個功能編撰測試用例，并進行測試。以確保系統流程的正確性。系統測試必不可少，可以使系統愈發建立，該系統的可使用性也會更高。
測試該系統主要為了驗證系統的功能模塊是否滿足我們最初的設計理念，驗證各個功能模塊邏輯是否正確，此系統不須要過分復雜的邏輯處理，以易于使用者操作。測試的最終目的也是圍繞著用戶使用展開。測試過程中所有場景都應符合用戶需求，不可偏離需求目標，碰到問題時要站在用戶的角度進行思索。經過一系列的測試過程后得到最終的測試結果，從測試結果可以看出，實現的系統在功能和性能方面滿足設計要求。
代碼參考
@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
if(user==null || !user.getPassword().equals(password)) {
return R.error("賬號或密碼不正確");
}
String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
return R.ok().put("token", token);
}
@Override
public String generateToken(Long userid,String username, String tableName, String role) {
TokenEntity tokenEntity = this.selectOne(new EntityWrapper<TokenEntity>().eq("userid", userid).eq("role", role));
String token = CommonUtil.getRandomString(32);
Calendar cal = Calendar.getInstance();
cal.setTime(new Date());
cal.add(Calendar.HOUR_OF_DAY, 1);
if(tokenEntity!=null) {
tokenEntity.setToken(token);
tokenEntity.setExpiratedtime(cal.getTime());
this.updateById(tokenEntity);
} else {
this.insert(new TokenEntity(userid,username, tableName, role, token, cal.getTime()));
}
return token;
}
/**
* 權限(Token)驗證
*/
@Component
public class AuthorizationInterceptor implements HandlerInterceptor {
public static final String LOGIN_TOKEN_KEY = "Token";
@Autowired
private TokenService tokenService;
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
//支持跨域請求
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization");
response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
// 跨域時會首先發送一個OPTIONS請求，這里我們給OPTIONS請求直接返回正常狀態
if (request.getMethod().equals(RequestMethod.OPTIONS.name())) {
response.setStatus(HttpStatus.OK.value());
return false;
}
IgnoreAuth annotation;
if (handler instanceof HandlerMethod) {
annotation = ((HandlerMethod) handler).getMethodAnnotation(IgnoreAuth.class);
} else {
return true;
}
//從header中獲取token
String token = request.getHeader(LOGIN_TOKEN_KEY);
/**
* 不需要驗證權限的方法直接放過
*/
if(annotation!=null) {
return true;
}
TokenEntity tokenEntity = null;
if(StringUtils.isNotBlank(token)) {
tokenEntity = tokenService.getTokenEntity(token);
}
if(tokenEntity != null) {
request.getSession().setAttribute("userId", tokenEntity.getUserid());
request.getSession().setAttribute("role", tokenEntity.getRole());
request.getSession().setAttribute("tableName", tokenEntity.getTablename());
request.getSession().setAttribute("username", tokenEntity.getUsername());
return true;
}
PrintWriter writer = null;
response.setCharacterEncoding("UTF-8");
response.setContentType("application/json; charset=utf-8");
try {
writer = response.getWriter();
writer.print(JSONObject.toJSONString(R.error(401, "請先登錄")));
} finally {
if(writer != null){
writer.close();
}
}
// throw new EIException("請先登錄", 401);
return false;
}
}
數據庫參考
-- ----------------------------
-- Table structure for token
-- ----------------------------
DROP TABLE IF EXISTS `token`;
CREATE TABLE `token` (
`id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '主鍵',
`userid` bigint(20) NOT NULL COMMENT '用戶id',
`username` varchar(100) NOT NULL COMMENT '用戶名',
`tablename` varchar(100) DEFAULT NULL COMMENT '表名',
`role` varchar(100) DEFAULT NULL COMMENT '角色',
`token` varchar(200) NOT NULL COMMENT '密碼',
`addtime` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '新增時間',
`expiratedtime` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '過期時間',
PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=27 DEFAULT CHARSET=utf8 ROW_FORMAT=COMPACT COMMENT='token表';
-- ----------------------------
-- Records of token
-- ----------------------------
INSERT INTO `token` VALUES ('9', '23', 'cd01', 'xuesheng', '學生', 'al6svx5qkei1wljry5o1npswhdpqcpcg', '2023-02-23 21:46:45', '2023-03-15 14:01:36');
INSERT INTO `token` VALUES ('10', '11', 'xh01', 'xuesheng', '學生', 'fahmrd9bkhqy04sq0fzrl4h9m86cu6kx', '2023-02-27 18:33:52', '2023-03-17 18:27:42');
INSERT INTO `token` VALUES ('11', '17', 'ch01', 'xuesheng', '學生', 'u5km44scxvzuv5yumdah2lhva0gp4393', '2023-02-27 18:46:19', '2023-02-27 19:48:58');
INSERT INTO `token` VALUES ('12', '1', 'admin', 'users', '管理員', 'h1pqzsb9bldh93m92j9m2sljy9bt1wdh', '2023-02-27 19:37:01', '2023-03-17 18:23:02');
INSERT INTO `token` VALUES ('13', '21', 'xiaohao', 'shezhang', '社長', 'zdm7j8h1wnfe27pkxyiuzvxxy27ykl2a', '2023-02-27 19:38:07', '2023-03-17 18:25:20');
INSERT INTO `token` VALUES ('14', '27', 'djy01', 'xuesheng', '學生', 'g3teq4335pe21nwuwj2sqkrpqoabqomm', '2023-03-15 12:56:17', '2023-03-15 14:00:16');
INSERT INTO `token` VALUES ('15', '29', 'dajiyue', 'shezhang', '社長', '0vb1x9xn7riewlp5ddma5ro7lp4u8m9j', '2023-03-15 12:58:08', '2023-03-15 14:03:48');
源碼獲取
私信聯系獲取源碼！！！！！！個性訂制也可以哦~
免責聲明：部分文章信息來源于網絡以及網友投稿，本站只負責對文章進行整理、排版、編輯，出于傳遞更多信息之目的，并不意味著贊同其觀點或證實其內容的真實性，如本站文章和轉稿涉及版權等問題，請作者在及時聯系本站，我們會盡快為您處理。
