这个一档窗口你再点一下啊,然后再 pc 机那一档。刚才点烟本来正常这里会弹出一个窗口出来,好了,现在没弹出窗口啊。好吧,那这边就已经在这个地方了。好,旁边点一下厕所对这个绳子 这个基本的一个一个内容。好,然后的话呢,就是这个按钮的话可以将这个分离出来,点一下就分离出来了,然后这时候模拟器就单独一个窗口分离出来。 好,然后的话过一会应该也会反应过来,该或许的话那个头像信息啊也都会都会出来啊,大概第一个登录的时候那个界面就那样子了,这个就没什么了。好,然后我们这个关 关掉它自动就会恢复到的话呢。呃,就是开发工具的这个界面里面的线路里面去啊, 在这边的话有有的出来是这获取什么头像之类的那种啊。刚才这个是已经被获取掉了啊,如果说没被获取掉的话呢,应该是。嗯,手机上点击一下啊就可以获取,我在这边点击曾经进行的时候他就这样 啊。我们继续的看一下模拟器的一些问题,模拟器这边的话呢,这点开之后除了机型设置之外的话呢,可以用模拟哪一种屏幕的大小进行的话模拟 啊。还可以的话呢,显示的话那个比例啊,比如说五十,哎,五十就就比较小一点了啊,别人摆的话呢,就比较偏大,你看一下那个你本身的这个屏幕的窗口啊,这个区域的话可以调大, 你模拟的话需要多大?这个的话呢?呃,就是模拟窗口和这个的话,编辑窗口这个地方的话中间有一个的话呢,调节可进行调大调小啊,然后 显示比例的话,你可以设置成比较自己合适的,因为我们刚才显示的分辨率的话可能会稍微低一些啊,你就可以稍微小一点,那字体大小的话呢?调一下可以改变的话呢?这个字体的大小啊,那这个应该是因为被限定掉 十五的话呢,就比较小了啊,这个变化好像不是非常大啊,因为有些应该是被限定的啊。好,那呃如果说的话呢?呃,有些字体可以不被限定的可能就可以了啊,刚才这个没注意到大家啊,完了,就是这么 回事就可以了 啊,好像会大一点点啊,大概是那样的。好,那这个不管他了啊,然后这个的话呢就是模拟操作了啊,现在这个这个不管他了啊,我们因为混费去讲这些东西啊,这个声音是我可开取啊,这不是进行一下,他这个是开启声音的,这个已经讲过了。 然后然后的话呢,我们再看一下, 就是如果关闭项目的话,这个就前面关闭掉啊,看前面的话呢有没有关闭操作。这个整个的过来关掉完了删除在外面去删除啊,看前面进来的时候才去删除过了。好,现在讲一下我们这几个文件嘛, 目前这个是已经算是一个比较可以进行获取头像,然后显示哈喽,我的这么一个简单的一个界面啊,或许因为开发工具到后头来可能就认为的话就是,呃呃, 像这种获取头像,然后的话呢获取微信名称,然后的话呢就是进一步做下一步事情显得很重要,所以的话把这当做一个测试的程序来做 啊,往往我们的话,开发的那个网页上面的程序的话,要获取微信的信息的时候,这个过程比较慌张 啊,那在微信小程序里面,这是很轻松的实现的啊,所以呢,他把这当做测试的话,很有他的价值意义啊,所以他这里的话呢,就触及到的东西就多了。那就不是的话啊,比如说我们平常的话,这样所讲的一个什么东西呢? 好,就是我们看一下,就是微信小程序的话呢。呃,从总体结构来说的话,它是一个由 包括一个描述整体的一个 app 文件,还有一个的话多个描述跟页面的配角文件。这啊,多一个配 abp 的啊,可以多个配角组成的一个文艺小程序啊。啊,他这个是一个比较的话呢,就是标准的或者一个简单的啊,应该就是这样子组成的。 那这里的话呢, gs 主要是描述一个小程序的逻辑结构的一门啊。呃,这个的话,如果有学过网页编程的同学应该可能也知道 gs 它是一个什么,就是这文件大部分都是一个脚啊,脚本验证一下密码,登录的时候密码。
粉丝42获赞136

欢迎大家来到微信小程序设计第一期图片的显示,那么这节课呢,我们主要教会同学们如何把你希望的图片放置在你的小程序界面中, 那么这个是老师为了便于教学设计的一个乘法小程序,那么在我们的这样的一个实际的程序工程中, 很多情况是需要把图片放置在页面中啊,那么今天我们就主要是学习如何去放置这样的一个图片啊,他的具体的一个实施过程, 我们回到上节课学习到的内容,那么上节课呢,我们主要是学习了一个文字啊,以及文字的颜色,还有字体大小,那么这节课呢,老师来教大 家一起来学习图片的一个放置,那么在我们的图片的这样的一个放置过程中呢,我们主要啊是用到了这样的一个哎, e 区代码,在配置页面下在 wxml 中写入 image s i c src 里面主要放置的是图片的地址,然后一个也是一个标签语言斜杠一米几啊来进行实现,那么具体我们在程序里面体现一下。 首先上节课我们已经建立了一个一二三的一个文件夹啊文件夹,那么我们今天继续在配计师里面 新建一个文件夹啊,新建一个文件夹,他的名字叫一米几,就是图片 m 一级, 好经见了这个文件夹之后,我们右击鼠标,在资源管理其中显示啊显示,那么这个 资源管理其中显示就显示到了我们具体我们这个工程对应的跟目录,也就是我们刚才建的这个秘籍啊,这个文件夹是在资源管理其中显示,我们双击进去之后, 我们在隐秘籍里面,你可以随便在你的,哎,电脑上选一张图片啊,来做练习,那么老师呢,在这里呢,已经备了一张图片, ctrl c 啊,把它复制粘贴过来,那么这个图片呢,就放置在了我们的这个文件夹里面啊,文件夹里面,我们把资源管理器关掉之后 啊,大家可以看到,我们点击一密集,刚才的那个二号图片就已经放在了这个一密集里面。 好,那么现在呢,老师呢,就通过在一二三这个配件文件下的 wxml 里面写入具体的代码来实现。刚才的这个 二号图片显示在这个我们的界面上啊,那么刚才已经老师讲过了,调用这样的一个标签啊,在 wxml 语言里面调用标签语言 imag s, r c 啊,一个等于加两个号,然后是斜杠点配起 phe s, 那么这个主主要是一个 d 弟子啊,一个弟子,因为我们的这个 image 是在佩奇斯下,所以我们有一个斜杠佩奇斯,然后就是 image imo a g e i am i m a g e, 好,然后斜杠二点 gpg 啊,点 gpg, 好,我们再打一个数名号,然后一个斜杠 mag, 好,一起,我们已经把这句代码写入了,好,我们点击变异, 好,我们刚才的这个二号图片呢,哎,实验室老师做的一个二维码,二维码啊,那么此时这个二号图 片就通过这一句话把它显示在了这一个一二三的这个界面中,那么大家要注意一下,这个 src 主要是我们引用本地 图片啊,对应的地址啊,这个引号里面的这一句话就是图片存在于这个配集之下,隐蔽性中的二号图片啊,就具体的一个地址。 好,那么今天呢,我们就主要简单的学习了图片的显示,那么大家呢,下来呢,还可以放置自己喜欢的图片啊,在我们的小程序的界面中。

