摘 要：为解决高校高峰时段就餐拥挤的问题，利用外卖平台和现代信息技术打造便捷的用餐环境势在必行。文章依托微信小程序来构建“人人都是捎带者”的校园订餐系统，该系统由在校师生注册并选择就近捎带服务。系统前端采用 uni-app 框架，通过 Vue 构建用户界面，利用 pages.json 文件对 uni-app 进行全局配置，通过 uni-app 的组件完成页面布局与内容搭建。
关键词：订餐系统；uni-app；前端设计
DOI:10.19850/j.cnki.2096-4706.2022.03.004
基金项目：2021 年度校级科技计划项目（2021KJ14）
中图分类号：TP311 文献标识码：A 文章编号：2096-4706（2022）03-0014-04
Front End Design of “Ask for Taking” Campus Meal Ordering System
ZHANG Qiaoling
(School of Design and Art, Shandong Huayu University of Technology, Dezhou 253034, China)
Abstract: In order to solve the problem of crowded dining in Colleges and universities during peak hours, it is imperative to create a convenient dining environment by using takeout platform and modern information technology. This paper builds a campus meal ordering system of “everyone is a carrier” based on WeChat applet. The system is registered by school teachers and students and chooses the nearest carrier service. The front end of the system adopts the uni-app framework, constructs the user interface through Vue, uses pages. json file to globally configure the uni-app, and completes the page layout and content construction through the components of the uni-app.
Keywords: meal ordering system; uni-app; front end design
参考文献：
[1] 张巧岭 . 校园订餐系统设计 [J]. 电子世界，2021（20）：162-163.
[2] 张静，刘秋兰，李孜淇 . 基于 uni-app 框架的健康校园APP 设计与实现 [J]. 电子技术与软件工程，2021（19）：34-36.
[3] 廖黎莉，王磊，李太，等 . 基于 uni-app 框架的校园极简生活跨平台移动应用的设计与实现 [J]. 无线互联科技，2021，18（12）：38-40.
[4] 许溜溜 . 基于 HBuilder 快速开发移动端 APP 的设计与实现 [J]. 电脑知识与技术，2020，16（10）：74-75.
[5] 李梓瑶，舒后，宋玮 . 基于 HBuilder 的冬奥会新闻小程序的设计与实现 [J]. 北京印刷学院学报，2021，29（12）：161-164.
作者简介：张巧岭（1989—）。女，汉族，山东德州人，讲师，本科，研究方向：数字媒体技术、程序设计。