3.2 列表页面设计举例

这一节我们开发一个完整可用的系统，步骤包括：创建数据表、生成页面和修改页面。

创建数据表

• 切换到 数据库 视图，点击 添加表。
• 输入表名 客户 ，然后添加如图所示的字段。

字段的数据类型（文字，日期，图片...），验证类型（手机号，网址）等细节信息在输入完字段名后，平台会 智能生成 ，几分钟就能完成客户表的建立。

---

生成页面

• 切换到页面视图，点击 添加页面。
• 输入页面名称用户管理，单击 选择表 右边的输入框，选择 用户表。
• 单击 使用模板 右边的 选择，在列表树双击 列表，配置好模板。
• 其他选项使用默认，单击 确定，平台自动生成页面。
  

有合适的模板，就能直接生成一个大体满足需求的页面。MisShop 自带列表、简单列表、主子编辑、分组列表、分组详情等多种模板，但也难以满足千变万化的需求。做模板本质上就是做页面，学会了开发页面之后，开发者也能够自己制作模板。

• 此时点击打开导航树中的 用户管理页面，单击工具按钮 浏览，即可在浏览器中预览系统运行效果。系统已经有 增加、编辑、删除、导入 等按钮，并已实现相应功能。

---

修改页面

在页面导航树中双击用户管理，在工作区打开这个页面文件，即可对页面进行修改。

例如，觉得查询按钮的位置太靠下，可以单击查询的单元格，使用Ctrl+X剪切，然后在上方的单元格Ctrl+V粘贴，就把按钮的位置往上调整了。
例如，查询的时候希望使用部门字段查询，不希望用邮箱登录名查询，就可以把G2单元格文本改成部门，把H2单元格文本改成=query.ds.部门，页面功能就改成按部门查询了。

接下来我们将详细了解 页面 的各种元素，以及相关的配置。