微信小程序可视化开发工具,选择乔托云这个平台,复制这里面的小程序模板,你可以直接选中这里面的文本内容、图片内容进行修改,不需要懂得代码技术,打开乔托云官方网站,免费注册账号就可以去体验 进入他的企业产品中心,点击轻应用小程序,打开小程序的后台操作页面,可以先去授权一下小程序账号。义乌小程序可以直接点击授权,没有的话可以通过巧托云平台的快捷通道免认证费,帮助你快速认证。然后在内容服务功能下, 将我们小程序需要展示的一些服务以及内容提前上传。最后选择一个喜欢的模板,可说话编辑模板内容,双击这里面的图片,可以直接替换图片素材,模板中一些不需要的内容可以直接删除,点击删除 键即可删除这个内容。左侧的模块功能下有非常多的空白模块,常用的有文本图片按钮、多图文、文章列表、服务列表,还有互动类的模块,信息库模块、高级模块。 所有这些模块你都可以直接拖拽添加到你的小程序页面中。添加进来的空白模块,你可以自定义编辑修改一下模块名称,也可以选择隐藏模块的名称, 更改模块样式,更改这里面的模块内容。小程序页面内容全部装修完毕,提交微信官方审核,三到五个工作日,小程序就可以上线使用。

欢迎大家来到微信小程序设计第二期,从本地上传图片这节课,同学们可以扫描屏幕右下方二维码,添加老师微信,进行技术交流与合作。 那么首先来到老师制作的一个模板,那么这个模板里面呢,我们已包含了新增日常,我们点击新增日常进去之后有一个插入图片, 那么插入图片呢,就要涉及到咱们的一个图片上传的一个功能。好,我们看一下, w x m l wxml 里面呢,就有一个 insert photo 啊,我们现在在 gs 里面找到 insert photo 这个函数。好,首先呢,老师呢,主要就调用了微信点 choosing mage 啊,这样的一个本地上传的这样的一个函数好,这个炕头呢,是代表你上传图片的 一次上传图片的这个数量啊,然后呢,我们 size type 呢啊,有啊啊, region 呢啊,还有 compressed 压缩的,还是说我们原始的啊,还有一个是摄像机啊,摄像机,还有一个是相册啊,我们选择这样的一个类别。 好,我们现在试一下,咱们在标题栏输入我的日记,在输入内容里面,我们输入皮卡丘啊,咱们点击插入图片啊,选择皮卡丘。好,那么皮卡丘加载到里面之后,我们提交文档 哎,我们提交完文档之后,咱们的这个,呃,新增日常里面就有了咱们的一个我的日记皮卡丘,我们点击进去就可以看见啊,咱们的这个皮卡丘啊,就会 显示在咱们的这个啊小日记里面啊,好,那么老师呢,主要呢,在这个新增日常里面啊,在插入图片这个按钮里面,我绑定了一个函数 inside of 啊, inside of, 那么在风头里面呢,首先我定义了一个全局变量以密集一和一个全局变量以密集认识啊,然后我调用了这样的一个微信初字点,以密集函数。 第二呢是到函数之后呢,然后呢,我要给图片呢记录啊,记录他的一个序号啊,首先呢,我用了这样的一个记录方式, 用了时间搓啊,当前的时间搓,加上一个数学的随机数啊,乘以一千的这样的一个样式来记录图片 名字,也就是我们经常把下载下来图片把它标成一二三啊,这样的一种方法,避免图图片重名 好。最后呢,老师呢,在调用了一个啊,云上传的一个功能,把这个图片呢,我们上传的哎云端啊,进行存储,这样呢,我们就完成了一个图片加载的这样的一个哎,功能 好,那么这节课呢,老师呢,就主要是讲解了这个哎,图片上传的一些啊,代码啊,那么感兴趣的同学呢啊,可以加老师微信啊,进行技术交流与合作。

欢迎各位同学来到微信小程序设计第二期商城个人中心颜色渐变,这节课 同学们可以扫描屏幕右下方二维码,添加老师微信,进行技术交流与合作。好,那么咱们今天呢啊,主要来给大家讲一下章程的个人中心啊,我们如何通过界面的渲染, 让个人中心他的界面更加的有高级感啊,美感。那么我们今天主要用到的一个技巧啊,就是咱们的线性渐变啊,他是一个数学方法。好,大家可以看见是老师曾经做的一个二手市场的一个交易的啊,小商城, 那么这个商城呢,我们来到个人中心啊,大家可以看见我们个人中心的这个顶部啊,它是一个由白色到啊蓝 蓝紫色这样的一个渐变啊,我们今天主要是讲的就是如何来让这个渐变啊,实现在我们的项目中啊,让这个项目呢感觉,哎, 不一样啊,看起来还挺美观的啊。首先呢,我们需要在界面的啊,这个 wxml 里面啊,我先给大家看一下啊,这个界面,首先呢,我定义了一个 vue 啊, vue class 等于 vue 图片杠 啊,文字啊,图片高文字,这是一个名字啊,就是我们的样式的名字,那么这个 nife 呢,我们主要是定义的是这个啊,这个圆形图片啊,圆形图片它的一个位置啊,这个咱们不管啊,这个咱们不管, 这个 av a t a r u i 啊,就是咱们的这个啊,用户啊,就是登录微信人,他对你的这个头像 啊,也就是老师的头像,那么同时这个 u 转链呢,就是对应的啊,这个用户他的用户名啊,好,那么我们今天主要讲的还是这个, 我们这个长方形的这个界面,他由白色到紫色的这个渐变,他是如何形成的?我们主要是关注这个啊,这一块,我又,那么我又里面呢,我们看一下这个样式啊,他的名字是不是有图片,看文字,好,我们来到 w x s s, 我们来到 wxs 啊,大家看见我们这个 vu 杠图片杠文字,这里就有了一个标注,好,大家重点看到哪一句话啊?就是 background 啊,就是我们的背景。好,我们的背景呢,我们使用了一个啊, css 的一个技巧,就叫立立呢,规定就是一个线性的一个 简便,它是一个数学的一个啊,函数,那么可以啊,我们在这个函数里面可以添加一个向右去 rite, 就是我们英文的啊,向右的意思啊,那么我们这个杠 f 八, f 三, f 三 啊,就是我们对应的啊,白色啊,偏白色的这样的一个啊,颜色啊,颜色制服,然后通过从左边白色一直到右边的一个蓝色,那么我们这样呢,就可以让我们的这一个界面显示成有白色到蓝色的这样的一个啊,渐变啊,有个渐变。 好,我们来现在试一下,如果我们把这个蓝色给他改成红色啊,红色,哎,我们很多商城啊,喜欢用红色啊,这样要喜庆一点。好,我们看一下,点击变异。好,我们现在就可以看见咱们的这个颜色就有白色, 哎,逐渐像红色这样的一个渐变,当然颜色的选择啊,大家啊,一定要多次去调试啊,你像现在老师做的这个颜色就没有刚才那个颜色啊,好看啊好看。 所以大家在做项目的时候呢,如果希望增加画面的美感啊,在商城的个人中心或者是一些具体的啊模块中增添颜色的话啊,就可以用到老师今天讲的这个颜色的啊渐变啊这样的一个样式设计。好,那么感谢各位同学的收看。

