微信小程序开发教程（基础篇）-初识微信

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信小程序开发教程（基础篇）-初识微信

微信小程序开发教程（基础）1-微信小程序初识

在上一篇教程的*后微信小程序开发教程（基础篇）-初识微信，我们生成了一个类似“Hello World”的小程序，过程中没有编写任何代码。

创建新项目后，微信小程序会生成一个默认的程序框架，后续的程序开发工作将在此框架上进行。 这个默认框架包含以下部分：

应用程序.xx

每个微信小程序都会包含三个文件：app.js、app.json和app.wxss。 app.js文件包含了程序的逻辑实现代码。 app.json是全局配置文件，app.wxss是全局配置文件。 样式文件。 后面会详细介绍各个文件的内容和作用。

页面目录

页面目录包含程序的当前页面文件。 以默认生成的程序为例，该目录包含index和logs两个目录微信小程序 开发，说明该程序包含index和logs两个页面。

以index为例，该目录包含三个文件：index.js、index.wxss、index.wxml，其中js为代码文件，wxss为样式文件，wxml为页面结构描述文件。

熟悉Web开发的同学应该会觉得很熟悉。 微信小程序的开发模式确实和网页开发非常相似。 目前逻辑部分仅支持语言，使用wxml（类似html）和wxss（类似css）来描述页面的结构和风格。 这里的和网络上的一模一样，但是因为它们不是运行在浏览器环境中，所以不能使用 等对象，自然也不能使用 . wxml和wxss的语法也与html和css非常相似。

该页面还可以包含用于配置的index.json 文件，但这不是必需的。

通常一个完整的微信小程序包含以上两部分。 当然，我们也可以定义自己的目录来存放公共代码和程序需要的其他文件。

应用程序.json

打开app.json文件可以看到如下代码

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

页面部分包含程序的页面，以便框架知道在哪里可以找到页面文件。 本节包含程序窗口的一些配置，详细配置项请参考配置小程序

应用程序.wxss

app.wxss 文件包含全局样式信息。 在默认生成的程序中，只有一个类选择器。 该类型用于index.wxml 和logs.wxml。

应用程序.js

该文件包含了程序主流程的代码实现。 这部分的分析请看下一篇教程。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等