第二章总结

微信小程序的主题文件通常包括以下几部分:

1. app.wxss:这是整个小程序的全局样式文件,类似于CSS。你可以在这个文件中定义全局的样式规则,如字体、颜色、布局等。

2. index.wxss:这是小程序首页的样式文件,同样使用CSS语法。你可以为首页定义特定的样式规则。

3. 其他页面的wxss文件:除了首页,其他每个页面都可以有自己的样式文件,文件名与页面路径对应,例如:detail.wxss(详情页样式文件)。

4. app.js:这是整个小程序的全局逻辑文件,类似于JavaScript。你可以在这个文件中编写全局的逻辑代码,如网络请求、数据存储等。

5. index.js:这是小程序首页的逻辑文件,同样使用JavaScript。你可以为首页编写特定的逻辑代码。

6. 其他页面的js文件:除了首页,其他每个页面都可以有自己的逻辑文件,文件名与页面路径对应,例如:detail.js(详情页逻辑文件)。

7. app.json:这是整个小程序的配置文件,用于配置小程序的基本信息、页面路径、网络请求等。

8. project.config.json:这是项目的配置文件,用于配置项目的开发者信息、服务器域名等。

9. 小程序的页面文件:每个页面都有一个对应的wxml文件和json文件。wxml文件用于编写页面的结构,类似于HTML;json文件用于配置页面的属性,如导航栏、窗口背景色等。

这些文件共同构成了一个小程序的主题文件,通过编辑这些文件,你可以定制小程序的外观和功能。

f47a278673db4dd28362c777fa025954.png

小程序MINA框架将整个小程序分为两个部分:视图层和逻辑层。

1. 视图层:视图层主要负责展示数据和接收用户的操作。它使用WXML和WXSS来编写页面的结构和样式。WXML是一种类似于HTML的标签语言,用于描述页面的结构;WXSS是一种类似于CSS的样式语言,用于描述页面的样式。视图层与逻辑层之间通过数据绑定进行通信,当逻辑层的数据发生变化时,视图层会自动更新。

2. 逻辑层:逻辑层主要负责处理业务逻辑和数据处理。它使用JavaScript来编写页面的逻辑代码。逻辑层与视图层之间通过数据绑定进行通信,当用户在视图层进行操作时,逻辑层会收到相应的事件,并触发相应的事件处理函数。逻辑层还可以通过API访问微信小程序的各种功能,如网络请求、本地存储等。

通过将视图层和逻辑层分离,MINA框架可以使开发者更加专注于业务逻辑的开发,而无需关注底层技术实现。这种分层的设计也有助于提高代码的可维护性和可复用性。

bdfce1ebbffe4754807e1aabd3808727.png

在pages 中的index文件全部删除,其次在pages的json文件中的page代码第一行进行更改

在 news中新建四个文件:news.js  news.json news.wxml news.wxss 依次在该四类文件夹中进行编译

控制台会进行报错(在 逻辑文件中没有所配置的那个文件),在 app.json文件中的page代码进行更改,更改为目的路径:pages/路径/路径(文件所处的路径)

在news.json 文件中加个"{}"就以完成初步配置

在 news.js 文件中加个page({             })即完成基本配置

 

 

 

 

 

 

 

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值