各位同学好,欢迎大家来到微信小程序设计第一期 w x m l 页面中的负循环渲染操作, 欢迎同学们加老师微信零 m 二六进行技术交流与合作,同学们也可以扫描屏幕右下方二维码添加老师微信。 那么破循环的渲染操作呢,实际上在我们的工程实际项目中是经常用到的啊,也是必须掌握的一个技能 啊,向老师最近开发的这个小项目啊,我们的备忘录里面啊,我们的这些列表啊渲染实际上都需要一个我们的 w x m l 页面里面的 啊负循环啊,大家可以看见我的屏幕右边的这个鼠标拖动的这个区域啊,就是一个微信 for 啊,微信 t 啊让死和 index 的一个负循环的一个操作, 才能对我们的这个呃单元格啊来进行一个渲染操作,才能形成我们的这个,比如说禁忌的巨人啊,日记二啊, 年高考三年模拟啊这样的一个操作,包括我们点击管理之后有删除的这个功能的三个啊, burton 啊,就是我们的按钮这样的一个操作,也是一个负循环的操作,那么我们今天就会详细的介绍啊,如何用负循环啊,在我们的 w x m l 啊页面中来进行一个 啊渲染的复循环操作。好,那么来到咱们今天的这样的一个实验的啊小项目,那么今天我们的目标就是啊, 在我们的页面上啊,来添加三个按钮啊,我们不是单独的去添加,我们主要是用负循环来添加这三个按钮。好,我们来看一下我们 我们需要输入哪些数据,首先我们在配件里面啊,定义了一个 a 啊这样的一个变量,他是一个空数组,并且我们定义了一个制服串变量 n 啊 l, e, n, g, t, h 啊, 好,大家注意一下我们对特里面的这个变量啊,它是可以在我们 w x m l 页面里面进行数据绑定的,也就是我们的这个值啊,对,特中的这两个值, a 和浪,是啊,可以传递到咱们咱们的 w x m l 啊页面中来啊,你看这里的这个浪是 就是咱们的这里的浪式啊,那么这个 wxm l 页面中的这个 a 啊,就是我们这个页面中的 a 啊 a 这个变量,好,我们再看一下生命周期函数啊, no 的啊, nony, 里面老师定义了一个变量 b 啊 b 等于 a, abc 啊,三个数元素啊,致富传元素,而这个 abc 也就是我们界面中显示的第一个按钮,确定 a, 确定 b, 确定 c 啊,这个按钮后面的这个下标啊 abc, 好,我们这里有个 ctrl 点落个 b 啊,这就是我们的一个啊,在控制台的调试器中啊,打印出我们的这个 b 啊,这个 b, 好,我们的界面上呢,我已经进进行了一个编译了啊, b 页编译的这个,哎,这一条代码呢,就是十四行啊,就是打印出了这个 abc, 好,老师,这里呃引用了一个瑞士典赛特的这样的一个函数操作啊,操作了之后呢,我们就可以把啊现在 b 的这个 abc 三个元素的这个数组啊复制给 a 啊 a 获取这个数组之后呢,又传递到咱们的 wx cml 页面中啊,好,我们再来看一下我们的这个浪屎啊,大家会很奇怪,我们我这里为什么会定一个逼点浪屎啊?复制给一个浪屎,好,我们来看一下逼点浪屎是什么? 刚才老师已经在十四行的时候打印出了 b 啊,这个数组啊,我们看一下这个 b 数组他到底是是一个什么样的,我们把这个 呃十四行的这个代码用鼠标把它点击打开啊,打开,我们看见零号元素是 a, 一号元素是 b, 二号元素是 c。 好,这里有一个什么啊,下面有一个浪子, l, e, n, g, t, h, 然后它等于三,这个浪子记录的就是我们宿主中的元素,它有三个元素。好,如果我们待会要用 for 型官渲染的话,我们必须要获取这个宿主的长度,所以这个必点浪子啊,就是 我们 b 数组的啊,元素有多少个啊?也就是它数组的长度是三个啊,单位的长度有三个元素,好,我们把 b 点让式,这个数组的长度呢,复制给我们的让式啊,也就是我们 dee 特种的这个让式变量。好,现在我们让式获取了 b 数组的长度, 同时呢, a 呢,也得到了 b 数组中的所有的元素了。然,然后呢,我们现在呢就把 a 和 nos 呢传递到导流 xm 页面中。 好,我们看一下怎么去进行一个复循环。首先我们加一个 vu 啊,下标啊,这个是呃 大家在大学课程中学到的这个基础吧啊,不懂的可以百度一下什么是 vu 啊, vu 这个啊,标签好,我们 vu 添加了之后呢,我们进行了一个微信啊,点 for 啊,这是一个固定搭配啊,固定搭配啊,微信点 fo, 那么微信点 fo 就是我们调用 f 循环啊,大家知道 f 循环呢,在那个 c 语言或者 c 加加 都有啊,都有啊,大家应该都学过这种基础语言吧。啊,那么我们的 for 循环呢?这里的这个 for 呢,就是直接对我们传递过来这个让式啊, 刚才我们浪子是不是获得了三个啊,三个长度,浪子就对这三个元素呢进行全部循环啊,便利已变啊,就是佛循环,佛,浪子好,微信点 t 等于 index 啊,这里是下标啊,这是下标。 好,然后我们这里加了一个波腾的一个按钮,按钮的这个类型呢,我们使用的是基础样式。好,那么老师呢,在这里呢加了一个 一个样式啊,那么我在这里呢定义的一个点, bt 安啊, bt 安,每个按钮呢?他的下方呢?啊,距下一个按钮呢有十二 px 的一个,呃,一个空格间隙啊,一个空格间隙看起来要好看一点啊,你自己可以去设啊,可以去设这个值。 好,然后呢,我们就加了一个,确定啊,这个 是福串啊,然后呢加了一个啊,大家注意一下了,我们现在要把 a 数组啊, a 数组进行渲染到这个页面中,所以 a 就是我们刚才 b 数组的元数,对不对? 好,因为现在 a 获取了 b 数组的所有的元素,所以我们现在要加下标啊, index 啊,那么他第一次渲染的时候是从零号进行渲染的啊, 零,第一个是 a 零, a, 零就是 a, a 一就是 b 啊, a 二就是 c 啊, c, 好,我们再换一下吧。好,我们换一下,我们把这个 abc 换成,呃, abc, 一二 d 啊,或者是一二一,我们再点击变异试一下。 好,现在我们就渲染出了一二三四五啊五个元素了。好,其他的一些列表渲染的方法是类似的。好吧,那么这节课呢,我主要就是给大家讲呢否循环怎么在这个 w x m l 里面进行一个渲染操作啊?感谢各位同学收看。

