《校内实训日志》DAY 02

实训Day02 日志

今日实训主要了解微信小程序的网页开发管理页面、开发工具以及一个小程序的基本结构。

 

一、微信小程序的网页开发管理页面

在管理页面了解到了小程序开发过程中的管理、功能、开发以及小程序的发布流程。

《校内实训日志》DAY 02  《校内实训日志》DAY 02  《校内实训日志》DAY 02

 

以及如何在此页面注册获取小程序开发的开发者ID。

 

二、开发工具

学习了如何使用开发工具创建一个小程序工程。

《校内实训日志》DAY 02

了解明确了一个小程序的开发的基本结构,小程序由配置代码JSON文件、模板代码 WXML 文件、样式代码 WXSS文件以及逻辑代码 JavaScript文件组成。同时对各个文件的作用进行了理解学习。

 

小程序的运行环境分成渲染层和逻辑层,WXML 模板和 WXSS 样式工作在渲染层,JS 脚本工作在逻辑层。

小程序的主要开发语言是 JavaScript ,开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来完成业务需求。

JSON 是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色。WXML 全称是 WeiXin Markup Language,是小程序框架设计的一套标签语言,结合小程序的基础组件、事件系统,可以构建出页面的结构。

WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果。

WXSS与Web开发中的CSS类似。

《校内实训日志》DAY 02  《校内实训日志》DAY 02

在明确各文件作用后,结合所以前端知识的部分知识,并按相关步骤后,能够做出简单的小程序demo。

《校内实训日志》DAY 02

课后成功实现demo也去学习了Flex布局并简单实现。

实现效果如下:

《校内实训日志》DAY 02