前端小程序openid怎么获取

好，大家好，我是变成小石头，你们四个，我们这个云函数获取数据库，我们这节千呼万唤始出来，是吧？我们终于可以变现我们的云函数了，还记得我们这个 get date， 我们创建好这个云函数， 其实编写原来说的话，他在哪呢？在这个要对特的这个 endex 点 gs 里面，一定要记得你编写的话都是在这个里面编写，他默认的话是给我们创建了这项，其实他默认创建的话他有一个什么？其实默认创建呢？他也算是一个很重要的一个功能，什么有很重要的功能，他可以获取我们这个 open id， 比如说我们这个该对一台这个云函数，下面创建成功的话，我们来看一下怎么调用。调用的话，我们这样我们先新建，再新建一个，新建一个文件吧，就比如说就叫，嗯，云函函数，云函数，对吧？云函数我们看一下，到这个里面我们点一下边影进入我们 云函数，闻到了这个云函数点 gs 里面还是全部先删除 p a g。 一，怎么快速写一下？因为写过很多遍了吗？我写个昂漏的， 一定要记得 l 一定要大小，再强调一遍，好吧，我们看一下云函数的调用该怎么调用云函数，云函数的调调调用是怎么写呢？我想代表差点可漏的点， 我们这个时候就不是点对着被子，而是点靠靠方形小括号，大括号，这样 我们看一下他这个是直接吊用的话，我们先这样写下，你想吊用哪个云？还说这里面有个内幕，一定要定义是 nam 一，这个一定要是内幕，然后单一行或者双一行都可以，然后写你这个该的对的最好。 好的话你是复制一下，比如说点一下重命名，然后把这个给复制 ctrl c， 然后这里面 ctrl v， 因为你自己要写的话可能会写错。这里面这这个时候其实相当于这个云海龙这个调用就已经写好了，哎，当然了，调用了他肯定要返回数据，对吧？返回数据的话，其实的话他是有两种的， 还记得我们讲数据库第一次查询的时候，我们是讲了两种实验方式，其实我们云韩若调用的也有两种实现方式，第一种的话就是一个传统的一个证明，比如这个里面是个 xs succ， 一 ss 是个赛事，然后这里面小括号，然后大括号，错了，小括号是 大块，是跟在小块后面的。这里面，这里面比如说点一个啊 es， 我们这里面是叫 conso， 点 log， 嗯，打印一下，就是叫什么呢？请求云，请求云函数成， 嗯公，然后的话是英文的那个逗号，然后打一下这个 is 啊，其实还对应的有一个失败 f a i l， 我们你比如说是 arer， 嗯，也可以打印一下，他放到这里面，请求云海人说失失失败。一二二，我们看一，哎，多了是吧？一二二， 我们把这个给看一下，我们点击一下，这时候比如我们点击一下编辑，我们看一下能不能请教我们这个云函数的一个数据 啊？我看下云函数，还有啊，我们这个边音模式要改成一个普通边音，因为我们这个时候想默认的进来是我们这个钓鱼还没有成功，我们展开看一下，再展开这个 i resort， 大家没有这个时候的话，我们返回了一个 open id， 你看一下这个 open id 和我们之前自己创建商品的时候这个 open id 是不是一样的？ 比如站到这里，好吧？你看下是 f q d s， f q d s， 你看所有的都是 f q d s， 对吧？如果你换个用户，他创建这个数据者，他肯定和这个 opad 是不一样的。也就说我们这个时候拿到这个 opad 其实是很重要的，就比如说我们后面想 超想知道，比如说这个用这个数据是谁谁创建，其实我们就能拿拿着 opad 能唯一的标识这个用户到底是有谁创建的。 好，这是我们的云韩书一个调用，云韩说调用，大家其实看一下是不是很简单，呃，当然的话这是我们一个传统的写法。呃，我这样吧，呃，哎呀，这样又一呃， 又要又要多加一个知识点了，因为我们这节本来是讲我们云寒说获取数据的，但这时候我们这节相对就加了一个什么，云寒说获取 opad， 那其实这里这地方已经 啊，当然这个地方是只是教大家是如何去编写这个云函数，我们这还是在这里面跟大家先加个知识点吧。你加知识点，这个怎么加呢？我看一下这样的话就要大改动了，大改动？我先改一下吧，我后面后面的这个编号再重新编一下，六杠三杠一，嗯，云云函数， 嗯，获取欧欧喷 id， 嗯的调用就直接要是云韩顺获取欧喷 id 吧。然后我们在里面跟大家写言的就是，呃呃，调用云函数，调用云函数，云函数有两 种，两种写法，然后第一个的话是一个传统的，嗯，第一个是叫传统的， 嗯， success 和 fal， 我们这样把这个写的代码的话跟大家在里面剪切放到这个里面，也就是传统的，大家记着是这样写的就可以了。我们这样 这是个传统的写法，传统的写法我之前有跟大家讲过吗？我们传统的写法还是那个瑞士，还有那个瑞士的一个问题，就比如说我跟大家举个例子，就比如说我们想在我们页面上，比如说显示个 oppo id， 好吧？比如我们这边先写一个， 把这里面就直接改一下吧，这里面我们直接是用那个 opad， o p e n i d o p e 喷 id openid， 对吧？你这里面 opid 我们拿到以后，我们到这个里面，比如说我们想把请求成功的这个 opid 复制到我们的页面上面，我们该怎么写呢？比如说我们可能说通俗来说，大家可能说直接这样类似点赛特，对特， 一定要记住这第一次大写小括号，大括号，然后的话 opad 我们用用了什么 is 点瑞加特，一层一层解吗？先解到这个瑞加特，瑞加特里面又一个 opad， 他就是点欧 o p a o p e n i d。 其实这样的话，大家可能说我们这样写就可以直接复制到我刷新的我们页面上，我们看一下四吗？ 事实上可能说不是这样的，我们看一下，哎，这个时候不仅刷新不到页面，还要跟我们报错，报错为什么呢？还是这个什么呢？一个易不这个问题也是我们用传统的四个菜车飞蛾时，我们这里面 不能直接写 res， 我们要在他的外面先这样写一下 rat 等于 res， 然后呢？这里面是用一个 rat， 为什么呢？因为你这个地方写，这次他是指像我们当前这个区域里面，因为当前这个区域里面他并没有猜到对的一个方法，我们主要是在配件下面需要用这个 lit 等于这个字的时候，我们再来看一下，我们这个时候就可以成功的刷新到我们这个页面上 opad， 对吧？所以说的话我这样刚才那个图剪切的，我们把这个给剪切一下吧， 这个是我们一个传统的写法，传统写法你必须得定一个 lit rat 等于 zs， 呃，这样的话我们放到这个里面，好吧？ 一个传统的一个写法，传统写法的话他其实相当于是有问题吗？我们第二种的话就是一个用我们的，呃，用一个 promis， 一普尔密斯的，一个写普尔密斯的写法就是我们的里面一个任何 c a t c a t k。 还记得我们之前讲那个数据库的时候怎么讲的吗？就比如这是我们第一种写法，对吧？第二种写法其实的话怎么说呢？是直接把这里面就不要了， 这种我就不要了，我们其实的话只需要这么些，然后的话还有上面这个 lita 等于瑞士也不要了，我们直接是什么一个，呃，这样写吧。点任 还记得我们真其实和我们呢是一模一样，和我们数据库的调用成功是一模一样的点，这还有点开启和我们数据库的时候，电影失败也是一模一样，点开启 as 等号，他他 我们打印一下，好吧？快速打印一下，认识有点老哥，直接写个成功吧，成功，然后还 is 一定要记得这个逗号是英文状态，一个逗号，好多同学写逗号都写个中文状态，逗号还报错，老师来问老师为什么，其实他是 英文状态有多少？然后这里面是失败，失，失败，我们这时候来看一下吧，点击一下变异，看一下能不能请求成功，先看，哎，请求成功了，对吧？我们这时候如果还是比如这的时候就可以直接写 res 点塞了，对的了， 其实你其实怎么说？能不能用这四点？三三三，其实你看一下我们这，当刚才写这个时候，他就一个字，那个代码提示 看呢？这个时候自动代码提示就说明这里面可以用，我们比如说还是 op e n i d， 然后这里面是 i s 点 i u 加特点 o p e n i d。 我们看一下，我们点击下变异能不能刷新到我们页面上， 哎，其实上面有有创新的页面，对吧？首先这个时候就是一个对比的，对比的话我这里面给大家粘贴一下，大家可以看一下我们第二种和第一种对比的话，他其实优势很明显，第一个 代码的话可能量稍微少一点。第二个我们可以直接在请求成功直接用瑞士点拆的对他，而不再是先这个 let zit 等于瑞士，然后再是 zit 点塞对他了，好，第二种的话我们放到这个里面，好吧， 好，这样的话我这一节的话就先跟大家先讲到这里，好吧，我们这个后球拍的的话像一个插，跟大家插播一个知识点吧，并且的话我们这两种方式就跟大家对比一下，对吧？大家看见没有？又对比一下，我们下一节的话就来真正的去获取我们云南话的数据库了，好吧？这节先到这里，谢谢大家。

