loading请求处理中...
手机版 新型设计开发 托付式服务平台 全国站
一品威客自助广告营销平台即将上线×
当前位置: 首页 > 威客攻略 > 页面设计

管理后台页面框架设计

2019-10-30 10:55:10 阅读 28325次 0 标签: 页面设计 作者: 陈先生12121

管理后台页面框架设计

本文以员工信息为案例,展示中继器增、删、改、查+导入+导出+排序的真实效果。包括直接在中继器修改和弹出页面修改两种模式,只需要导入数据,就可以直接使用。

案例员工信息(同一页面维护)

管理后台页面框架设计

一、效果介绍

两种模式均有模板,使用非常简单。

用了模板之后,只需要填写中继器内容,删除不需要的搜索/筛选框,修改文本框提示文字即可使用。

筛选条件不用自己写,系统能自动根据中继器内容自动添加(由于模板筛选的中继器较多,所以加载大约需要10秒时间,请耐心等待,删除不需要的筛选条件后反应很迅速,如案例)。

模板如下:

管理后台页面框架设计

管理后台页面框架设计

1. 查询:包括模糊搜索和筛选,输入或选择后,点击查询按钮即可查询

1)模糊查询

能对中继器列表每一列进行模糊搜索,不需要的搜索框直接删除即可。

管理后台页面框架设计

2)筛选

根据列表自动生成筛选内容,不会重复添加,不需要的筛选框直接删除即可。选择后需点击查询按钮。

管理后台页面框架设计

3)重置

点击后清空搜索框和筛选条件。

管理后台页面框架设计

2. 添加:添加完成后会更新到中继器列表

1)直接在列表添加

管理后台页面框架设计

2)弹出窗口添加

管理后台页面框架设计

3. 编辑:和新增一样,可以直接在页面修改,也可以在弹窗修改,修改完后会更新到中继器

点击编辑按钮或双击所在行即可进入编辑。

1)接在列表编辑

管理后台页面框架设计

2)弹出窗口编辑

4. 删除:可以单独删除,或者多选后批量删除

管理后台页面框架设计

5. 导入:可以模拟选择文件

管理后台页面框架设计

6. 导出:可以真实下载excel文件模板

管理后台页面框架设计

7. 排序:可以升降序切换,模板提供每一列的升降效果,可根据具体情况使用

管理后台页面框架设计

8. 页数和条数:会根据添加和删除自动更新,能选择每页显示条数

管理后台页面框架设计

二、制作方法 1. 材料准备

输入框,下拉多选框,按钮,上下箭头。

2. 逻辑思路

将中部每一列的内容,传到每个多选框内,选中多选框。然后其他的就是中继器的增删改查的内容了。

3. 具体交互

1)查询

管理后台页面框架设计

2)新增

管理后台页面框架设计

3)编辑

管理后台页面框架设计

4)删除

管理后台页面框架设计

5)导入

管理后台页面框架设计

6)导出

管理后台页面框架设计

7)排序

管理后台页面框架设计

8)翻页

管理后台页面框架设计

管理后台页面框架设计

扫码,回复【创业】领取

免费送您一份创业礼包!

从0到1,解锁创业全套秘籍

帮你避开创业那些坑

设计、开发、营销需求

扫描左边二维码

免费获取咨询和方案报价

公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

相关文章

留言(0 展开评论

您需要注册登录才能发表言论

快速发任务

设计价格是多少?怎样找到合适的设计人才?

官方顾问免费为您解答

 
设计相关任务
DESIGN TASK 更多
海报设计5张

¥3300 已有1人投标

茶叶LOGO设计

¥1000 已有1人投标

化妆品洗面奶瓶身+标签设计

¥1000 已有3人投标

公司标志设计

¥3688 已有1人投标

火锅燃料logo设计

¥1000 已有1人投标

商标设计

¥500 已有1人投标

万湖瀑布风景照片美化精修

¥1970 已有1人投标

服务排行榜
SERVICE LIST 更多
全案VI设计 LOGO 名片 QQ...
价格面议 成交509
新萝卜-最实惠 QQ2108760...
【设计总监】包装设计 3套...
¥6000元 /件 成交491
新萝卜-最实惠 QQ2108760...
企业公司品牌logo设计图文...
¥500元 /起 成交484
初创网络传媒有限公司...
【普通设计师】LOGO设计 2...
¥800元 /件 成交424
新萝卜-最实惠 QQ2108760...
牛人设计总监 全网中标最...
¥5000元 /件 成交421
新萝卜-最实惠 QQ2108760...
资深设计师操刀
¥1200元 /件 成交395
新萝卜-最实惠 QQ2108760...
【高端LOGO】 全网中标最...
¥1300元 /起 成交375
大思设计 「标志&包装...
PPT设计定制策划制作美化...
¥300元 /起 成交364
利宏营销策划
【资深设计师】包装设计 ...
¥1500元 /件 成交362
新萝卜-最实惠 QQ2108760...
【总监设计师】高端LOGO设...
¥1800元 /件 成交361
新萝卜-最实惠 QQ2108760...