我的编程空间,编程开发者的网络收藏夹
学习永远不晚

微信小程序开发之实现食堂点餐系统

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

微信小程序开发之实现食堂点餐系统

一、项目展示

这是一款娱乐性的小程序

目的是为了解决大学生吃饭的选择困难症

用户可以选择不同的院校

并设置不同餐厅的概率

可以随机选出去哪个食堂吃饭

二、操作流程和核心代码

用户可以选择切换所在院校

同时用户可以设置每个食堂的概率

并可以删去不想去的食堂

最后点击指引方向

便可以得出想去的食堂

院校信息修改

对index.js文件中的refectoryList进行院校管理即可

  data: {
    schoolList:['北京大学','浙江大学'],
    schoolSelected: '北京大学',
    refectoryList:{
      '北京大学': [{
        name: '农园一层',
        ratio: 1
      }, {
        name: '农园二层',
        ratio: 1
      },{
        name: '燕南',
        ratio: 1
      },{
        name: '学一',
        ratio: 1
      },{
        name: '学五',
        ratio: 1
      },{
        name: '勺园',
        ratio: 1
      },{
        name: '艺园',
        ratio: 1
      },{
        name: '畅春新园',
        ratio: 1
      }],
      '浙江大学': [{
        name: '海宁食堂',
        ratio: 1
      },{
        name: '民族餐厅',
        ratio: 1
      },{
        name: '玉泉食堂',
        ratio: 1
      },{
        name: '清真餐厅',
        ratio: 1
      },{
        name: '留学生食堂',
        ratio: 1
      }]
    },
    refectorys: [{
        name: '农园一层',
        ratio: 1
      }, {
        name: '农园二层',
        ratio: 1
      },{
        name: '燕南',
        ratio: 1
      },{
        name: '学一',
        ratio: 1
      },{
        name: '学五',
        ratio: 1
      },{
        name: '勺园',
        ratio: 1
      },{
        name: '艺园',
        ratio: 1
      },{
        name: '畅春新园',
        ratio: 1
      }],
    selectedRefectory: null,
    ratioList: ['1倍概率','2倍概率','3倍概率','4倍概率','5倍概率'],
    userInfo: {}
  },

三、效果展示

到此这篇关于微信小程序开发之实现食堂点餐系统的文章就介绍到这了,更多相关小程序食堂点餐系统内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

微信小程序开发之实现食堂点餐系统

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

微信小程序开发之实现食堂点餐系统

这篇文章主要为大家详细介绍了如何通过微信小程序开发一个简单的食堂点餐系统,文中的示例代码讲解详细,感兴趣的小伙伴可以和小编一起学习一下
2023-01-14

微信小程序如何实现食堂点餐系统

本篇内容介绍了“微信小程序如何实现食堂点餐系统”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、项目展示这是一款娱乐性的小程序目的是为了解决
2023-07-05

微信小程序开发之实现记账本

这篇文章主要为大家详细介绍了如何通过微信小程序开发一个简单的记账本,文中的示例代码讲解详细,感兴趣的小伙伴可以和小编一起学习一下
2023-01-13

微信小程序如何实现点餐小程序左侧滑动菜单

这篇文章主要讲解了“微信小程序如何实现点餐小程序左侧滑动菜单”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序如何实现点餐小程序左侧滑动菜单”吧!效果图:一、初识scroll-view
2023-07-02

微信小程序开发之实现心情记事本

这篇文章主要为大家详细介绍了如何通过微信小程序开发一个简单的心情记事本,文中的示例代码讲解详细,感兴趣的小伙伴可以和小编一起学习一下
2023-01-11

微信小程序开发之实现摇色子游戏

这篇文章主要为大家详细介绍了如何通过微信小程序开发一个简单的摇色子游戏,文中的示例代码讲解详细,感兴趣的小伙伴可以和小编一起学习一下
2023-01-28

微信小程序仿携程系统如何开发

这篇文章主要介绍了微信小程序仿携程系统如何开发的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序仿携程系统如何开发文章都会有所收获,下面我们一起来看看吧。查询功能的实现1.首先需要在查询之前获取输入的所在
2023-06-26

编程热搜

目录