企业官网建设流程全解析

1. 定义模板：<template name="blogItem">，name 是模板名字，一个 wxml 文件可以写多个 template 模板。
2. import 导入外部模板：<import src="/template/template.wxml"/>，路径从项目根目录开始写/template/...。
3. 调用模板：<template is="blogItem" data="{{...article01}}"/>
   • is：指定要使用哪个模板的 name；
   • data="{{...对象}}"：...展开对象，把对象属性传给模板内部使用。
4. 传参两种写法：
   • 方式 1：data="{{...article01}}"使用 js data 里面定义好的对象；
   • 方式 2：直接写字面量：data="{{title:'标题',time:'时间',desc:'摘要'}}"。
5. 模板作用域：模板只能接收 data 传过来的数据，不能直接访问页面 data 变量。

🛠运行操作步骤

1. 新建小程序项目，不使用云服务、不使用模板。
2. 在项目根目录（和 pages 同级），新建文件夹名字叫template，在里面新建template.wxml，粘贴模板代码。

⚠️重点：template 文件夹不能放在 pages 里面，要和 pages 文件夹同级，否则src="/template/template.wxml"会找不到文件。

3. pages/index 下 4 个文件替换对应代码。
4. 保存全部文件，清除缓存后编译运行。页面展示 2 位作者、3 篇博客，横线分割，全部复用两套 template 模板渲染。