微信小程序培训课完整版.ppt

框架的介绍结束，再介绍工具的各个功能区域下节课：小程序的组件介绍谢谢观看！！！微信小程序视图层简易教程视图层分3块内容 1、wxml 2、wxss 3、组件框架的视图层由WXML与WXSS编写，由组件来进行展示。将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。类似前面我们学到的HTMLWXSS(WeiXinStyleSheet)用于描述页面的样式。类似CSS,语法大同小异组件(Component)是视图的基本组成单元。框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。WXMLWXML（WeiXinMarkupLanguage）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。用以下一些简单的例子来看看WXML具有什么能力：犀牛课堂小程序培训课——培训讲师：Tabniu打开浏览器输入打开页面查看系统信息选择下载对应的工具安装工具打开工具（需要微信扫描登录）尝试运行微信小程序010302040506微信小程序开发工具学完你能做什么？怎么做？1、你能够独立的编写自己的网页，如个人简历。2、微信运营人员完全可以抛开网络上的微信编辑器，自己想做啥样就啥样，完全自己做主。3、你可以胜任初级web前端的岗位要求。4、你可以做自己想要的微信功能（基于你强大的javascript编程能力）5、除了以上，你可以开发网络上任何一家提供api的接口，实现自己想要的应用程序。如淘宝客，地图导航，天气预报等等。案例：电脑打开和手机浏览器打开是不同的风格,该案例用html+css+javascript+php+淘宝客api开发怎么做？通过教学，学会基础的知识，亲自动手，不懂先百度，再不懂问网友。周而复始，锻炼自己的一套学习方法和学习技巧。就像你一开始玩lol一样，拿出那样的游戏精神，大不了坑了队友呗，坑一次两次就够了，关键要学会思考，能做什么？先做什么？再做什么？不用一年，你一定会成为高手。网络视频的合理利用优酷视频：电脑打开优酷视频，有哪些信誉好的足球投注网站关键字“html基础教程”选择适合自己的视频观看。学习小程序所需的技能1、软件的使用（代码的辅助工具）浏览器：浏览器很多，有谷歌浏览器，火狐浏览器，ie浏览器，qq浏览器等，这里我们统一使用火狐浏览器调试。（没有火狐没关系，只要你有浏览器就行。只不过火狐好一点，不影响开发）编辑器：编辑器也有很多，有自带的文编编辑器，dreamweaver，eclipse，androidstudio都行，这里我们统一使用Dreamweaver编写代码。（没有dreamweaver也没关系，只要你的系统是windows，有记事本就ok）不要纠结细节。掌握方法才是学习的目的2、HTML：超文本标记语言（与浏览器沟通的一种方式，最基础）3、CSS：层叠样式表（就想人的衣服一样，装饰的，但很重要！！！）4、JavaScript：2016最火的网络脚本语言，往后几年会一直火下去（必须会！！！）。在这里要感谢微信大神：张小龙。html基础课程HTML：超文本标记语言标签：html/html闭合标签、br/自闭标签img/hr/HTML很重要，重要，一定要学好。HTML标签的熟练使用如：divaspanbimginputtabletrtdpulollidldtdd等等。演示常用的标签，并在浏览器打开，查看效果html代码分：块级元素/行内元素html在线手册地址：/html/多看前面我们提到css是一种“装饰”语言。是人的衣服，是多彩的，是多样化的，是灵活的。学习css我们能够把网页或者小程序（产品）打扮漂亮，为了让用户看起来舒服，用起来爽，专业点就叫用户体验佳，css就起到关键的作用。在学习之前我们要明白学习css是为了什么？01学习css之前html要熟练，没有墙面（html）的话，我们给墙面怎么刷漆（css装饰）？对不对？看视频教程，看书籍，写代码，调试代码，多思考。坚持下去，选择他就要把他学好，不忘初心。怎么学？？？02为什么要学习css？怎么学？css基础课程css中文名称：层叠样式表css语法：由两个主要的部分构成：选择器，以及一条或多条声明选择器：通常是指需要改变样式的html元素每条声明：由一个属性和一个值组成（如p{color:red;}）p就是一个html元素（标签）一个属性是color（颜色），一个值是red，中间用英文冒号隔开:在值