大家好，我是老王，这节课我给大家讲一下主页这边的啊，这是我的页面登录页，这边特别写啊，包括登录和退出登录，我给大家演示一下， 就点击退出登录后，这边会显示登录，然后点击登录之后允许会显示出自己的 id 和这个头像，这个是一个公告， 这个是通知页啊，管理页，这个管理页，呃，接下来我会添加权限，只有管理员 才能看到，一般人越是看不到的。这个复制欧本 id， 还有这个商务合作啊，这个调软， 这个就讲一下这 好的，我给大家看一下 一些需要调整的地方， 先从那咱们就先从这个 app 点这层开始看吧，大家找一下 app 点这层， app 点这层， 刚才大家可以看到这个系统也和这个管理还有这个商务合作，都会跳到他独立的页面， 那咱们就在这边写上这个阿德维斯、德米，还有这个这三个页面靠晒死，然后这边就会出现对应的对应的文件。 这边这边是，我不知道大家记不记得这边是关于外层组界的一些外层组界，库组界的一些组界的配置，这是我把我用的一些东西都拿过来了，这些东西 是我另一个项目用的，我直接靠背过来了，嗯，这个项目啊，这个项目写的就比较久了，写了将近 六个月还没有写完。嗯，我直接把那个拿过来了，这个是底部菜单啊， 这边 app 点 j 三的代码我已经放过来了，放到这边了， app 点 j 三啊，接下来讲一下 app 点 gs 这个地方有一些小的改动啊， app 点 gs 里面加了一个云开发环境初始化，云开发环境初始化，这个地方大家得先写一下加上去，不过你这个，这个是云开发环境的 id， 大家不能用这个，你得用你自己的，你不能用我的 得来登录，登录之后用自己的。我说一下怎么拿到这个永开发环境的 id 啊？咱们点击一下永开发这边，我不知， 我不知道大家那是什么情况，嗯，我这个已经注册挺久了，他有一个免费的额度啊，大家开发的话应该是够用的。我，我这个当初啊，我这个东西就比较 比较多了，因为我另一个项目使用的 也挺便宜的，我记得当初我充了十块钱，现在好像都没有用完，六个月，现在都没有用完，大家可以试一下。 呃，跳到这个页面之后点击这个设置，然后他这会出现一个滑稽 id， 大家点击一下，已经复制了 到这个华家 id 之后，把它粘贴到这个地方，把它粘贴到这个地方就可以了，这我也做了相对应的记录，也就一点， gs 这个地方。对，大家就在这写之，写自己的开发环境的 id。 这是怎么拿 ig id 啊？刚才已经讲了，下面看一下。哎呦，下面看一下哪去了？下面看一下这个咱们这个页面， 咱们这个页面的代码，这个页面是我的，他是 homm 键， 咱们找红点大陆 xm 这个里面是这边的一些结构， 大家可以借他看一下，因为这个是后面的这个背景，背景图片啊， 这个万这个东西是这个像啊，这个呢， 我给大家看一下，这个是我为了好看一点，我为了好看一点，因为我的我的名称比较短，我为了好看一点，所以把它注视掉了。写，画上这个画上了，写死了。这个我给大家看下这个 对，正常情况下拿到的 是自己微信的昵称，推出拿到是自己微信的昵称，我觉得这个我这太短了，大家不要注视我，注视掉就可以了。 我，我想要一个长一点。中越工作室本来打算做的是一个小说的小程序，关于小说工作室的小程序，咱们换一个名字叫啥好呢？呃， 叫叫叫老年啊，艺术团。 哎呦，老年艺术团。嗯， 老王是艺术团的团长啊，艺术团好，下面是登录啊，这加了一个判断， 加了个判断，没登录的时候显示登录，登录之后就是显示这个 啊，下面这个是下面的这个公告啊，公告的内容是这的，后期的话会在管理里面加一个发布公告的东西，他会直接渲染到这个地方， 这个是通知管理， 就简单写了一个框架吧操作。然后下面是一个管理，这个管理这个地方主要就是 是管理一些缺陷的缺陷的，因为啊，因为不因为做后台的话比较麻烦了，那样就还得单独写一个管理系统，很麻烦，所以我把这个缺陷什么的写到一块去了。 后面的话这个管理只有啊，只有只有管理员可以看到，其他人是看不到的，这里可以设置管理员和删除管理员。 这个是一个 oppo id， 后面也是有用的。现在不提这个商务合作这个东西 啊，在管理里面也会有一个。呃，发布的，嗯，他是使用了小程序的一个 啊文本啊来写的。这个东西后面也会提到的，我给大家说一下，就是这边代码的情况，把这个呃 后 wxml 这个也复制到这边来了，这不是，对，也复制到这边来的，还有 wxs 样式也复制过来了， 样式也复制过来了，还有这个，对，还有这个 点 gs， 点 gs 十看啊，也放过去了，这个点 gs 里面 一下 就是这个地方得注意一下获取用户 oppo id 啊，他这里是用了一个游函数。嗯，下一节课的话我讲一下这个用函数吧。嗯，这个地方得注意一下， 哦，对了，这个视频呢，我会发到那个 b 站，还有呃头条上面， 呃关于资料的话，关于这些资料，哦，不，这个关于这些资料的话， 关于这些资料我也都会发过去的，我会发到头条上面。 csdn 啊，我看能不能发把。 csdn 我会发到头条上面， 这是我的头条啊，王大牙音乐，对，这个地方我会发上去的，视频和那个呃资料我都会发过来的，大家有问题的话可以发给我，我有时间会帮大家看一下的啊。 好的，这节课就到此结束，谢谢大家。

就可以在我们手机上直接点那个扫一扫，大家看到我这个时候，其实手机手机扫一扫也是已经出来了，可以扫一扫也出来，然后我们扫二维码，自己在哪扫呢？到我们那个配套的百度网盘里面，在我们这个原码里面，老师就把这个就是桌号的这个 这个一号桌这个二维码，然后跟大家贴出来，大家只需要扫描这个二维码，大家看到没有？我扫描完以后，然后我就进入到了我这个就菜单栏，就可以实现点餐时间。点餐的时候我们这时候来，比如说我们点黑米粥， 比如说两碗黑米粥吧，然后我们这时候就点选好了，我们这时候就可以进入进入我们这个点餐页，比如说 这这里面写，呃，就算人数是二，然后两碗黑米粥，哎，不对，这因为大家看到这个六份，因为我之前有点过黑米粥，我们来大家看一下这块，我黑米粥是一下有六，有六份，我们来减少两，减少几个，我们只点两份就可以。

