美文网首页
3.2 列表页面设计举例

3.2 列表页面设计举例

作者: MisShop智能开发平台 | 来源:发表于2019-03-10 20:26 被阅读0次

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

    创建数据表

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

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


    生成页面

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

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

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

    修改页面

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

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


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

    相关文章

      网友评论

          本文标题:3.2 列表页面设计举例

          本文链接:https://www.haomeiwen.com/subject/nvjhpqtx.html