不懂代码如何制作这个微信小程序?如果你懂一点点代码,那么对你这个小程序制作还是有好处的, 如果不懂代码也是没有关系的,像我后面这种可视化操作系统也是可以操作的,不过稍微懂一点这个代码,对这种可视化操作还是比较方便比较简单的。所以我下面就给大家来说说这个微信小程序从制作到上线的整个流程环节是怎样的。 首先就是说我们要制作这个微信小程序,那肯定就是少不了这个注册小程序账号,那么注册小程序账号就需要这个微信开发者公众平台 工具来操作,首先第一步呢就是我们需要打开这个微信公众开发者平台。好了,现在我已经打开了,如果你首次注册的话,那是需要这个在这里进行立即注册,注册这个小程序账号的这个 小程序账号注册也是很简单的,只要你填写一下你这个实名信息,还有这个营业执照信息。小程序注册完成之后, 首先我们要点这个小程序到这个首页,我们要点击这个小程序信息,在这里把这个基本信息完善一下,选择你这个服务内容,就是你要经营的这个内容和这个服务场所。信息填完之后呢,我们需要 点击这个旁边这个,选择这个微信支付。这个微信支付是干什么的?就是对于这个商城小程序完成一些这个在线支付这个功能。然后呢我们就点到最上角这个下面这个微信支付,这里有个进入微信支付, 然后在这里申请接入这个微信支付,接入这个微信支付下面有一个企业和个体工商户,他需要这个营业执照,还有你这个个人身份证这个信息,还有这个身份证照片。 不过在这个进入微信支付之前,你是要完成这个微信认证的,把小程序这个微信支付功能开通了,还有这个微信提醒也开通之后,我们就用这个可视化的操作系统来制作这个小程序页面, 还有一些设置一些这个基本的这个交互功能全部设计好了,然后测试好之后,然后我们点击这个 这右上角有个发布,点击发布之后,然后把这个代码保存下载你的电脑的文件夹,然后呢我们需要打开这个微信开发者工具,然后在这里点击这个导入项目,然后这个 app id 呢就填写你这个微信公众平台,这个 app 导入成功之后呢,在这里点击这个编译或者这个预览,在这里点这个交互进行一些功能测试,如果成功的话,我们就在这里有一个上传按钮,那么你就点击这个上传,然后选择 版本一点零,点零,然后描述就不用改了,然后提交就可以了。提交完成之后,我们再回到这个微信小程序开发者平台,然后我们点击这个左上角这个版本管理,下面呢这里就会显示一个提交这个版本代码,然后你在这里提交审核就可以了, 选择这个不加急,然后把这个描述还有这个小程序的基本功能写一下就可以了,然后再提交审核,审核成功之后,那你再回到这里来进行这个提交发布就可以了, 那么你这个小程序从制作到上线就完成了。总之呢,这个小程序制作还是非常那个简单的,只不过就是比较有点繁琐,流程有点多,而且这个小程序的这个应用场景也是非常广的。 这个电商啊,还有这个零售啊,都是可以用这个小程序的,而且小程序用起来也比较方便,不占这个内存空间啊。今天我就给大家分享到这里。