大家好，我们一起来简单看一下在微信小程序中，前后单如何去实现我们的一个授权登录。比如说我在这里点击到登录之后，这里会去请求微信去拿到我们的用户信息，然后我们来看一下前单的一个代码如何实现。 在前端给他一个按钮，然后点击这个按钮的时候会触发这个方法，然后这个方法里面会去执行这一系列逻辑。像前面这坨是 undapp 里面自带的一个方法，我们可以来看一下， 在这里我们用的 app， 这里会有个第三方服务，然后这里有个登录，然后这里就是相关的一些，就是我们的一个授权认真的方法的，也就是我们这里的这一些方法。 当前段拿到扣的时候，我们就可以去请求后段借口，在后段的代码比较简单，当我们拿到扣的时，可以通过这么一个方法，然后我们就可以去调用，去拿到相应的一个结果，然后这个结 里面就有相应的 oppo id 了，这时候我们就可以去注册用户去处理我们相应的业务逻辑了。这个方法是通过我们使用微商家网这么一个工具包来实现的，相当于是帮我们去封装了微信原声的一些方法，于是在这里我们可以进来看一下， 在这里会请求我们微信的这么一个接口，我们可以去看一下，这里复制下，然后我们到微信的一个官网来看一下， 在这里微信里面会有这么一个登录，然后这里有一个扣的 qc 信，然后我们就可以通过这个方法去进行相关的调用，然后我们来看下效果吧，在这里点击授权登录， 然后我们去允许一下，这时候后端接收到前端提交的扣斗值，然后我们调用这个方法就可以去拿到最终的一个 oppo id 了。然后我们来看下前端，在用户点击允许之后，其实前端是能拿到我们的 一个用户信息，然后以及我们这里需要的一个扣的值，通过拿到这个扣的再提交给后单，然后后单就会将我们的用户信息保存到我们的数据库中，再将需要的一些信息再返给前单，然后前单就可以去做我们自己的一个业务逻辑了， 可以看到后端只需要这么一行代码就可以去拿到我们的欧牌滴了，是不是比较简单？你给得到了吗？

如何导入小程序前端圆码？ 登录微信开发者工具， 打开小程序前端圆满文件家， 输入小程序 id， 确定导入， 修改一下小程序前端代码里的域名， 下一期视频配置后台 前端就设置好啦。

大家好，最近在学习简单小程序开发，是用 unipp 写的，然后之前也给大家分享过一个奶茶小程序，我这个学习代表就是参考的一个奶茶小程序进行开发的，然后来看一下我现在的一个实现效果，在这里我们在点餐页面可以去选择合适的分类，然后在右边我们可以去选择相应的一个规格， 选择他的一个属性，然后加入购物车，比如说我们再选择一个拿着你加入的购物车，然后我们可以去付款， 这里是关联的商品，然后我们在这里可以加一个备注，六六六，然后我们在这里创建订单，在这里我们可以查看订单详情，因为我没有对接身份证的一个支付，所以说我们在这里可以取消订单，这里会有个提示，订单已取消，确认一下，然后返回 这里，我们可以去查看当前的一个订单列表，比如说分到今日订单以及我们历史订单。通过在这里我们 可以点击进入订单详情页面返回，在这里我的里面可以去查看一下个人的资料，写的比较简单，这就是我最近断断续续花了一个星期左右去学习小程序开发写的一个学习内幕， 然后给大家分享一下我写 unapp 的一个开发步骤吧。首先我们要知道在相应的工具里面去如何创建项目，然后在项目里面去写一个简单的页面去感受一下， 然后我们在页面中可以去了解一下常用的弗雷克斯布局，去写点简单的样式，可以去参考一下已有的现成的一个 demo 去对比，先自己去写一下，然后再去看一下别人是如何写的，然后你和别人写的一个差距在哪里？ 传话去对比去学习。有了页面之后，我们就要试着去跟后端两个进行交互，比如说去发送一个简单的请求，然后这时候用那一批原声的请求，可能每次写的单码比较复杂， 这个时候我们可以去封装下请求，这样我们相应的代码就比较简单了。比如说我们要去请求加入后端的一个订单的表数据，我们就可以通过这么简行代码去发送相应的一个请求的。可以看到我写的代码都比较简单， 然后我们就可以去了解一下十多位去存储一下数据，比如说用户在登录之后，我们需要去存储一下用户信息，然后我们在其他页面中就可以通过这么银行代码去进行引用，比如说我要去拿取他的一个用户昵称，在之后我们可能要去了解一下分包。 我个人去学习开发的时候，是根据这么几个步骤去进行学习的，就可以通过用力 pp 快速上手去开发一个小程序了。这几个步骤中个人觉得比较难的是进行一个页面的布局，以及相应的一个钥匙排版， 其他的几个个人觉得都比较简单，如果按照一天八个小时算，基本上两天就可以去快速上手一个小程序开发了，其中一天的时间 我们会花在布局一样时，还有一天我们会去进行数据的一个请求交互。最后你们觉得后端有没有必要去学习前端呢？以上便是个人作为一个后端开发者去学习前端开发的一个步骤，你得到了吗？

好，今天跟大家分享一个如何在 uni apple 或者是微信小程序里获取用户端的 ip 地址，那么我们可以用到 uni apple 或者微信的 request 的方法来请求这个 a p i 地址，那么它会返回我们我们想要的信息。 好，我们可以看到他返回的信息有城市信息、经纬度信息以及 ip 地址信息等。好，今天的分享就是这些，谢谢您的观看。

我们在做小程序的时候，无论你是用优内 app 还是用原声小程序开发，我们的单位相同单位一定要用 rpx， 一定要用 rpx， 明白吧？然后我们能够不用 fixed， 不用定位的这种样式布局的就不要用。好吧？ 为什么我们做了一百多个小程序，理解吧，不用问为什么，干就完事了，好吧。

小程序开发在一些公司中可能是前端开发的主要工作内容。小程序开发既可以采用原声开发，也可以选择框架进行开发。如果是选择框架进行开发，这里推荐一个框架踏入 这个框架是一个开放式跨端跨框架解决方案。通过这个框架，我们可以开发出像微信、京东、百度、支付宝、字节跳动、 qq 飞书小程序以及 h 五 rn 等应用。这个框架支持 you 和 react 来进行开发。如果你的小程序只需要在微信上使用，可以使用微信原声开发。 但是如果你的小程序需要在很多平台都能使用，那么推荐使用 tarro。

各位学前端的小老板们，那这个视频呢，给大家分享的是有关于微信小程序的项目上线流程。 那首先呢，不管是通过原声的微小程序，还是通过 unif 去开发的这个微小程序，那么它的上线呢，几乎都是在它的开发者工具中，这儿有一个上传， 那么点击这个上传呢，它是有些先天的条件的，或者前置性一些条件，那目前呢，你看我这地方是点不了的，那所以说呢，在前置性呢，我们需要具备某些权限，比如第一 ipad， 第二开发者权限的这个身份， 这样情况下呢，你才可以做到这儿的一个上传，那么这 ipad id 呢，我们一般进公司以后呢，是由公司的负责人会给到我们，那我们可以在这看一下这个小程序的一个 ipad id， 好，我把它呢放到我们的这个地方，然后这儿呢有一个详情，有一个 ipad 修改 好，确定这时候修改完事以后呢，大家会发现这个上传其实就可以了啊，那其实呢还有第二步就是开发者身份，这开发者身份呢，就是我这登录的这个号，登录这个微信号，登录这个开发者工具，微信号 必须要在我这个后台里边，这有一个成员管理，然后在这呢是有我一个对应的这个号的啊，并且呢他是有对应的这个权限的，那这时候呢他才能去上传。 好，那么现在呢，我去点击这的上传，那么点击这上传呢，还有一个先天条件，就是我们做项目呢，我这是有个 demo， 那大家在做项目的过程中呢，肯定是 是项目比较大的，或者说他的页面比较多，那么会前置性呢，做一个分包，因为微信小程序呢，他是对于某一个包有上限的一个大小的，我们要把前置性的分包做好。那这个视频呢，我就先不演示一个分包了， 然后紧接着呢，我们下一步只需要在开发者工具点击这个上传就可以了。点击上传 好，然后这样呢，我们点击确定好，然后这样呢是我们的一个版本号啊，那我们在这呢就对应的版本号，然后这样呢可以输入一些备注，点击上传， 那这个时候呢，稍微等待一下啊，提示我上山成功，然后在我们这个后台里边，我们可以去看一下，这里有一个版本管理，那么在版本管理的这个地方就会有一个这样的一个版本啊，是我刚 提交的，我们可以看一下幺点零点幺三，是在现在我提交的， 那这是一个开发版，然后呢我点击这个提交审核，那就会让管理员呢去扫一个码，就会进入到审核版，等客服呢审核通过了，就正式的到线上的发布版了，也是我们搜到的那个版本啊，用户访问那个版本， 那么在面试的观众呢啊，有一些面试官可能会问你，比如说，哎，你审核的时候呢，不通过，有哪些原因啊？我觉得问这个问题呢，其实 没必要啊，这这个问题不能体现出来你的技术，只能说有些场景化东西，那大家可以去试想一下，有哪些原因导致你上来不成功呢？其实有很多这样呢，咱就不能啊，整体的把它全部罗列 在内，比如说我这小程序啊，是某一个行业的，然后呢，你在这个小程序里边加的功能可能已经脱离了现在这个行业，那这样情况下呢，可能就审核不通过，或者说呢里边有些不好东西存在，那这样情况下呢，也审核不通过 啊。所以就是如果你做的没有问题，那肯定就是 ok 的，如果做有问题，里边有些其他东西，那可能就会受阻。 这个呢有很多原因，对吧？比如分类的原因，对吧？里边有些不好的东西的原因啊，或者说有一些死的链接等等，这样的一些内容都会可能导致啊审核不通过。那具体原因我们具体要看 啊，大概就这意思啊，这是我们的一个小程序的这个项目上线的流程啊，就给大家说到这里。

