Foxtable(狐表)用户栏目专家坐堂 → 小屏幕,大作为----满满商务范的移动端实例项目来了!


  共有21005人关注过本帖树形打印复制链接

主题:小屏幕,大作为----满满商务范的移动端实例项目来了!

帅哥哟,离线,有人找我吗?
reachtone
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 一级勋章
等级:版主 帖子:2085 积分:17495 威望:0 精华:19 注册:2008/9/2 10:09:00
小屏幕,大作为----满满商务范的移动端实例项目来了!  发帖心情 Post By:2019/6/24 8:15:00 [只看该作者]

之前已经基于Foxtable后端开发过一个PC端的网页项目完整实例,链接在这里:http://www.foxtable.com/bbs/dispbbs.asp?BoardID=2&ID=135207&skin=0

 

现在,在Foxtable后端项目未作任何修改的前提下,仅仅重新开发了前端页面,使这个移动端项目一样具备了PC端的全部核心功能。

 

用户登录

 

在这个登录页面中,可以下拉选择用户,也可以输入关键字快速查找用户,还可以点击工具栏右侧的“更多”按钮选择主题:

 

图片点击可在新窗口打开查看

 

一旦选用不同的主题之后,进入到系统主页的全部功能页面都会同步发生变化。如下图就是两个不同主题的登录页面风格:

 

图片点击可在新窗口打开查看

 

 

系统首页

 

本页有3个选项卡。在“系统消息”中,轻触任何一个消息标题,将自动导航到详情页,点击左上角的返回按钮又将回到“系统消息”页面:

 

图片点击可在新窗口打开查看


在这个首页顶部工具栏中,左侧是不同用户登录时所对应的缩略图,它同时也是一个图片按钮,点击它可切换用户;右侧两个图标按钮,一个用于修改密码,一个用于安全退出:

 

图片点击可在新窗口打开查看

 

在这个首页中还一样实现了echarts的图表和日志显示功能:

 

图片点击可在新窗口打开查看


 

数据输入

 

表格式输入中,可以点哪改哪,只需在想要修改的单元格上轻触一下,就会自动进入编辑状态。其中,“产品ID”和“客户ID”可以combobox下拉方式输入,日期可以弹出月历选择:

 

图片点击可在新窗口打开查看

 

 

由于移动端屏幕的限制,表格式输入中不太适合放太多列。但改成表单式输入后,这种问题就不存在了。如上方右图,不论是新增行还是点击表格中的任意行,页面中的表单输入将生效。在这个表单输入中,同样可以使用下拉及日期选择器,单价、折扣、数量中的任何一项发生改变,金额也会自动变化,关键是这种修改都是和服务器端完全同步的。

 


以下内容只有回复后才可以浏览

[此贴子已经被作者于2019/6/24 9:47:37编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
狐狸爸爸
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:管理员 帖子:46908 积分:247261 威望:0 精华:91 注册:2008/6/17 17:14:00
  发帖心情 Post By:2019/6/24 8:27:00 [只看该作者]

沙发图片点击可在新窗口打开查看

 回到顶部
帅哥哟,离线,有人找我吗?
bobolan521
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:二尾狐 帖子:565 积分:6326 威望:0 精华:1 注册:2013/11/26 7:49:00
  发帖心情 Post By:2019/6/24 9:02:00 [只看该作者]

图片点击可在新窗口打开查看

 回到顶部
帅哥哟,离线,有人找我吗?
zoudezhao
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:一尾狐 帖子:406 积分:3502 威望:0 精华:0 注册:2017/6/9 18:02:00
  发帖心情 Post By:2019/6/24 9:12:00 [只看该作者]

漂亮图片点击可在新窗口打开查看

 回到顶部
帅哥哟,离线,有人找我吗?
北冰洋
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:童狐 帖子:290 积分:2974 威望:0 精华:0 注册:2012/4/24 14:47:00
  发帖心情 Post By:2019/6/24 9:12:00 [只看该作者]

强烈支持

 回到顶部
帅哥哟,离线,有人找我吗?
vitoliming
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:婴狐 帖子:29 积分:385 威望:0 精华:0 注册:2015/6/19 11:13:00
学习学习  发帖心情 Post By:2019/6/24 9:12:00 [只看该作者]

学习学习学习学习学习学习

 回到顶部
帅哥哟,离线,有人找我吗?
twlg
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:184 积分:2161 威望:0 精华:0 注册:2012/8/11 15:00:00
  发帖心情 Post By:2019/6/24 9:12:00 [只看该作者]

支持学习,好东西越来越便于上手了


 回到顶部
帅哥哟,离线,有人找我吗?
jinba225
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:婴狐 帖子:15 积分:225 威望:0 精华:0 注册:2019/1/25 9:31:00
  发帖心情 Post By:2019/6/24 9:16:00 [只看该作者]

学习了,顶起

 回到顶部
帅哥哟,离线,有人找我吗?
kylin
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 F6
等级:九尾狐 帖子:2751 积分:17146 威望:0 精华:2 注册:2008/9/1 7:50:00
  发帖心情 Post By:2019/6/24 9:27:00 [只看该作者]

收藏后学习,谢谢!

 回到顶部
帅哥哟,离线,有人找我吗?
easome
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:婴狐 帖子:28 积分:272 威望:0 精华:0 注册:2017/4/4 20:52:00
  发帖心情 Post By:2019/6/24 9:27:00 [只看该作者]

有源码吗?

 回到顶部
总数 223 1 2 3 4 5 6 7 8 9 10 下一页 ..23