相册展示 · 微小程小程序制作教程（副本）

# 相册分类 * * * * * ### 小程序： <table width="100%"> <tbody> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="90%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88-%E9%A6%96%E9%A1%B5%E7%9B%B8%E5%86%8C%E5%B1%95%E7%A4%BA.jpg"/> </td> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="90%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88-%E7%9B%B8%E5%86%8C%E5%88%97%E8%A1%A8.jpg"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> 首页相册列表 </td> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> 相册列表 </td> </tr> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="90%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88-%E7%9B%B8%E5%86%8C%E5%88%97%E8%A1%A8%E8%AF%A6%E6%83%85.jpg"/> </td> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> </td> </tr> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> 相册详情 </td> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> </td> </tr> </tbody> </table> ### 功能介绍 1. **首页相册列表**：创建完相册后，需要点击“首页推荐”，可以将相册展示在首页。 2. **相册列表**：点击相册分类后，进入相册列表。 3. **相册详情**：展示相册详情图片。 ### 新增相册，后台如何操作： **步骤**： 1. 点击【小程序】——【相册管理】。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E7%9B%B8%E5%86%8C%E5%88%86%E7%B1%BB1.jpg"/> 2. 点击“相册列表”，进入相册列表。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E7%9B%B8%E5%86%8C%E5%B1%95%E7%A4%BA1.jpg"/> 3. 首次进入，相册列表是空的，需要添加，点击“新增相册”。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E6%96%B0%E5%A2%9E%E7%9B%B8%E5%86%8C1.jpg"/> 4. 填写相册名称，选择相册所属分类，点击提交。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E6%96%B0%E5%A2%9E%E7%9B%B8%E5%86%8C2.jpg"/> ### 新增照片，后台如何操作： 1. 新增完相册后，点击“新增照片”， <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E6%96%B0%E5%A2%9E%E7%85%A7%E7%89%871.jpg"/> 2. 进入新增照片页面，填写后，点击提交。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E6%96%B0%E5%A2%9E%E7%85%A7%E7%89%872.jpg"/> * 图片名称：图片组的名称 * 所属相册：选择相片属于的分类 * 所属风格：自定义照片的风格选择 * 所属模特：选择该照片是哪个模特的作品 * 上传图片：选择照片组的缩率图 * 排序：数字排序，递增排序 * 简要描述：文字描述图片 * 图片内容：图文并茂展示图片 3. 新增完照片，会出现在这个列表里 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E6%96%B0%E5%A2%9E%E7%85%A7%E7%89%873.jpg"/> 4. 点击图片的三角区，点击“设置首页推荐”，可以将该组照片展示在首页，注意，首页只显示所有照片中设置首页推荐的前6个。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E6%91%84%E5%BD%B1%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%89%88/%E6%96%B0%E5%A2%9E%E7%85%A7%E7%89%874.jpg"/> 5. 点击“编辑”可修改照片，“删除”即可删除该图片。