做小程序开发一定要收好的网站，这个网站里面包含前端组件、模板以及插件等，内容丰富全面。别再傻乎乎的写购物车了，可以直接在搜索框搜索，选择自己需要的模板下载即可，省下的时间就可以摸鱼了。点赞、收藏学习吧！

好，我们继续来讲第三课，前端 a p p 的编译啊，好，我们前端 a p p 的话，我们要先打开后台，然后在这个系统 系统设置这边有最下面有一个 unipp 的配置啊，在这里我们要把这个信息填写一下，我们上节课呢，在说到这个，在这一步获取这个应应用标识的时候啊，我们 这边一定登录了一个账号啊，可以看到这个工具的左下角一定登录了一个账号，可以看到啊，然后我们点击浏览器，我们输入搜索这个 sd 啊，然后我们找到这个官网，进来以后我们点击这个，呃，开发者后台我们登录一下， 进来以后啊，可以看到我们这边有两个应用啊，呃，那么这个 a p p id 就是我们的应用标识，我们要对照一下，到 哪个是我们的啊？可以看到是，呃，四 d 八八六 c 五啊，啊，那么就是第一个啊，序号唯一的这个第一个，那么下面这个呢，我们就可以不用了啊，我们直接点击确定删除 啊，删除成功以后，我们点击这个修改把，这个用名称呢，可以随便改啊， 这里的应用名称它并不是我们 app 的名称，只是在我们这个开发者后台应用名称列表显示的名称啊，我们点一下这个应用名称，就可以进来到这个各平台信息成员管理，然后这个安卓的，呃，云端证书啊，我们点击一个创建证书，确定 让他先来创建啊，因为这一块需要时间。好，完了以后，我们这边要是编译的话啊，这是我们小程序，我们先把他小程序这一块关掉，因为我们小程序已经没有问题了啊， 然后我们再回到我们的 game 目录，我们把上节课备份的这个文件给他还放到这里面，放到这里面之后啊，可以看到啊，这边多了一个什么阿里云为关联云服务空间，这个时候 我们要点击还是再回到这个首页啊？在这个首页首页里面我们点击这个所有产品，然后点一下这个 uni cloud 啊，这个 j s 开发服务端，这个点击一下进来以后啊，正常的是这个界面，因为咱们没有登录，所以我们这边继续来输入我们刚刚的开发的账号和密码。 好，进来以后啊，你们正常呢是没有这个服务空间的，我们要点击这个新建服务空间，这边呢是可以创建一个免费的啊，我这边已经创建过了啊，然后你们这边呢随便输入一下名称 就可以了啊，就可以创建了，然后他这边呢是阿里云，要注意啊，是阿里云不要选择腾讯云啊。呃，创建完成以后呢，我们就得到一个这样的服务空间，然后我们点击后面这个详情， 然后这边有一个银函数啊，银对象，点进来以后啊，可以看到这边有一个普通银函数啊。 嗯，这边呢就是我们要注意啊，点击这个关联云服务器空间，他这边就会出现这样的一个服务空间的名称啊，我们是零零一啊，用的是零零一，点击关联，然后他们这边就会关联成功啊，然后呢要点击这个云服务器初始化向导啊， 他这边，然后点击下一步啊，然后部署什么云函数，公共模块一类的，点击开始部署，呃，可能有的人进来这个函数对象里面他是空的啊，这边操作一下这样这个流程，嗯，然后就可以正常显示了啊，好， 然后他这边就在上传了，你看一下有上传完成，你这边就会行刷新一下就会显示啊， 然后找到这个云函数，我们在后面点击详情，然后下面有一个云函数 u r 化，然后在这里呢，我们随便后面输入一个结尾，然后复制这个路径，来到后台，我们把这个云函数的地址 替换一下啊，然后这个 app id 开外，还有这个命要在哪里获取呢？是在我们这个应用信息啊， 就是我们这个我的应用应用信息这里面，然后左边列表这里有一个一键登录基础配置，然后在这里把我们这里的 appapi 的 id 啊放到这里，然后密要 填写一下啊， a p p 的 id 就是这个，我们填写一下，然后保存，保存以后啊，要注意 这一块啊，就没什么要改的了，因为我们之前这个接口文件这一块 弄小程序的时候已经改了啊，然后我们直接点击发行，然后点击这个原声 app 语音打包啊啊，这里可以看到啊，他这边是提示一个打岔的，这个报名啊，嗯，那么， 呃，他，他不是我们的报名打岔啊，是我们的证书，我们使用云端证书啊，云端证书的话我们这边是已经配置了，你找把这些没用的，先关一下，点击应用列表这里啊，然后点一下门应用，看一下，云端证书已经生成了啊，可以下载，也可以直接 让他使用，都可以。然后我们点击编译，编译这一块的话有一个各平台信息需要新增一下，我们安卓的话比我们这个高明，高明，我们添加 c o m 点什么呢？ 也是一二三啊，一二三盲盒点 a p p 啊，这样也可以啊，这个名称只要不重复就行。然后这边呢会让你去填写一个应用签名的，一个 m d 五这些签名值啊，然后这一块是怎么获取？ 我们同样是在刚刚的列表里面啊，打开两个这样的浏览器框，点击这个哈气盲盒，然后这边有一个零端证书，然后有个证书，详情从下面呢我们可以找到这个 md 五， md 五这一块我们直接复制 填写到这个 m d 五对应的，然后是这个， 好，把这三个信息填写一下，然后点击提交切掉。 嗯，他说是安卓包名格式不正确啊，应该以什么呢？下划线或数字字母开头的 c o m 点不正确的话，我们就直接使用这个安卓包名。 好，点击提交，这边就提示创建成功了啊，创建成功以后我们这边就可以来编译了，编译的话下面这些都不用管啊，然后我们点击这个快速安心打包啊，点击打包啊，他这边就会检查，呃，他是打包交验。当前应用未开通一键登 功能，请登录开发者中心，开通一键登录之后再提交打包啊，这个时候我们点击一键登录这里，在下面已开通应用，这里点击添加应用，我们选择刚刚的哈西盲盒，这个时候他默认就有这个的啊。嗯，然后呢，我们要发布苹果端的话，就在苹果端， 就在各平台信息这里也新增一个苹果端的啊， ios a p p 啊，我们可以跟这个一样啊，这个报名是可以一样的， 那我们新增一个苹果端。好，我们直接点击提交，这样的话我们可以直接勾选两个平台的啊，然后呢报名呢？就是这个， 嗯，然后他这边刷新一下就可以出来啊，苹果端的，然后点击提交申请，然后确定 啊，他这边提示申请成功啊。嗯，然后是预计一到三个工作日审核通过，这边先不用管他，我们这边呢继续来打包， 然后点了取消啊啊，他这边提示一个打包交页，然后继续，然后现在就在边译了。那我们现在呢打开一个模拟器啊，我们来看一下 a p p 这一块， 可以看到啊，这边他是还是正在编译的一个过程啊？好，他的提示向云端发送了一个打包的请求啊，已经提交过去了，然后我们现在呢 就是要等待他这边出现打包成功的提示啊。我们先打开模拟器，我们把之前我有没有安装 等一下，我们先暂停一下。好，这边可以看到啊，已经安装，已经编译完成了啊，这边给出了一个安装包的位置，我们复制这个位置呢，来打开看一下啊。 啊，这边是 a p k 文件啊，我们安安卓的，我们拖到模拟器里面来看一下它能否正常运行啊。嗯，水印闷啊，因为我们之前在里面设置的是水印闷啊。好，点击同意， 可以看到他这边已经进来了，现在他是显示登录中，这样呢，就我们就完全这个是没有任何问题的啊。然后这一块呢短信，因为我们还没有配置验证码，他是无法发送的啊。所以说我们下节课来继续讲这一块的东西。