大家好,我们今天接着学习这个微信小程序的制作,今天主要是做一个简单的一个登录的一个页面。 呃,主要是来认识一下啊,这个他的一个组建的使用,然后这个新建一个项目,项目的话我这边都是默认的就好了啊,就不改了。这是什么?默认的一个名字吗? 主要的话呢是认识一下这个 api 的使用啊,他的一个 button, 一个按钮,还有他这个输入框的一个使用。 嗯,主要的话像这个输入框他的这些功能稍微多一些, 这个八字的话呢?按钮他这个比较简单啊,这个书的内心稍微多点啊,大家可以呃了解一下, 这都是他的一个属性, 请把这个加载好了,我们来。首先首先我们来做我们的一个界面, 这个界面是他的一个代码,我们把他这个代码删掉,写我们自己的 有点卡, 然后在里面写我们的一个登录。 呃,这面首先第一个是他的一个文本啊,是用物名标签 用户名,下面搞有输入用户名的一个路况 啊,默认是 s 本框的一个书型,然后下面再搞一个 t 恤啊,密码, 密码,下面搞的密码输入框。 呃,内心的话不搞文本的,我们直接以 密码的有个密码的图形微针点于, 然后我们再加一个,再加一个按钮 啊,你保证看一下 啊,你看到了吗?大致就这个效果。但是这个输入框这一块的话呢,没有边框,看到没有是吧?看着一片空白,没有空边框,稍后把其他边框。那我们先来看一下印度的这个他的一些属性 啊,可以看这个内心这一块,内心这一块的话呢,他有文本的一个输入方式,还有数字的,是吧?身份证号呢?有多种, 然后刚才我们是有本的一个,呃,一个书的一个格式,然后下面还有一个,我刚才用到这个密码,密码的话呢, 用他做了一个密码的一个属性,对吧?啊?就是师傅以密码类型啊,他的一个参数值的话是一个逻辑型的啊,我们默认是为假,我们我们设置为真啊,就是一个呃密码的显示输入 啊,这就这样的效果。嗯,那现在我们来给大家增加一些这个样式啊,在这个表里面样式表 w x s s 这个 ins, 这个呃文件里面 默认是没有的啊。我们自己给他加一个是在音铺的标签,给音铺的标签加一个样式。加什么?加大的一个边框, 一个小组的宽度。 呃,边框颜色为黑色,然后再给他我们保存看一下 啊,可以看到这个黑色边光,但是这个有点窄,对吧?你看说的这个文本的话跟这个边光挨得很近啊,并不是很美观,我们可以跟他宽一点。再一个,呃,搞一个内编剧吧。 pa 内编剧是个像素就好了, 现在稍微美观一点,是吧?行,那现在的话我们来设置这个按钮的一些 呃属性按钮,我们来到前台看一下啊,我们在这边设置用这样的方式,没钱的方式跟他输入, 然后这是他的背景颜色,背景颜色的话为 bc 啊。 orange 搞一个橙色的啊,保存看一下, 对吧?橙色的,橙色的,但是他跟那个上面这个输入框离的很近,我们让他把它上面距离远一点,用一个 上面就是这样做,对吧?其实做过前端这一块,对这些属性也都是非常熟悉的,有一些 如果说有一些这个前端技术啊,相因就是很容易去做的,他跟大家有宽度,宽度高个百分之百的, 对吧?哎,大致这样一个单独这个啊,界面就是就这样做出来的啊,非常简单啊,非常简单。 嗯,他这个主要是做了个效果,大家想开的话自己可以去美工一下,我这边主要是做一些视频,呃,音乐呃,所以搞的比较简单。 那现在的话界面做出来之后我们可以写一些他的逻辑代码啊,在里面再拿文件,在这个文件里面一代,在 gs 里面我们再写他的逻辑代码。写什么呢?首先要搞定啊,我们有我们就是输入框之后,输入之后 数据是吧?我们要保存起来,用 date 这个数据给他保存起来啊,比如说这个用户名是吧?啊?把他用用户名数的用户名保存起来 啊,啊?然后那个的话我们默认为空啊,因为用来保存的吧,然后还密码,密码的话啊也是默认为空啊,保存的。然后在下面的话我们再写一些函数,就是回调函数来用来保存。 首先的话呢我们用这个 啊,怎么说呢? 找一个参数用来接受 那个,呃,他要函数返回的一些数据,然后的话呢我们把这个数据把它获取下来,呃,然后用这个类似 二三对 吓人, 哎,这个怎么有点问题?看一下。哦,这个还是出错了,这个大爷,这个 就是感觉有问题啊。 setting, 然后设置它的这个属性,就是说这个变量的它的值设置,呃它的值多少,但是 首先输入他的一个用户,他的一个,然后他的就是这样的,是牵着根的形式来存住的猫号,然后在里面的一些 这个纸的话呢,我们是从这个呃门框里面来获取到的啊,就是一点这个回教函数吧,他会把这个输入框里面的数据 保存这个一这个参数里面,我们把这个一里面参数这个纸拿出来就好了,依然对准 detail。 第二 value, 这个就是拿到这个他输的之后的一个纸,然后放到这个 u 字这个边角里面,然后我们再来设置这个密码,把密码 美衣啊 跟他的之一 啊,这个直就保存好了。 记得就是每个每写一个函数的时候的话呢,用括号写,不用括号,最后一个不用不用加, 然后在下面的话是写这个按钮,按钮的按钮就是说用来打断他这个密码,用户名的密码是正确。 嗯,首先我们来获取获取这个用户名,他里面的纸用户名跟密码啊,我们第一个变量来获取,这样,嗯,用 u 来接受他的一个用户名 this 点, 这是来接收他的一个用户名的,下面来接收他一个密码,用一个电量。 第二,对, 然后在之后我们用来判断 他的用户名的密码是我正确用艺术来判断用户名是否等于 ktm i n 一二三, 然后先拨号,如果说等于的话我们往里面直行,如果不等于的话就来 c, 如果说不等于的话怎么办呢?不等于我们搞一个提示光出来就是他的用户。没错, 其实我们用到一个里面的一个函数,微信小程序里面的函数 ws 点,嗯,显示 啊,用这个函数,这个函数里面的话呢,是一个,对,他这个参数是一个 对象的一个呃,数据里面的话呢,是一个,就是事实上的一个提示文本,就是呃,登录用户名错误, 对吧?然后给他搞一个图标错误,图标 su, 啊,错过图标就可以了 啊,是登录,这是他一股没错的情况下啊。回来。嗯,打印出这一块,如果登录成功的话呢,那我们就是继续来判断他的密码,看是否正确, 七是否同意, 一二三五六,对吧? 如果等于,如果等于的情况下,那么那么就输入登录成功了,用五名的密码度等于的情况下,那么输入登录成功了。跟下面一样,把一个提示框出来,微信一点, 然后他的一个标题的话呢 啊,如果说如果说,呃,他密码错误的话,那么就是这个样子, 那就返回 呃密码, 来个错误图标, 错误图标,他这边有好几种图标可以自己设置, 然后这个这个大致的逻辑就是这样的,我们可以保存一下,保存之后的话呢,我们在这个前台的前端这一块界面,这一块我们来调用,把这个, 把他这个回调函数把它写进去。首先在这个用户名这一块啊,使用那个 他的回调函数是绑定,他绑定的是用户名, 可以回到函数,然后这个密码这一块的话呢,他绑定的是哎音铺子是密码, 这是密码孔,然后再按钮,按钮的话他绑定的是,嗯,他是一个, 他这个回调函数什么意思?这个回调函数的话呢,是你在输入这个字符的时候就会触发这个回调函数啊,就是你在,你在这个,在这个输入框里面,你只要输入字符啊,他就会触发这个回调函数,然后跑到这里面去 啊,执行这个函数里面的线啊,你的一些自己写的一件代码就是这样的。然后这个按钮这一块的话呢,它是用那个触摸点 ap 还是用这个蝴蝶花花树, 就是在你点击的时候就会出发这个回家啊,然后保存来看一下效果, 就是说我们在这里面随便输入一个,是吧?然后密码随便输入一个,我们来看一下登录啊,用户没错误,对吧?通过用户名改成正确的看一下,点了一二三, 密码错误,密码错误,我们来改正正确的一二三四五六,登录一下 对话就能成功。嗯啊,这是这样一个效果,就这样的啊,非常简单,大家可以自己去。嗯,练习一下,而且今天视频就到这里了。

