经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » 微信小程序 » 查看文章
微信小程序开发之实现食堂点餐系统
来源:jb51  时间:2023/1/16 9:16:05  对本文有异议

一、项目展示

这是一款娱乐性的小程序

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

用户可以选择不同的院校

并设置不同餐厅的概率

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

二、操作流程和核心代码

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

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

并可以删去不想去的食堂

最后点击指引方向

便可以得出想去的食堂

院校信息修改

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

  1. data: {
  2. schoolList:['北京大学','浙江大学'],
  3. schoolSelected: '北京大学',
  4. refectoryList:{
  5. '北京大学': [{
  6. name: '农园一层',
  7. ratio: 1
  8. }, {
  9. name: '农园二层',
  10. ratio: 1
  11. },{
  12. name: '燕南',
  13. ratio: 1
  14. },{
  15. name: '学一',
  16. ratio: 1
  17. },{
  18. name: '学五',
  19. ratio: 1
  20. },{
  21. name: '勺园',
  22. ratio: 1
  23. },{
  24. name: '艺园',
  25. ratio: 1
  26. },{
  27. name: '畅春新园',
  28. ratio: 1
  29. }],
  30. '浙江大学': [{
  31. name: '海宁食堂',
  32. ratio: 1
  33. },{
  34. name: '民族餐厅',
  35. ratio: 1
  36. },{
  37. name: '玉泉食堂',
  38. ratio: 1
  39. },{
  40. name: '清真餐厅',
  41. ratio: 1
  42. },{
  43. name: '留学生食堂',
  44. ratio: 1
  45. }]
  46. },
  47. refectorys: [{
  48. name: '农园一层',
  49. ratio: 1
  50. }, {
  51. name: '农园二层',
  52. ratio: 1
  53. },{
  54. name: '燕南',
  55. ratio: 1
  56. },{
  57. name: '学一',
  58. ratio: 1
  59. },{
  60. name: '学五',
  61. ratio: 1
  62. },{
  63. name: '勺园',
  64. ratio: 1
  65. },{
  66. name: '艺园',
  67. ratio: 1
  68. },{
  69. name: '畅春新园',
  70. ratio: 1
  71. }],
  72. selectedRefectory: null,
  73. ratioList: ['1倍概率','2倍概率','3倍概率','4倍概率','5倍概率'],
  74. userInfo: {}
  75. },

三、效果展示

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

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号