乔拓云平台开发了各行各业的小程序模板，我们要如何使用这里面的模板来帮助自己的店铺快速上线？小程序操作的过程很简单，进入乔拓云官网，点击免费注册，可直接进入他的管理中心， 找到商城卡片，点击去管理，以后打开商城管理页面，在这里点击小程序商城装修，可去挑选自己喜欢的模板，一键打开模板，开始编辑， 自定义编辑模板上面的内容，整个过程不需要懂得代码技术，都是可视化操作，你可以删除模板中不需要的内容，模板中的图片可点击编辑， 在右侧的编辑面板可直接更换图片素材。模板中的文本点击编辑，可直接在这个预览框这里更改文字，右边可更改文字的字号以及颜色。你可以通过这边的模块、页面等功能来优化你的小程序内容模块这边有 非常多的功能模块，可直接拖拽添加，比如说拖拽添加一个砍价模块到你的小程序中，用来发布营销活动，砍价的活动商品可在后台完善，在后台这边找到营销功能，点击点击砍价活动，在这里开启这个砍价活动的功能，点击新增活动，输入活动名称， 设置砍价的时间，设置活动结束的时间，在这里面完善相关内容的设置以后，点击确定。就这样子来添加一个砍价活动商品，我们回到回到小程序编辑页面，点击编辑这个砍价活动模块，可在右侧编辑面板这里直接勾选后台添加好的活动商品 定义，设置一下模块展示的样式，就这样子来新增营销模块页面的添加也很简单，你可以先去预览一下这里面全部系统页面，想要添加哪一个系统页面，你就边 机底部导航这里，通过更改这里面原有的导航，像更改这里面原有的导航页，在这里面找到要展示的页面链接，点击确定更改导航页面。操作方法简单易学，大家可以去体验。完善完成以后，授权小程序账号即可提交微信官方审核， 之后的维护工作同样可以通过后台这边相关功能来完成，比如产品功能下面可随时更新产品目录，营销功能下面可随时新增或者删除活动商品，所有更新的内容都可以通过小程序端来展示，感兴趣的朋友可以去体验哦！

前单技术人员是怎么开发微信小程序的？超哥今天带大家涨涨见识，这是我们前单的技术阿生，大家的老朋友了啊，大家看好了，我们阿生啊，一边百度一边 ctrl a c v 啊，效率还是非常的高的， 哎，开玩笑看看，别生气，气场气大，哈哈哈哈。大家看啊，这是我们的设计图，前端在做的时候呢，会把这些设计图啊按照元素切割好，然后把前端的代码参照布局写好。麻烦的是，如果里面有交互的效果，比如这种弹窗啊，或者是长按删除啊等等， 就需要和后代的同时一起对接借口功能，这样呢才能把页面的效果写好。你这个倒没有说错，那当然呢，兄弟我也是专业的好不好，我们阿三呢，一般会在一个月之内呢，给一个企业码，就用这个小程序开发工具，可以申请呢这个企业码的二维码，给客户扫码 体验，这样的客户提 bug， 阿生改 bug， 这样来来回回十几轮，差不多呢，就可以提交正式版审核了，过了以后呢，点击发布就可以了，那么我们就获得了一个崭新的微信小程序了， nice。