啊,今天呢准备做,开始做这个,麦当劳这个仿这个来做啊,我们看一下这个布局啊,这里有一个这个第一页,这里啊卷仓,其实他这边 这个滚动条啊,滚动这边右边呢,就相对这个内容滚动,那肯定要用的数据库了啊,到时候我会搭建起来,所以我给大家讲一下。好,这里 首先我们看一下布局。好,这个是我就要新建的,是吧?要新建个内容,然后这个其其,其实这个我都不想要了啊,我就新建一个内容啊,在新建的时候这个会出现一个问题,我们在后面去 啊,关掉,他在后面去啊,然后这时候就建一个位置,然后这里就测试一下,然后测试号啊涨上去啊,这就可以了。好,这是最基本的,每次项目的一个新项目都是这样做好了,先拿到个例子再来说,是吧? 然后这边我看一下在这个位置,然后这时候我布局一下哈,总体规划要做好,然后在这个地方 好准备去做这布局了啊。首先我把这个全部删掉吧,这是必须的啊,清空,然后这个样式也清空 啊,这个在前面我讲过一次啊,在每次做一个新东西就要这样做,然后这个这些洗要不清啊,都要清啊,因为这些比如这个变量都不要,都不同的了。然后你这里呢啊,这个可以留住啊,这里后面就全部清掉了。清到哪里去?清到这里啊?其实你可以全部清到这些, 但是这这些一个结构就很常见的,我要用,是吧?可能要参考一下。然后这里呢,在这个 app 这里啊,他也有学样式,我也要清掉他,其实在这个地方这些有 填充,你也可以清掉它,其实这些就没有必要留在这里了啊,除非你说要登陆啊,而且其他细致我们再说,再来 叫留住啊,到时候做登录的研究,到那里的时候可以做啊,这时候整个也是空的。那怎么布局呢?首先我们知道他是布局有分几部分啊?上面一个部分是用来做滚动条的啊,现在我先写一个一下去啊,比如说这里 先不做功能,我先布局啊,这个 t o p 是吧,然后 t o p 下面有什么都有,这里有一行,这个是地址吧。好,这时候我又写个六 啊,这个是克拉斯啊,这个是 t o p 的啊,地址,那么将来你可以按照自己定义啊, d d i e s h a d d i s。 哈,这个是,然后呢?这里一个是 d 二 快是不是?然后这里还有这里一块,这里一块两块,那就说这两块呢,我可以这样定一个六啊,这个是克拉写 啊,这其实左边它是菜单是吧?啊?菜单好,这个是左边吧,我这样子 或者用妹也行,是吧?这是第三块,还有一块呢啊,第三块我叫回车下叫他,反正要添东西的嘛,好复制第四块,第四块相对应是吧, 这里一个右边的 第四款,然后做完之后发现其实根本就没有任何样式好,所以所以呢,上面是一个滚动,我做不做先不不着急啊,先把这个样式啊,这个布局做好一些, 点下来,点下来之后 t o p 是不是他长多高啊?首先我不管他长多高先,我首先给个颜色吧,然后背景色,然后再调一下,让他长得不同颜色,让他到时候看得到,是吧? 好,保存住,是不是要高度要处理啊?看一下好,这个地方差不多是不是?那你四百也可以啊,这个看自己情况啊,然后这里一个样子,到时候做一个滚动,是吧?所以这里的上面布局就基本上可以了,然后这边 啊,就二是吧,二是什么?那我就拿过来是这个吧啊,这个然后样式里面写上来 啊,要是弄熟之后后面的数据库我们再来做好,这时候高度也是要有吧 啊,这个还可能没有这么高,是吧,然后颜色也要一个吧,啊,这样就好,这个选一种颜色是吧?这个先因为现在是布局好随便选 啊,不要一样就可以了,以七分之啊。啊,这个不不透明显啊,他像类似的,不要用这种啊,保存一下好,这里一部分准备做地址啊,如果不够啊,这边三和四,左边一个,右边一个。那这时候呢?来到这里 啊,这个怎么做呢啊?我看一下这里。好,这时候做这个的油呢?我写下来要不要加什么东西?是不是首先三和四他是打横的,打横的话呢?我这样就要怎么办啊? 可以做一个东西装入他,比如说这个东西装入他,装入他们两个是吧?好,这个可能要给个名字了。 好,写个 aenu 吧,因为他装入两个,那么右键我文档格式换一下,他就发现啊,他装的是两个,这个三,这个四是吧?这专注,然后这里 我要他两个排上来啊,前面用的多了啊,这个显示是吧,用哪一个 啊?这个就可以了。好,三和四就排下来了。好,三和四的高度,其实他内容有多高,到时候会自动啊,就自动站多高,但是我们发现这里他这里是固定的,看到没有,这里基本上固定的好,就说这里是 上去的时候,这两个是不走的,说明你在这里的时候他稍微固定,然后这里呢?啊,太多了,他会走了,这个是后面的实线啊,但是首先我们先布局一下他左边 而高度啊,所以这里占的是多少啊?就这里是自动,你可以不管他就这里面放了多少就就定多少,是吧?但是宽度我们要定, 你不能打算吃,最后找到二十啊,这样子他为了看到他,我是也是用同样的办法,这样也放一个颜色下去吧,好,放这种是吧? 大家能看到啊,这时候是怎么样啊?如果你内容有了啊,到时候这个内容就往下推,是吧?他就会变大啊,所以这里呢,我是 试一下我自己给一些内容啊,啊,给一些内容肯定要加一些东西,是不是加些图片啊,或者文本啊,或者框啊,只要我加这个 啊,加个 好,这是内容是吧?那么这个内容呢?肯定是紫菜档的 a n u 的 a d v 是吧?好的, a m n n b a 是吧? 好,很牛逼,好,这时候我们写一个内容,然后这些内容呢,我要多大啊?这时候我就去做一下这个内容啊,随便做一下先。 好,这个是一共两百,然后就把宽度出来一百了,因为他在在在这个百分之二十的里面的嘛,然后给一个高度,好,这时候打错了是吧?打错, 这时候一百或者两百一个,这打出来他会提示颜色不一样,这里大家要注意这边 id t h 是吧? 啊?读出来哈,不要历史啊,哈呀,这样子读没有啊?到时候没人告诉我是哪个错了啊,这时候就就有了,如果你再有多哈,再说,这是第三的第一个, 如果说上的第一个还有排第二个,当然数据库的时候他肯定是用循环来实现的啊,这时候我先布局给大家看这个样子,保存一下, 你这边是不是很多啊?他就可以,是吧?好,这时候后面我再处理啊,这边右边是他就做处理大的。好,这次到时候固定什么位置呢?就灵活处理 啊,基本上这布局就会出来了。好,这边四有多大呢?你们看一下右边这边都有,这是四,我也看一看他的占了多大啊, 明明这里还没做完呢。然后呢就给一个颜色吧,也给一个背景色,因为这里还没定的话,他会占的位置是不一样啊,保存之后你看一下这个位置。 好,我给一个蓝色,好,这时候四是什么颜色?他只有一点点是吧?一点点哈,所以这宽度要有 啊,宽度多少?因为前面这里是百分之八二十,这里是百分之二十,那么这边右边为占百分之八十 分号,然后再调下颜色,会让他明显一点。 好,这样就区分到了。好,基本上的布局就可以了,到时候这些怎么固定,我们只有些技巧要去做啊,这是准备做这个麦当劳的房子是吧?把麦当劳的。

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

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


今天说一下微信小程序啊,微信小程序呢,就是在微信框架内运行那个程序,那么这个程序他能做什么呢?就是可以做这个呃,工具或者是其他的一些东西都可以,那么这个程序怎么做呢? 首先呢这个板块在哪呢?就是在微信里边发现一个小程序,对吧?然后呢我们找到好多门店小程序,搜索好多门店就可以了啊, 搜索进入好多门店以后呢,好多门店呢,有这个各种小程序,你要想做什么样的都可以,比如说扫码点单呢,是吧?直接点开扫码点单哎,你可以选择你的版本啊,根据你的需求去选就可以了啊。然后的话还有这个商城类的都可以,包括社区团购的呢,都有。 所以说呢,这种是做小程序是最方便快捷的,而且呢这种小程序呢也是商用的,都特别稳定。当然呢模板的小程序不建议大家去用啊,一是不稳定,二是呢你做大以后后期去改一些东, 换一些东西的话就比较麻烦啊,数据啊,这个是最安全的。所以说呢,我们做这个小程序的话,直接在微信里边这个搜索里边搜好多门店就可以了啊,做个程序如此简单。

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

