“求捎带”校园订餐系统前端设计

Front End Design of“Ask for Taking”Campus Meal Ordering System

为解决高校高峰时段就餐拥挤的问题,利用外卖平台和现代信息技术打造便捷的用餐环境势在必行。文章依托微信小程序来构建“人人都是捎带者”的校园订餐系统,该系统由在校师生注册并选择就近捎带服务。系统前端采用uni-app框架,通过Vue构建用户界面,利用pages.json文件对uni-app进行全局配置,通过uni-app的组件完成页面布局与内容搭建。

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.