一天开发一个系统是什么体验？有个小伙伴找到我开发一个系统，这次他要考验我开发的效率，第一次遇到这种条件的，一周开发出来给两 k， 三天开发出来给四 k， 一天开发出来给五 k。 都这样说了，那我还拖什么系统。完事后和他商量了一下，退了他一波费用，原码给大家开元了，大家可以拿去学习。希望小伙伴们给个善良支持一下。 首先分析了他的需求，不是很困难，然后我就开始直接干了。你这是在搞促销吗？第一个首先是技术的选型。前端的话采用的就是微信小程序语的语言进行开发，后端的话就是运营死不认不得进行开发。数据库的话选行常规的数据库买设扣。第二 二个圆形设计。对方没有 ui 方面的要求，预算也很低。这一步直接忽略 ui 我特用的前面我开发的模板啊，图片处理的话用到 ps 搞一下图片和图片啊。第三个软件的下载集安装。这个我都整理好了， 然后包括环境的安装也都可以给大家，大家直接拿去下载就可以了。第四个数据表的设计。根据需求直接在埋设扣里边进行数据表的设计即可。第五个代码录取。呃，录完之后代码可以给大家展示一下。 第六个系统的完成预言是最后完成系统的开发，给大家演示一下系统。那么一天能不能完成前端后端的系统开发呢？让我们拭目以待。 是软件的下载结 安装，前面的话我整理了全部的这种软件，还有下载的地址，平常时候我进行开发的时候，如果我换一台新电脑的话，我会直接在我的圆盘里边下载。呃，这个也是分享给大家的啊。大家根据这个顺序进行安装即可。 abcdfg， 然后这个 abcdefg 的话是一个教程，然后导入的话就直接看这个导入的教程即可了。最后我们把所有的软件都安装完了，安装的有 ps， ps 这个一般处理图片的时候我都用 ps。 然后后端开放的话，用阿迪尔 小程序开发的话就是用微信者开发工具，用这个开发工具还有一个数据库，呃，数据库的话用耐用给他，这个是可策划的界面，大家把这个埋呃埋设口，客户端安装好，然后用这个耐用给它显示。下一步我们就可以进行直接开发了。呃，我们在 卡地亚里边进行后台的开发。嗯，首先进行这个配置的，再然后写了一下配置的。呃，这个是数据库的连接， 呃，把呃数据库的这个地址，数据库的名字编码都写上，然后连接的用户名密码之类的。嗯，下面的话还有一些监控配置了， mif 配置了，还有一些马白 ts plus 配配置了。 嗯，通常我们来写的话，呃，这个地方其实是不用写的。我们前面的话其实写了一些直接复制就行了。还有一些其他的一些地方呢，都可以直接进行复制了， 包括一些炕桌上。这些炕桌上其实很多业务逻辑都是相似的，所以基本呃在工作的时候也是改改。然后就是数据库的标 设计了，我们首先建一个数据库，然后进行表的设计，表的设计的话，就是根据这个业务的具体的需求进行设计了。呃，需要类型的话，需要印他的就加就搞印他，需要这个窝签了就搞窝签。 然后我们看需要什么制断，然后根据具体的需求，呃，把这个制断的搞完就行了。呃，我们先演示一个这个数据表的设计啊，其他的基本上都是差不多的。 嗯，大部分的话，这种制端的话还是 whart 类型的。 呃，我们把然后 了解完就可以保存一下数据库的名字了。啊，这个表明了。保存一下表明，然后再进行小程序的。嗯，这个代码编写 小程序的话，其实现在前端的这些语言的话，呃，基本都是相似的。包括现在为无忧 e 和这个瑞艾克特。其实很多地方的写法都是相似的。你只要把 gs 及快瑞 html， css 这基本上这些基础的前端的语言掌握了，基本可以横扫前端所有的框架。 唯一的不同，他可能就是这种数据流着走向或者生命周期不太一样。呃，这些写法的话，嗯，基本上都是相似的。 大家也可以看一下这些什么。呃， wxm， 他其实和这个 xmr 还是很相似的，基本都是一样的。嗯，我们把这个写上，写上一个模块的话，其他模块 包括里里边这种克拉斯了这些样式了，还有这些什么字体颜色了，复制一下，呃，就可以了。然后不断的再改一下，改一下他的什么 id 了之类的。 然后这个是小程序的一些图片啊，这些图片上网上都有一些这种现成的啊，可以。嗯，可以。如果你有特定需要的一些图片的话，可以再进行用 ps 处理一下 啊。其他的一些开发的话，我们也可以参到这个官方的一些 api 来进行搞，利用他的登录了一些支付什么的也都可以搞一下。 然后我们在这里再跑一下后端，我们呃前后端数据库都写完的话，可以搞一下后端，大家可以看一下。刚才搞到了两点多啊，搞到了 晚上两点多，大家给个三点支持一下。这个地方的话是一个宠物的资料管理了，然后这是一个后台的一个界面了 啊。后台的话包括宠物管理，公告管理，呃，医院资料管理，什么职工管理，还有住院。呃，这个纪念管理。这个原码是给大家开源了，大家可以拿去学习一下。 仅限学习啊。仅限学习给大家开元了，大家给个善良支持一下，因为这个当时给这个客户退了一部分钱，就是为了给大家开元学习的。这个地方可以添加信息啊， 嗯，然后这个地方的话也是一个呃病例的添加啊，大家添加一下，我不添加了。这个地方可以对一些没用的订单进行删除啊。这个地方是可以导出这个 a 十二的， 导出 excel 表格的，然后这个是打印数据的，可以对当前的这个页面进行打印的。 打印的这个页面还是可以的。然后可以清除当当前的缓存呢，缓存是一个常见的问题，然后可以退出了。我们再看一下小程序段呢， 小程一段的话，把后段写完之后，嗯，这个后段跑起来，再跑前段抱小程一段呢，小程一段呢，基本上和和后端是连体，连基本是一块的啊，包括我的信息，首页公告，还有医院之类的信息。 那时间有限呢。时间有限，界面也搞到一半。后面的话，有需求的话可以再进行二次开发，再进行进一步的开发。各种预约都，呃，都开发完了。包括账号的登录，这个账号登录的话，后面可以搞 微信这个扫码的登录。呃，这里是各种预约的开发。还有个人信息的查看。 嗯，可以增肌链条。呃，预览的话，可以用微信扫描一下，大家可以看到。搞。搞到两点多。 后面大家拿这个圆码去学习一下，学一下这个后台的一些写法，小云端的写法。

今天早上呢，签约了一个这个家具家电的商城展示的一个小程序。啊，为什么是一个展示型的小程序呢？因为这个粉丝他不需要这个在线下单这个功能，就是需要展现一些商品的这个图片价格，还有这个详情页。刚好呢，我想到前天有位粉丝问到这个小程序 怎么去上线审核去发布，然后呢我也是刚刚把这个家电家具的这个小程序的首页呢已经装修完成了，然后呢等一下就开始这个进行上线审核发布， 所以呢我就在这里给大家录录一期这个怎么去上线发布审核这个小程序。关于这个小程序怎么去上线，怎么去发布呢？我在之前呢其实已经给大家分享了，嗯，有一期关于那个流量主的这个搭建教程，有两期是非常详细的，但是我看没有多少人看， 然后就没有再去提这个东西。一般的话，如果你把这个后台已经搭建好了，搭建好了之后有些开远了，他会有这个前端的一个代码和后端的代码，我们这个后台呢就直接呢是下载这个，嗯，前端的一个代码，然后我们直接就是进行发布发布，我们选择这个微信小程序， 然后填上小程序的 ipad 以及这个蜜药，然后进行打包，打包完成之后呢，我们下载到这个电脑文件文件里面，然后我们进行解压缩，把它解压到对应的位置。啊，这个位置呢就是你可以在电脑上创建一个这个文件夹，解压到一个文件夹就可以了。 解压完成之后呢，然后我们要弄一个这个微信开发者工具，微信开发者工具怎么去安装呢？其实也很简单，你只要登录你这个小程序后台之后呢，下面呢就有一个这个，呃开 发工具，然后你的工具呢下载这个对应的版本就行了。打开这个微信开发者工具之后呢，我们是需要进行扫码登录了啊，这里我已经登录，就不给大家演示了。然后我们点击这个右上角导入， 导入之后呢我们选择，呃，你刚刚呢就是解压的这个文件夹，然后到这里之后呢项目名称你可以不用去填，然后目录呢就是我们电脑上刚刚创建的这个文件夹的一个目录， 然后呢这个 ipid， 你就填你自己的小程序账号的一个 ipid， 那就在这个开发工具这里， 然后呢开发设置，开发设置呢，这里就有一个小程序的 ipad， 把这个复制过来，填到这个，嗯， ipad 这里就行了。进入这个微信开发者工具之后呢，我们就可以看到这个呃前段的一些这个页面展示，然后可以点击进 交互，然后这里呢可以看到看到了前面的一些代码，然后如果你不懂代码的话，这个看这个确实没有多大的作用。录完之后呢，右上角有一个上传， 我们直接就点击上传，上传完成之后呢，这里有个版本号，版本号你就随便填一下就行了，然后项目备注就不需要了，然后就直接点击这个上传。上传完成之后，我们到这个小程序的这个账号后台过来之后呢点这个版本管理， 然后我们可以选择这个体验版本，体验版本之后呢，他会出现二维码，二维码之后你扫码进行这个预览，先测试一下啊，测试成功之后呢，然后你就直接这个点这个提交审核， 提交整合之后呢阅读同意这个规则，然后呢进行继续提交，提交完成之后呢，这里版本 杨树随便填一下，然后下面这些呢？什么备注啊？测试账号，这就都不需要了，然后仅是否仅在这个微信中运行，然后你点这个辅就行了，然后呢审核加急，如果你是嗯需要加急的，那你就点加急，然后下面就是这个用户隐私协议呢，这个是要去填写一下的， 填写呢，等一下我给大家发一个图片呢，给大家看一下就行了。然后填完之后呢，我们就点这个提交审核就行了，如果审核通过了，他这里呢就会有个消息提醒你审核通过，审核通过之后呢，然后你再去发布就可以了 啊，这就是关于小程序啊，怎么去上线审核发布的这个啊，一个整个流程。好了，今天就先给大家分享到这里。

这期我们将这个医疗行业的原型图转成微信小程序。