大家好,欢迎来到爱丽学堂啊,今天我们来接着讲啊,微信小程序开发快速入门课程的第二部分啊,开发准备啊,在我们学学习微信小程序开发之前啊,我首先要准备我们的一个开发环境。 首先第一点啊,我们之前讲过啊,小程序他需要去官网去注册一个账号啊,去我们的微信小区官网注册一个账号 啊,注册注册好账号之后,我们要获取到啊,一个 app id 啊,待会我们在创建项目的时候,然后需要需要用到这个 app id 啊,啊,所以我们打开我们这个微信小区官网 啊,打开之后啊,这就是微信小程序官网啊,往下拉啊,这下面话有一个接入流程啊,这个地方就是教我们告诉我们怎么去注册一个微信小程序账号啊,我们点击前往注册, 全网注册后,我们在这个地方啊,我们这地方输入邮箱密码啊,啊,一步步按这个,他这个步骤啊,首先是账号信息啊,然后邮箱激活啊,信息登记啊,这样一步步操作啊,注册好之后啊,我们就有一个微信小程序的一个账号,好 啊,微信小型账号我们获取到之后,我们就啊来查看我们这个 app 啊,这个地方我们看一下 啊,注册好之后啊,我们首先肯定是要登录进去啊,通过账号登录进去我们这个 啊,我们这个微信小程序这个后台啊,这个地方我们看一下他这个地方有个选项是开发,我们找到这一项,我们点击,然后这个地方有开发设置,开发设置有一个开发者 id 啊,这个地方有个 app id 啊,这个就是 小程序 id 啊,这个是每个人啊,每个账号啊,都有唯一的一个 app id 啊,我们把这个 app id 啊复制保存下来啊,本好之后啊,第二步啊,我们后面啊会用到的,然后第二步我们去下载我们这开包工具啊,我们同样也是, 那打开我们这个网页啊,这个地方往下拉啊,这个地方,这官网下面有一个开发支持,下面有开发者工具啊,我们点击打开。 好,打开之后我们这个地方啊,这个盖栏啊,这个地方也也有个链接啊,有微信开发者工具这样一个链接,我们再点击一下 啊,点击打开之后啊,这个地方就是我们下载啊微信小程序开发工具的先啊下载地址啊, 像比如他有多个版本啊,有稳定版啊,遇发布版,还有开发版。好,我们下这个稳定版啊, 稳定版的话分多个平台啊,有 windows 的,有麦克 os 的啊,这个我们我因为我这个电脑是 windows, 我下载是 windows 啊,你们搜过的就可以了。我们点击啊把这个安装包下载下来,然后直接双击啊下一步,下一步就可以安装好了啊,这个安装比较简单。 好,安装好之后啊,我们就来创建我们这个小程序项目啊,创建我们小程序项目啊,我们找安装好之后,我们点击啊双击运行我们的微信小程序,然后我们要做一个登录操作啊, 我们可以通过我这个微信啊,扫一扫,通过扫扫描码就可以直接登录我们这个啊开播者工具啊,开登录之后我们就 这样一个界面,这就是我们微信小程序的一个啊,工具界面啊,这个地方我们看一下啊,这个地方我们要需要登录进来啊,通过我们这个微信啊登录进来,登上之后我们这个地方就可以创建我们的微信小程序啊,这个地方有小程序小游戏代码片段啊,这个地方我们就 这个。首先我们这个地方啊,这个是新建项目啊,我们要创建项目就点这个新建项目,如果我们是导入已有的项目,就选择这一项啊,新建项目的话,我们这个地方有啊,项目名称啊,我们随便定一个项目名称, 哈喽,我的。然后这个地方就是我们的一个项目项目承办了目录啊,比如我们把这个项目要存放在哪个地方啊?我们这边选一下 啊,比如说我们在这个地方啊,先建一个 helloword 啊,我们就把这个选择作为我们这个陈放的目录啊,把我们这个小程序安装在这个目录下面。然后第三个就是这个 app id 啊,我们之前啊,注册好我们这个账号之后,登录之后登录我们这个小程序后台, 我们获取到这样一个 ab id 啊,如果是啊,你把这个 ab id 复制到这里就可以了啊,如果是你没有 ipad, 点一下这个注册号,我们点击一下啊,这个就是一个啊,一个一个测试用的啊测试号,这是个我们测试用的一个 apid 啊,这是这个啊,这个小程序工具为我们提供的 apid, 如果你没有就点击这个注注使用这个测试号 啊,如果你自己的话,如果有的话,自己就把这个复制在这个地方啊,复制好之后,我们这个地方啊选择开发模式是小程序啊,原先是加入这个啊,我们就先进点击先进啊,先进之后 他这个地方会有一个啊,加载过程 好,加的好之后我们看一下这个打开的话,就是我们这个啊,小程序开发工具,然后这就是我们啊创建好的第一个小程序的一个应用啊,比较简单。 好,第四步啊,使用第三方开发工具啊, vs 扣的啊啊,所以说我们这个微信小程序啊,微信官方已经给我们 提供了这样一个微信开发者工具啊,来提供给我们进行开发啊,但是我们啊,但是我在实际啊,应用开发工作中的话,我很少会用这个,因为他这个东西啊,还是啊相对于其他的一些啊, 开破工具或者编辑器啊,使用起来的话啊,效果没功能,不是很使用效果不是很好 啊,特别在编辑代码的时候啊,没有 vs 扣使用方便啊,所以我一般用的话就是 vs 扣来使用我们这个编辑我们的代码,然后在这个地方进行调试啊,观看这个模拟器啊,这个地方就是一个模拟效果, 这个地方这就是模拟器啊,我们可以点击给打开啊,可以弹出一个模拟器啊,我们在 vs 扣上面编辑代码,然后在这上面查看效果以及调试啊,这个地方是调试调试 日期啊,可以看到我们的打印的日志啊啊,所以说我们一般使用 visco 来进行进行开发,然后在微信开发者工具上 是使用他这个模拟器跟调制器这个功能好, vsco 的话我们我们下节再讲。

