初探微信小程序仿美团应用开发实战

初识小程序,为它的小巧玲珑所吸引,不由得心血来潮。这不正是用户所需要的吗?既方便快捷,又不占手机内存。所以我下定决心要做出一个属于自己的小程序,然后赚钱、赚钱...当然现在只是学习阶段,所以先仿一个高端产品来挑战自我吧。说到高端,自然而然地就想到了美团。之后噼里啪啦一顿忙乎,终于做出了一点样子来,希望能为同为小白的同学们提供一些帮助和参考

现在我们进入正题:

开发工具:

  • 微信web开发者工具:官网即可下载,方便开发与调试。
  • 小程序API:官网文档,遇到不懂的地方多看几遍,基本能找到解决方法。
  • Easy Mock:一个提供虚拟数据接口的好帮手,尤其适合前端独立开发。

功能实现情况:

已实现的功能:

  • 主界面
  • 订单界面
  • 用户界面
  • 点菜界面
  • 定位界面

未实现的功能:

  • 大企业的产品毕竟复杂,目前只完成了主要功能,很多高阶功能还在开发计划中。

总结:本次仿制美团小程序的学习体验让我受益匪浅,希望能为其他小白提供一点帮助。

zip
wx_project_meituan-master.zip 预估大小:51个文件
folder
wx_project_meituan-master 文件夹
folder
meituan 文件夹
folder
workspace 文件夹
file
app.js 1KB
folder
utils 文件夹
file
util.js 481B
folder
pages 文件夹
folder
images 文件夹
file
2.png 3KB
file
home-selected.png 2KB
file
3.png 3KB
file
home.png 2KB
file
5.png 3KB
file
8.png 4KB
file
order-selected.png 2KB
file
order.png 2KB
file
6.png 3KB
file
search.png 472B
file
1.png 3KB
file
down.png 2KB
file
trolley.png 2KB
file
location.png 5KB
file
4.png 3KB
file
my-selected.png 2KB
file
my.png 2KB
file
7.png 3KB
file
screen.png 2KB
folder
my 文件夹
file
my.wxss 617B
file
my.wxml 374B
file
my.js 855B
file
my.json 126B
folder
menu 文件夹
file
menu.wxss 4KB
file
menu.wxml 755B
file
menu.js 2KB
file
menu.json 2B
folder
order 文件夹
file
order.wxml 1KB
file
order.wxss 1KB
file
order.js 1KB
file
order.json 132B
folder
location 文件夹
file
location.wxml 847B
file
location.json 138B
file
location.js 2KB
file
location.wxss 1KB
folder
common 文件夹
file
sort_list.wxml 711B
file
commentPage.wxml 690B
file
orderPage.wxml 2KB
folder
home 文件夹
file
home.wxml 4KB
file
home.js 6KB
file
home.json 2B
file
home.wxss 5KB
file
app.json 1KB
file
app.wxss 158B
file
README.md 15KB
folder
gif 文件夹
file
order.gif 419KB
file
GIF.gif 17KB
file
location.gif 224KB
file
home.gif 784KB
zip 文件大小:1.44MB