大家应该都用过小程序吧，它的原型是二零一五年由迪克奥的公司发布的留印运。腾讯在二零一六年发布了自己标准的小程序， 后面各大厂商都陆续跟上，但是各家的利益不一致，导致各有各的写法，累坏了开发者，掉了无数头发。于是 d cloud 就开源了 unif 框架，能够以统一的标准同时开发各大厂商的小程序。除此之外，也支持了网页、安卓和 ios 的 app， 做到了一套代码多端使用。哪怕有很多人调侃说很容易一套代码多端报错，哈哈，但是我也必须给他点个赞，确确实实是节省了开发者无数的时间和精力， 有很多的小程序和 app 都是用 unionapp 做出来的。二零二零年初 unanclaw 的发布，可以快速开发后段 sos 云函数 和 mango db 数据库，极大的简化了后端开发，同时支持阿里云、腾讯两家供应商。就在不久前，腾讯人自家的云开发服务涨价几十倍，幸好有你可乐的和他们的语法基本一样，所以大家有了选择，纷纷转移到有你可乐的阿里云版， 避免了被割韭菜。本期开始，我们用 unif 加 vivo 框架和 unicoloutros 云函数加芒果 db 写一个中等大小的小程序，元导一点零版本。 这个项目呢，难度不大，但是比较繁琐，有四十多个页面，十几张数据库表，我断断续续的用了半个多月才写出来，这两天已经上线并且稳定了，那么我才来开始做视频，不然怕坑到你们。因为我以前从来没用 usb 和 vivo 写过项目，都是现学现用，所以稍微慢 慢一点，实际体验可以在小程序搜索元岛查看。这里我们直接开始。这边是 uni ipo 和 unicloud 的官方文档，大家可以搜到。基础知识这块没啥讲的必要，编程这东西就是这样， 文档翻一翻，然后直接上手就行了，不然的话你就是看一百遍也看不会，但是写一遍就会了。 介绍和教程这里大家暂停一下，确认一个小时过一遍看一下，微有余法，这里我留个坑啊。本来我想做个一期学会所有前端框架的视频，但是一直没有思路，等做完项目再来补充吧。 放到这一期的合集顺序前面，后面的同学不要疑惑，所以现阶段大家啃一下文档，其实两个小时就够了。首先我们下载一下 hbu 的 x， 这个就类似于 vs q 的，但是附加了很多优 ipo 和有你可唠叨的功能，为了方便我们就用它的吧。这边有下载文档，我当时也是踩了几个坑，第一，关闭杀毒软件之类的东西，第二，一定一定要解压到 c 盘，其他盘很容易出问题。 第三，我的 amd 显卡的温十一有一定几率打不开，用键属性选择兼容模式才行。 不过那时候可能因为我解压到了地盘的原因吧。后面我解压到了 c 盘，重启了一下就又好了，如果你也有问题，尝试重启他。这边文档也有很多常见问题答疑，如果你们用的时候出现问题了，可以看看。解压好之后，打开解压文件夹， 点击 hbu 的 x 打开，这就是软件啦，这里注意啊，千万不要把软件越鼠标拖到桌面，想要快捷方式可以右键创建快 开解方式拖出去的话就不对了。点创建项目，左边选择 union app， 选择默认模板，其他模板你们也可以学一下，写个项目名字，这里我就写元导，然后选择电脑目录，决定项目代码放在哪个位置， 这里就选地盘的一个文件夹了，选好后到下面选择 vivo 版本为三，选择使用由你可乐的云开发，这里一定要选择阿里云，点击创建 ok， 项目就弄好了。我们先来设置一下编辑器，点上面的工具菜单，设置按钮， 字体和大小看你喜好调整一下，制表符太不见，缩进换成二，用空格替代，这里失去焦点，保存一定要勾选，我有一次写了两百行代码，结果莫名其妙人间崩溃了， 气死我，整整两百行代码呀，多少情绪。然后点编辑器配置，下面设置编辑器，行高一点，五倍好看一点。勾选保存时自动格式化，勾选 type， 插入提示自动补全，在下面勾选插入多光标，选择 alt 键， 和 vs 扣的设置成一样的，然后运行配置，这里设置小城市开发者工具路径维尼前面安装的目录 ok， 然后点上边的工具菜单，选择快捷键，日设为 vs 扣的主题，选一个雅兰吧，默认的太丑了。然后点试图关闭迷你地图， 带来工具安装插件，这边安装一下插件就四个内置，中端有你 apple， vivo 三有你可爱的云开发，有你 models 插件，其他的插件暂时不需 需要，我怕安装多了容易崩溃。完成，现在我们打开项目，点击上面的用行菜单，选择小程序，它就会把 vivo 代码转换成小程序代码，并启动开发者工具。这边就出现小程序模拟器了， 我们来尝试改一下数据。哈喽，韩文昌，保存界面会自动刷新显示出来了，很有意思，大家快来尝试一下。 然后便利器会提示没有绑定 uniqlo 的空间，这个是后端服务员开发，我们要开通绑定一下。右键 uniqlo 的目录，选择初始画像的，一般来说会提示你去注册一下，你就去注册并认证。 很简单，我这里就跳过了，直接选择新建空间，起个名字一定要选阿里云。 ok， 点击完成。回到编辑器，点击 刷新，选择刚刚创建的空间，点下一步点开始部署，再点跳过，基本设置完成了。我们来看一下项目目录，了解一下每个部分的作用和意义。首先有你可老的目录， 就是这个项目的后端代码，使用了 uniq 的云开发服务，主要是验证权限和操作数据库，点开之后， co 的方式是云函数的单词，这里可以写搜来自云函数，目前有一个默认的扛门木鲁，也就是公用的意思，下面有两个自带的函数，不用管用不到。 我们来创建一个新函数，又见可劳的方式，字幕录，新建云函数，名字就叫放吧，然后选择云函数默认模板直接创建，可以看到出现了放函数，里面是一个非常简单的函数，大家应该能看懂吧，就是把传入的疑问 参数再返回回去，我们右键放目录，把这个新函数上传到云端，让他生效，等会我们就可以在小程序中访问这个函数。再往下看点 hbu 的 x 目录是编辑器的配置，不用管 static 目录，放所有的图片呀什么的等静态资源。 animaldos 是 uni app 的插件，目录里面是它的第三方库， impak 之目录里面就是 uni app， 把 vivo 代码转化成小程序代码的产物，一般也不用管 app， 点 vivo 文件是骑士入口，和小程序的 app 点 gs 一样， indices 点 sdmi 暂时不用管，是显示无网页的。命点这一次是主，这一次文件也不用管，默认就行。命 fast 点，这一次是相配 配置，如果你有小程序 ipad 的话，可以在这里配置一下，其他的没啥，然后用你点 scss， 不用管一些公共样式，用不到 phs 点 jason 比较重要，里面就是页面设置和全局样式，你一看就很眼熟，和小程序是一样的，自行修改即可。 最后再来说派制词目录，派制就是页面的意思，主要的前端代码就在这里，我们一般在这里写点 vivo 后缀的文件，一般来说一个小程序页面就是一个 vivo 文件。 为什么是点 vivo 后缀？因为 unif 框架使用了 vivo 框架语法。打开这个 index 首页可以看到一个标准的 unif 页面结构依然是三段式， html 部分放在 tampio 的标签中， tampio 翻译一下就是模板，其实 你也完全可以理解为波的标签，哈哈，这是 vivo 框架的模板与法，页面标签都放在这里，大家一看就应该很明白，和 htm 差不多，和小城市也差不多，万变不离其宗。甚至我们后面学 reax 的时候，你会发现其实也一样。 所以我一直跟大家说，别看那么多框架，学起来很简单的，无非就是改一改 s 店妙罢了。抖友 gs 代码放在 scrap 的标签中和网页一样， zss 放在 style 标签中也是一样。 csis 没啥好讲的，和网页是一样的标准。我来讲一下， js 没有框架，它有特殊的规范，你必须导出一个默认对象， objects 的就是这样。 expert 导出 default 默认大括号在 js 里就是对象，大家应该懂， 这个对象里面就有几个特殊的属性，要记一下。第一个就是呆塔函数，只有在这个函数里输出的数据还能在 tampale 中达到并使用， 我们看他默认 retard 返回了抬头数据，对吧。在上面的 tax 的标签中就可以用双括号使用这个数据了。在原声网易 hdm 秒钟，我们要用 gs 的 document 对象设置标签的，应该 tax 的改变标签数据， 而框架就是自动帮你解决数据绑定的问题，就这么简单。第二个就是生命周期函数，页面和人一样是有生命周期的， 单身前，诞生后，成长时，恋爱时，死亡前，死亡后，那么对应到页面上也有很多。看这里的文档，最基本的就是安唠的，当页面加载时 还有昂首，当页面显示时 onci message， 当用户分享时 on reach bottom， 当页面滚动到底部时， 还有好几个有各种功能，但是元导这个项目我只用了这四个，比较常见，其他的自己看一看文档就行。 生命周期函数是固定的，放在 data 和 message 外面就行，比如我们写一个昂唠的时候，进行一个提示，用力点收 toss， 特看一下效果。刷新，当页面加载时会执行函数显示提示。 第三个就是 mass 的对象，扮一下方法。没错， mass 的方法里面就装所有的自定义函数，比如这里我们写一个函数，掺制 time 改变时间，类似在这里指向页面对象， title 就是 data 里面 reton 出来的那个 title。 第四 就是把函数执行时的时间复制给抬头数据。 s 子里面还可以写很多函数，但是我们现在只写一个掩饰， 那这个函数怎么用？两种方法，第一是在标签上用，我们在抬头下面加一个巴特按钮，给他一个艾特可耐克属性，这个就是 vivo 的语法，当点击这个标签时，就可以触发函数，点击他触发 chinesetep 函数。 ok， 保存一下 来模拟器这边试一下，点击改变了，再点击又显示最新的时间，好玩吧？第二是在其他函数中被调用，比如这里，我们在安乐的函数内使用这个函数， 当页面加载时就会调晕，称之 tam 改变时间。这里也可以设置一个定时器， restant hammer， 等于 set interval， 设置为一秒的间隔，但是要注意，定时器要在安安乐的生命周期中清除掉，不然他会一直执行，影响性能。写一下 clear interval， 看一下效果 ok， 每秒都会刷新一次。其实大家只要学会这三个， vivo 就已经可以写了，当然还有更高级的用法，但是我跟你说，大部分情况下是不需要的。领导项目为了简单演示，没有用任何花里胡哨的方法，就是我写的这几个没了 照样可以写项目，何必要把新华字典看完再写作文呢，对吧？一样的道理，框架的文档就是新华字典，里面有很多东西，但是大部分很少用的，能用啥写就用啥写，没必要全部搞懂，看看大概就可以上手了，时间的过程中你才 能学到更多。好，那么我再讲一下怎么调用后端，也很简单，前面不是上传了一个放函数吗？现在我们就使用 uniq 的点 call 方式，这个方法来调用函数， 在 unlog 中写一下，如果记不住格式就按，太不见，使用自动补全帮你写上。内幕是放呆塔，我们传进去两个数据就行，第一个是 hello， 第二个把前端的抬头数据传入， 用赞一步返回来的数据打印一下，然后设置探讨为返回来的 result 结果 保存刷新。如果提示没有 uniq 的函数，那么我们就要在运行这边先停止运行，再重新运行一下。 ok， 可以看到界面上已经有了我们这个放函数，前面看了就是传进去什么他就返回什么，在这里我们传出这两个，他又返回这两个，我们也可以改一下来放函数这边改成返回新消息提醒， 然后再右键上传一下步数。哦对，小程序可以选择连接本地人函数或者是云端，本地的话不用上传，但是正式上线你是一定要切换到云端的。记住了， 刷新一下小程序，可以看到返回纸改变了，这个能运到什么地方？就比如一个小程序的页面，他显示公司的最新公告，这个公告可能每天都在变，也可能随时都在变，那么肯定不能写死在前端，对吧？要不然你每次更新都要审核，一审核一两天就过去了， 不能随时变，这时候就需要这个后端来提供数据，实时改变数据，大家明白了吗？为了让大家更清楚，我再来写一个留言板的小案例，大家可以发弹，他是真的想教会我，哈哈。来标签这边写一个音铺的输入框，标签 class 为音铺的 加一个 wegam model 属性，属性名为 content， 可以把输入框的纸绑定到下面的 data 中去，然后把吧台按钮标签的点击函数改为 public， 也就是发布的意思，加一个 mini 的大小。 这里有几个属性，如果你看不懂，那肯定是前面没有看文档要去看一下的，不要跳过再来把函数名改掉，帕布里什的作用是调用函数，把总数框中的数据到后端， 记得在 data 中把 title 改成 conton 的数据，然后写 css， 让输入框和按钮好看一点。 conton 的改一下，去掉卡拉姆数，像加个外边句， input the class 加个边框， 给一个内边句 加一个 fx 的属性，占满顺序位置，保存来看一下没有问题。 然后来后端改一下，初始化一下原数据库 判断，如果传进来的 api 数据是 public， 那么我们就把 country 的数据存进 message 的数据表中， 这里大家可以看到有你可要的。阿里人数据库和小程序人开发数据库是一模一样的，基本没有区别，甚至还有好处就是哪怕没有在控制台创建数据库表也可以新建数据，他会自动创建。 ok， 保存一下， 来前端测试一下，看看打几个字，点击发布控制台已经是可以看到结果了。再来这边的 uniq 的后台点数据库，可以看到 message 表中有了刚才的那条数据了， 再来修改一下后端，如果 api 是 get messages， 那么返回查询结果， ok， 来前端继续改造，把 unlog 中的函数加个调用参数， api 为 get messages， 和后端对应起来。我们把这个数据复制给新的 data， 就写历史的好了，默认是数组空的。 如何在界面上显示？和小程序其实也差不多，就是加一个微杠附属性， 里面写 item inleast， 记得后面再加一个冒号 k 属性指使艾特姆杠。 id 这个东西我以前解释过一次啊，你们可以再去看文档看一下， 就是这边列表渲染很重要的一个东西。 在列表渲染下面，我们写留言展示 的标签，一个 vivo 包裹，一个 vivo 展示康腾腾。好了，我们来看一下保从小城市这边刷新，如果有问题多刷新几次，有你 app 的老毛病了， 我一般都是点发型，而不是运行。来测试，可以看到出现了，我们再发布一条留言，然后再刷新，出现两条了，比较丑，我们给这个 vivo 写一个 css， 起一个 books 名的克拉斯，然后在下面 style 中写一下， 一个外边距，一个底部边框 搁内边置。 嗯，现在看起来可以了。如果要加强 下用户体验，那么就在帕布利什的时候，同时给历史的插入一条数据，直接给数组 pose 就行。这一点 vivo 的动态绑定要比小程序的赛特呆塔简单一点。 id 为返回来的数据， cut 的就是前面输入的内容，然后再把输入框清空， 再来试试，可以看到非常完美。这样的话，界面上永远都是数据库的数据，不管你的小程序谁在用，是都可以看到同样的内容。 这个案例下来，相信大家对 unnielf view unicolout 前后端一体开发有个大概了解了吧，非常简单，也非常好用，任何时都是这样，不了解所以怕了解了之后也就那样。最重要的是 动手，如果你还是看不懂，那么你就照着样子抄，抄个三四遍也就会了，不信的话试一试。那么本期的作业就是自己配置好软件和环境，模仿我这个视力，写一个动态的创建和查询功能出来， 把你的开发体验提交在评论区即可。下期我就上高速了，开始写元导项目。

呃，给大家录制一下我们小程序前端应该怎样去上上代码。首先我们这里选择导入，导入就选择咱们的这个全单这里， 然后这个 app id 的话改成你自己小程序的 id 啊，然后导入啊，我这里已经导入过了，是我直接打开。好，直接打开，首先第一步呢就是这里你要替换一下自己的这个玉米啊，替换一下可以了， 玉米替换一下，然后就是小程序的 app id 啊，要去也要去替换一下，替换一下以后，然后有两个地方我们需要改一下，首先第一个地方就是这里， 这里就是你公众号的链接，你要去更换一下，还有就这个文件。好，第三十号 啊，这里这里就是一个跳转，也就是这个发现页面，这里啊这里是公众号连接跳跳转连接修改，这里就是一个小小程序的跳转啊，就这两个地方，然后呢这里就上传 好，这里上传就可以了，上传以后就来到咱们的小程序这边啊，然后这里提交代码审核通过啊，就可以了。