开局两分钟就卡住了

今天说下我怎么用三天硬搞出来一个能跑的小程序商城。一开始我觉得不就是个展示商品、能下单的玩意儿嘛能有多难？结果第一天上午就给我干懵了。

先得注册账号，选类型的时候头都大了，个人号？企业号？个体户？好家伙，跟考驾照选车型似的。折腾半天选了“个体户”（别问为问就是朋友借了个执照）。填完一堆资料，上传完证件，搓着手准备大干一场——结果审核等了俩钟头！急得我直抠手机壳。

开荒：点哪里都不对

好不容易后台进了微信开发者工具，界面跟走迷宫一样。“云开发”？“模板”？“代码片段”？感觉哪条路都是坑。心一横，直接选了“小程序项目”，空文件夹开局！建了个叫“狗蛋杂货铺”的项目（临时瞎起的）。

接下来才是真抓瞎。页面咋建？对着左边目录树右键点了十几下，才找到“新建Page”的选项。名字就起个“index”，心想这总该是首页了。结果打开一看，好家伙，一片雪白！啥也没有！想拖个按钮上去？做梦，得自己敲代码！

• 第一个大坑： 商品列表怎么摆？想着横着三排图片多好看，结果折腾半天css，排出来歪瓜裂枣的，要么挤成一团要么飞出屏幕。
• 第二个大坑： 图片死活加载不出来！本地图都放对了路径？后来才知道小程序里图片路径得写绝对路径，什么“/images/狗粮.jpg”，少个斜杠就给你脸色看。
• 第三个大坑： “加入购物车”按钮点了没反应！查了半天，发现绑定的点击事件函数名在JS文件里写错了字母，真是自己坑自己。

硬刚：跟数据库较上劲了

第二天想着搞数据库存商品。想着微信云开发省事，结果发现里面概念贼多：集合（就是表）、记录（就是一行数据）、字段名（就是表格里的表头）。随手建了个“products”集合，吭哧吭哧往里加了几条“狗粮”、“猫罐头”的数据。

想在前端显示出来？又是连环坑！

• 取数据怎么写？ *().collection('products').get({...})，一大串，手敲了三遍都报错。
• 取出来了数据塞哪？setData({ productList: * })，这一套流程记混了一步，页面就空给你看。
• 商品点进去看详情？又得建个详情页，还得学会在页面间传递参数，把商品id带过去，然后在新页面里根据id查数据库…脑子差点糊掉。

搞购物车更烦，用户选了啥商品、数量多少，都要存在本地或者缓存里，随时加减操作。加减按钮的逻辑、总价自动算的逻辑，写到想掀桌。特别是那个总价计算，没处理好异步更新，经常加了几次价格都不动，急死个人。

收尾：能跑就行别要求太高

第三天，基本能看能点了。想着收个尾：

• 用户登录？直接手机号授权登录，云开发自带方法，凑合能用就行，什么复杂的登录态维护，不考虑！
• 下单流程？搞个简陋的“填写地址”页面（地址管理？不存在，让用户自己打），然后点提交订单。后端逻辑？压根没写！就是模拟一下，把订单数据存到云数据库一个新集合里就算完事，反正客户也看不见后台！
• 支付？要了老命了！企业支付流程太复杂，直接加了个联系客服付款的按钮结束战斗！（别笑，先跑通再优化嘛）

赶在第三天晚上11点前，终于点了上传！提审的时候手都在抖，生怕审核员发现我这破玩意的支付功能是个摆设。万幸，第二天中午告诉我审核通过了！一个能看、能加点假数据、能模拟下单的小程序商城，真给我三天糊弄出来了。

后记：真实血泪教训

上线没两天，我妈成为了首位受害者。她兴冲冲想买袋猫粮，结果在购物车那里找不到加数量按钮，电话直接轰炸过来：“儿子！你这小程序是不是有毒！” 我一检查，差点晕过去——购物车页面忘写修改数量的按钮了…只能删了再加。用户：喵喵喵？