小程序之吸星大法-搬部分页面为我用--【浅入深出系列004】-CSDN博客

本文链接：https://blog.csdn.net/dearmite/article/details/131820106

微信目录集链接在此：

详细解析黑马微信小程序视频–【思维导图知识范围】	难度★✰✰✰✰

不会导入/打开小程序的看这里：参考

让别人的小程序长成自己的样子-更换window上下颜色–【浅入深出系列001】

文章目录

本系列校训
学习资源的选择
啥叫开发
选择目标
步骤
到原项目里将页面放到底部标签里
最后的项目（关上冰箱门）
配套资源
作业：（难度★★✫✰✰）

本系列校训

用免费公开视频，卷飞培训班哈人！打死不报班，赚钱靠狠干！
只要自己有电脑，前后项目都能搞！N年苦学无人问，一朝成名天下知！

学习资源的选择

黑马程序员微信小程序开发前端教程_零基础玩转微信小程序（130集）
https://www.bilibili.com/video/BV1nE41117BQ/
目录如下：
…
P303-微信小程序的环境准备08:21 00:00 到 05：16 获取APPid, 后面下载开发工具。

啥叫开发

在这里插入图片描述
那我刚好就看到别人有很漂亮的一个页面，比我的那个页面要漂亮太多。那我要是不“参考参考”我不是感觉亏了一个亿？
你们做软件开发的是不是都是抄别人的？源代码复制粘贴一下就出来了，还收我们这么贵的费用，真是太不道德了！
听完这个我哭笑不得，确实，网上有很多这样的段子，说开发APP就是这个抄那个，那个抄这个的。其实站在程序员的角度，的确有80%的代码都是复制粘贴的，剩下可能只有20%是程序员自己花精力、花时间写出来的。
但是你有没有想过一个程序员从他的毕业到他工作，至少要有五年的工作经验，才有机会、才有能力接这个外包开发，你看似简单的复制粘贴，是程序员花了多年寒窗苦读，外加多年的工作经验换来的。
讲一个故事：
1923年，美国福特公司的一台大型电机发生了故障。为了查清原因排除故障，公司将电机工程师协会的专家们请来“会诊”，但一连数月毫无收获。后来，他们请来移居美国的德国科学家斯坦敏茨。斯坦敏茨在电机旁搭了座帐篷住下来，忙碌了两天两夜。最后，他在电机旁用粉笔画了一道线，吩咐说：“打开电机把此处的线圈减少16匝，故障就可排除。”工程师们照办了，电机果然运转正常。结账时，斯坦敏茨向福特公司索要1万美金的酬金。有人说：“你只是用粉笔画了一条线凭什么值1万美金？这简直是敲诈勒索！” 斯坦敏茨莞尔一笑，随即在付款单上写下这样一句话：“用粉笔画一条线值1美金。知道在那里画线值9999美金。
所以，同样的复制C，粘贴V。别人能让项目正常的运转，而你复制C，粘贴V之后，可能会让正常的项目出现错误。

选择目标

这里有两个项目，右侧就是我相中的啥啥都有。怎么看都比左侧的顺眼。好了，我打算使用失传多年的绝学–吸星大法，将整个页面大移植！
在这里插入图片描述

步骤

第一步，把冰箱门打开，第二步把大象放进去，第三步，关上冰箱门。齐活！就是这么的自然。
错了，重来。

第一步，把原项目打开。

在这里插入图片描述

先改动一下最显眼的代码验证页面

比如删掉一个代码块。再比如，修改测试两个字，或者是普通会员改成普通A会员。（过程略）

再打开目标项目。（找到大象）

在这里插入图片描述
同样的方法，还是先要确认代码是不是就是这个要展示的页面。通过修改余额，积分，或积分签到等最易检验页面改动的地方。记得改过之过，要保存，一般来说保存了之页，微信开发者平台会自动编译，呈现最新的改动。然后，确认了之后，再把文字改回去
很多的时候，一些程序员感觉这一步有些多余。但是实际上，操作熟练之后，几乎就是一分钟的事情。一旦养成了这种习惯，就是修改代码先确认页面的习惯，后面的项目开发会让你很顺利。

第三步狸猫换太子（把大象放进冰箱）

在这里插入图片描述

都打开了，双方的资源管理器了。那还说啥？CV吧。

要注意的是，还要把资源的文件也复制过去。

不然会报错的。
在这里插入图片描述

到原项目里将页面放到底部标签里

注意这里的代码

{
        "pagePath": "pages/user/index/index",
        "iconPath": "img/my.png",
        "selectedIconPath": "img/my1.png",
        "text": "我的"
      }

改成：

 {
        "pagePath": "pages/person/person",
        "iconPath": "img/my.png",
        "selectedIconPath": "img/my1.png",
        "text": "我的"
      }

同时还有在

 "pages": [
    "pages/home/index/index",
    "pages/scar/index/index",
    "pages/user/index/index",
    "pages/auth/auth"
  ],

加入这个页面
打开相应的JS文件。如：

"pages": [
    "pages/home/index/index",
    "pages/scar/index/index",
    "pages/user/index/index",
    "pages/person/person",
    "pages/auth/auth"
  ],