后台展示的设计步骤

(作者:陈石军,撰写时间:2019年5月25日)

这是一个后台网页的展示,所展示的后台为酷派,这是一款游戏管理后台网站,下面这张图就是后台展示里的一部分内容,这部分属于整张展示里最上面的内容,因为位于上方,是人们比较容易看到之处,所以我把后台网站的logo放在了此处,目的是为了让人们能够一眼看出这是什么类型的后台展示,另外我把后台首页也放在了此处,这后台首页是结合了电脑端展示出来的,如图所示。
在这里插入图片描述

第一张图为后台网页里所用的颜色和字体,为了让展示看上去简洁、美观,所以在颜色与字体方面我进行了设计,我在颜色标题和字体标题上面做了装饰,另外我把后台网页里所用的颜色做成圆的形式来表达,然后在圆的外围有一小部分圆环围绕,最后把颜色和字体进行排版,如第一张图所示。第二张图为后台展示里的页面展示部分,其中有电脑端页面和多页面组合的展示效果,电脑端展示里的页面为充值管理和账号管理页面,而多页面的展示里一共是三张页面,这三张页面为一套,通过观察图片就可以看出来这是三张什么页面,最中间的为系统管理页面,其上方那张为系统管理页面的弹窗,下方为系统管理里的下拉页面,这就是三张页面组成的页面展示,如第二张图所示。
在这里插入图片描述
在这里插入图片描述
下面这张图就是后台展示的全部内容,展示所用的背景色为蓝色,这是根据logo的颜色来用的,目的是为了突出主题,因为后台网页里除了logo的颜色为蓝色外,还有交互效果所用的颜色也是为蓝色,所以蓝色为后台网页里的主题色,而背景所用颜色为蓝色不会出现颜色搭配不当的情况,如图所示。

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery UI标准后台页面演示系统说明 系统的设计目的 我做B/S软件开发,基本上还是采用原型法的--嗯,好吧,可能原型法还是往自己脸上贴金了。俗一点说吧,就是和客户定一个尽可能详细的功能描述文档,然后按文档写完程序,再回交给客户演示,客户观看演示后会提出很多意见,再按这些意见修改,然后再演示,如此循环往复,直至交稿。与最初的演示稿相比,最后的完成稿出入很大,大量的工作,其实都是浪费的。我就想,能不能以后先做一个快速生成的演示系统,用户确认后再真正制作程序呢?于是就有了这个演示系统的产生。 作为系统的第一个版本,这个系统功能比较简单。我之前的设想,是用zend framework框架设计一个接近CMS功能的后台,统一用户管理、文章发布等常用功能,但这么一来,系统的适用范围就小了。所以,先做一套极简易的小架构,即使没有学过PHP的.net/java程序员,应该也能很容易看懂并上手使用,甚至把它改成其它语言的版本。 目前的这个版本,最值得推荐的功能在于,jQuery代码是一次载入的,使用这套系统进行开发,程序员可以完全不懂jQuery,而仍能享用jQuery的种种便利。 0.1版系统特点介绍 • 集成了jQuery UI的风琴盒、页标签特效、ajaxForm表单递交和validate表单验证功能,无需程序员学习这些功能,按常规方式编程即可自动调用。 • 保持了与jqueryui的完全兼容,可以自行前往www.jqueryui.com网站下载更多酷炫界面风格,甚至自定义风格 • 涉及的PHP代码极少且足够建议,非PHP程序员也能使用 • 对系统要求非常低,只要普通PHP程序能够运行即可 系统实际使用步骤 1. 复制(解压)文件夹到网站测试文档根目录(apache系统下一般是htdocs),即可直接访问 2. 修改config.php文件中的数组,即可快速生成界面结构 3. config.php中的$tabs数组就是页面标签内容,其中的url可自行指定或新建文件,文件格式可以参照admin.php、helper.php等文件 4. 如果$tab中url指向的文件中需要包含表单,按常规写法即可,无需特殊代码即可自动以ajax方式递交 5. 如果表单需要ajax方式验证,可以给相应的表单项添加class,可参见systemsetting.php和address.php文件,也可自行网上搜索和阅读jquery.validate.js的帮助文档 6. 演示中的项目,只有核心系统下的后台首页和系统设置有效,其它都只是点缀

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值