各位同学大家好,在上一小节给大家讲解了如何在小程序当中发送请求, 那么这一小节我们来给大家讲解一下如何使用到第三方的主监库啊,那么我们首先给大家推荐的啊,是,嗯,问特给我们提供的小程序主监库啊,那么在这在百度里面搜索问特啊, vapp 好,就能够找到我们哈,问特小程序组建库的这么一个官方网站,好,我们点击进来 啊,连着他这个马云的这个网站里面来啊, beat huff 来,我们再点击他啊,就能够进到我们问特的官方网站里面来了啊,那么问特是在业界做的比较好的 啊,也是比较良心的啊,那么首先找到快速上手啊,那么我们 需要去安装他好,怎么安装呢?好,来,这有一个步骤,一是通过 n 片门安装好,我们就照着他的方法来做就可以了哈,通过 n 片门好,我们就通过 n 片门来装一样的,我们需要把把我们的项目拖到中端里面来好,然后复制这条命令 好,等他先装好,已经装好了,装好了之后修改 app 点接审啊,他说把这个 app 点接审当中的史代奥威尔给他去除掉, 那么就找 app 的节省当中的时代威尔啊,给他去除啊,那么官方说的含义是,他说新版基础主要可强行加上去的样式啊,不好覆盖啊,那我们知道 好好的做就可以了哈。那第三是修改 project 点卡,飞个点接生当中啊,那么 复制啊,这些命令就可以了啊,从开发的正确引导当中屏幕依赖的位置啊,我们就进到,我们把中单先关闭了,已经装好了啊啊,进到这个 project 点咖啡的点节省当中啊, 我们在这看搜索 ct 啊,搜索 ct 啊,这个看有没有他啊,看帅 f 啊,他这个只是 poss, 我们要把它改成醋啊,然后就是这个 利死他啊,来把他删除啊, ctrl v。 好,他这里面是个空数组。好,那我们把这两段画给他加上 好了。加上之后啊,这报了个什么错呢? 不对,这外面是个对象。少复制一个大口号,把复制过来好,然后格式化一下 好,保存完之后把它关闭接着来啊,那点击构建 npm 包啊,点击构建 npm 包,我们就要点击工具啊,找到构建 npm 啊。说这个迷你 cogram 未找到。靠,怎么会未找到呢? mini program 找到。好,我们看一下。是不是使用 npm 模块啊,这没勾上哈,使用 npm 模块把它勾上啊,然后我们再来重新构建一下哈。构建 pm 啊,他说还是没找到,我没没找到呢, 未找到的话,那么我们就不使用这个啊,你看看,因为目前 n 片梦构建的目录是他。 那我为什么我这没有屏幕陌生构建的这个 啊,找到工具啊,找到他啊,未找到的话,如果大家也报这个错啊,没有关系,我们可以使用到第二个方法。什么第二个方法呢 啊?我们找到这个罗德摩的是下面的。嗯,这个问他啊,问他 问他。下面有一个啊, vip p 下面有一个 des 头文件夹啊,如果大家 npi 部构建成功了啊,就可以直接用啊。如果 npc 没有构建成功啊,我们就用第二种方式找到他,找到他之后把这个 dc 头文件夹复制啊, 复制,复制到我们的耐薄文件夹下面来啊,来,点击粘贴 好,然后把这个迪斯特改个名字,好,就改成叫问他 好,相当于是把他的元宝给他拷贝出来了啊,实际上你用 npm 构建啊,实际上也是构建的他的元宝啊,所以说我们在这啊,直接通过第二种方式吧,直接把他 他的原版给他复制出来啊,那么我们在这就可以用了,在每个组件当中就可以用了,我们只是指从指定目录去引,如果连接 n 片梦构建成功了,我们就通过 n 片梦啊,承诺的波子使里面去引啊,如果没有构建成功,我们就从指定目录去引啊, 怎么引呢?比如说我们在这个 index 的阶层当中来啊,在 usine 卡泡沫池里面啊,就跟我们使用指数键是一样的啊,比如说叫维恩巴特啊, 那么写我们的路径啊,选择点点杠啊,再点点杠啊,赖博下面的,问他下面的巴特啊, 然后你看文档啊,找到这个巴掌,看有没有 index 啊,好,有 index, 然后斜杠 index。 好,现在我们就有一个 vn 巴特的这么一个紫主线啊,好,我们回到这来 啊,把它注视一下啊,然后在这写啊,写个按钮啊,我们保存,看一下样式出来没有啊,看,没有,样式已经出来了,我们把这个复制吧,把它官方的例子复制 好,保存看到没有?好,已经出来了,好,说明我们已经使用成功了哈,那么这一小节就给大家讲解了,好,如何去使用第三方的主见库啊,个人推荐问他好,还有两种方式,第一个方式是通过 np 们去安装,这种方式是我们把他的元宝拷贝出来啊, 拷贝元宝其实还是比较方便的啊,如果大家 npig 像我一样勾结不上的话,很有可能勾结不上哈,可能是这个小程序 npim 的机制原因。好,那么我们就把他元宝复制出来啊,从指定目的去印就可以了啊。好了,本小姐就给大家讲到这里,谢谢大家。

很多朋友不知道零技术,通过套用模板也可以自己来设计这个小程序的界面,我们可以选择一个靠谱的第三方平台, 以桥托云这个平台为例,这是目前比较主流的模板开发平台,这个平台里面有开发了非常多的晚上模板、商城模板、小程序模板。我们要做小程序的话呢,可以在轻易用小程序这里点击去管理,打开小程序的后台管理页面, 接下来呢,我们可以在小程序的后台这里完成小程序的开发。首先要做的是授权小程序账号,点击前往授权呢,你可以授权各个官方的小程序账号,授权好了之后呢,你再去挑选模板,点击前网设计呢,你可以打开小程序模板页面, 通过这边的分类,快速筛选出你想要的小程序模板,然后直接可以点击替换,也可以先预览一下模板页面的内容,这个就是模板的界面内容首页、内容底页的 简介,主营的产品,这些界面的我们都可以去编辑修改,点击替换,打开这个模板界面,接下来你可以点击编辑这里面的内容文本可以直接通改图片可以双击替换,点击编辑可以修改图片, 往下滑动其他的内容,有一些你觉得不需要可以直接删除,在这里点击删除键即可删除左侧的模块功能,可以直接拖拽添加进来。在小程序界面模板基础上,我们可以轻松编辑搞定小程序界面的设计和制作,做好之后提交官方审核,审核通过小程序即可上线后续维护的。

微信小程序商品上架流程,上架自己的商品目录到小程序页面中,选择一个小程序模板开发平台。乔拓云在这个平台里面注册会员,打开商城后台管理页面。第一个步骤,先去开通小程序账号, 如果也有小程序,可以直接授权。第二步,在小程序模板中心筛选模板,打开模板编辑页面。第三步,回到后台,点击产品功能,在后台这边管理产品, 一键导入所有商品目录。第四步,编辑小程序上架商品。在底部导航这边可以直接添加一个商品的分类页面。乔拓云开发了小程序所有相关页面, 你可以在这里面选择产品分类或者是产品的筛选页面,添加一个产品分类页面,进来之后在右侧编辑面板这里自定义来编辑上架商品,在这里来添加分类,然后选择要展示的商 品类别,就这样子上架商品。操作非常简单,不需要懂得代码技术,你就可以轻松搞定。将所有的商品类别添加进来,更改这个产品分类页面的展示样式,就这样子上架商品到小程序中。你也可以在编辑小程序首页这里,通过添加这边的产品模块来上架商品, 点击这边的产品展示模块,自定义更改模块的标题,更改模块展示的样式,勾选展示的商品,就这样子来上架商品到小程序页面中。装修完毕,将这个小程序界面提交微信官方审核即可。

开始做毕业设计的第十五天,今天是我做毕业设计的第十五天,然后现在,呃,来展示一下我的成果。然后就是现在做一个发布的功能, 就是首先需要登录, 然后登录成功就可以发布图片了。 嗯,可以随便取一个, 然后这里还 可以点击再增加一行, 然后这个这个就成功发布了,然后还做那个详情页。嗯,然后大概就是这样,然后就是还有就是删除功能, 把这个删了吧, 然后就没了。然后最近遇到一点瓶颈,希望能早日做完。