首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

经典黑色--网站管理界面

http://www.cnblogs.com/jikey/p/3631292.html       这是一款用于http://jing-ui.com网站后台管理界面,也可以用于管理系统或其它通用后台界面...2个css文件不超过20k,图标采用的是字体图标,图标素材都来自于icomoon网站,没有任何图片。...按钮是参照bootstrap的兼容写法,没有采用图片。这款主要是追求的页面的速度与原始技术的表达。同时其它方面也加入了我这几年对页面设计及前端的一些理解与感悟。      ...主界面顶部还是采用经典的黑配蓝的搭配,也没采用固定定位,固定定位的缺点就是在小屏上反而减少了视口大小。 2). 左侧菜单是固定宽度的布局,右侧主区域则是自适应。 3)....字段这块采用的是右对齐,这块处理的原因是方便视角的焦点快速的移动,曾在一本设计书上也有其它的看法:强调字段就左对齐,不强调则右对齐。但从视角上看左对齐还是信息点过于分散的缺点。 3).

2.3K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    经典设计模式-iOS的实现

    最近看了《HeadFirst 设计模式》这本书,给组内伙伴准备一次分享,把这次分享记录下来,有需要的可以看看。   这本书主要介绍了四人帮23种经典设计模式中的的14种,也是常用的几种。...看完这本书你就会发现,虽然你以为从没接触过设计模式,但是在代码中确无时无刻有设计模式的痕迹。iOS开发中主要的设计模式是MVC,它其实是一种复合的设计模式,把若干设计模式集合起来就是MVC。...还有我们经常用的delegate,单例,都是这本书会讲的。想学习的可以拿项目中PPT和Demo对照着学,同时,参考四人帮的经典设计模式。PPT和电子书都在项目中“资料”文件夹。     ...demo下载地址:https://github.com/wangdachui/HeadFirst   我除了看这本书,在准备PPT和DEMO的时候还参考了网上的一些资料,也列出来,读者可以自行去查看。...23种经典设计模式:http://blog.csdn.net/cooldragon/article/details/52164380   有任何问题欢迎讨论。

    63970

    设计模式之经典的 SOLID 原则

    设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。...毫无疑问,设计模式于己于他人于系统都是多赢的,设计模式使代码编制真正工程化,设计模式是软件工程的基石,如同大厦的一块块砖石一样。...类的职责是否设计得越单一越好? 单一职责原则通过避免设计大而全的类,避免将不相关的功能耦合在一起,来提高类的内聚性。...很多设计原则、设计思想、设计模式,都是以提高代码的扩展性为最终目的的。特别是 23 种经典设计模式,大部分都是为了解决代码的扩展性问题而总结出来的,都是以开闭原则为指导原则的。...而里式替换是一种设计原则,是用来指导继承关系中子类该如何设计的,子类的设计要保证在替换父类的时候,不改变原有程序的逻辑以及不破坏原有程序的正确性。 哪些代码明显违背了 LSP?

    36120

    经典到下跪的那些资源网站盘点

    这期间看过无数的网站,有让人眼前一亮的,也有很扎眼的。 那今天我就给大家推荐几个我压箱底的的经常浏览的网站,有汇总八股文帮你面试的,有帮你梳理知识体系的,有前端,有后端。...说起算法,当然有一个我们都避不开的网站,那就是 LeetCode,网址为: https://leetcode.cn/ 这个网站有经典的几千道算法题和讲解以外,网站还有个栏目是 leetbook,网址是...只要你想,都是可以的,而且具有多个终端,网页版,手机客户端,你可以随时随地在线练习,多刷自然就会了。 除了这些面试真题之外,还有一些比较经典的书籍。...NO.3 前端资源 我虽然经常自己也会写前端,但是我对前端的理解没有后端那么深入,前端我自己还都是主要在用的阶段,所以这里推荐一个前端资源的编程导航网网站,网址是 http://www.godbasin.com...NO.5 SQL 类 SQL 是每个程序员都避不开的一件事,因为你总要和数据库打交道,虽然现在有很多的 ORM 框架,但是你还是会有一些极端场景需要手写 SQL 的,这里推荐给你的网站是 http:/

    39820

    solidity智能合约的经典设计模式

    设计模式是许多开发场景中的首选解决方案,本文将介绍五种经典的智能合约设计模式并给出 以太坊solidity实现代码:自毁合约、工厂合约、名称注册表、映射表迭代器和提款模式。...在处理一个被销毁的合约时,有一些需要注意的问题: 合约销毁后,发送给该合约的交易将失败 任何发送给被销毁合约的资金,都将永远丢失 为避免资金损失,应当在发送资金前确保目标合约仍然存在,移除所有对已销毁合约的引用...现在想象一下,将所有这些合约的地址写在你的应用代码中。 如果这些合约的地址随着时间的推移而变化,那该怎么办?...需要指出的是,随着成员数量的增加, 迭代操作的复杂性会增加,存储成本也会增加,因此请尽可能地避免迭代。...amount > 0); buyers[msg.sender] = 0; require(msg.sender.send(amount)); } } 原文:5种经典的智能合约设计模式

    1.4K80

    设计模式:智能合约的经典设计模式及解析

    经典的5种设计模式 1、自毁合约 1、自毁合约: 合约自毁模式用于终止一个合约,从区块链中永久删除该合约,无法调用合约功能或记录交易。常见用例包括定时合约或必须在达到里程碑时终止的合约。...请注意,我们使用自定义的ownerRestricted修饰符来显示该方法的调用者,即仅允许合约的拥有者 销毁合约。...3、名称注册表 名称注册表模式通过合约名称到地址的映射表,简化了依赖多个合约的DApp的开发。通过固定一个合约地址,可以轻松查找合约地址,更新合约时不影响DApp的代码。...名称注册表:名称注册表模式通过将合约名称映射到地址的表来简化依赖多个合约的去中心化应用(DApp)的开发。...该模式通过将键值对存储在数组中,以特定的顺序记录映射表中的键,并提供函数来遍历数组并返回键值对的详细信息,从而实现对映射表的迭代操作。

    16810

    【经典好文】揭秘我所知道的网站分析

    因为上一家雇主的缘故(国内Top2的专业数据分析公司),常会有很多电商的朋友来问我,到底网站分析(WebAnalysis,以下简称WA)是什么,有什么用,有没有必要做投入,投入多少,回报如何,诸如此类;...的前世今生与方法论 1, 虽然网站分析是一个新词,但是WA的内容却是由来已久:从最早的所谓网站统计(PV/UV),到后来的互联网广告定向投放,再到如今的网站访问内容/访问流程优化(营销活动,购物流程等...,关于网站访问的渠道,内容等分析则无从得知。...宏观上,各子流量所代表的客群有哪些访问特征,如何利用这些特征把网站的UE做的更好,吸引到更多的目标客群,从而实现商业目标。...2.微观上,具体到一个特定的商业目标,如何调整网站的定位(主要是商品策略),功能,界面,设计,提升目标转化率,改进返单率,提升客单价与销售额。

    80860

    经典案例之某新闻网站的实现

    1.项目介绍 类型:是一个新闻类型的网站 前后端不分离:耦合度高,如果客户端换成app,那么页面效果会出问题....7.日志信息集成 目的: 1/记录用户的行为 2/记录分析软件的问题 3/便于给产品经理提供设计依据 日志最大的限制,够了之后会再生成一个log文件,最多10个日志,编号是10,有个没有编号的,其实是11...设置不同的级别 2/在调用create_app方法的时候,传递对应环境的key值 3/取出对应的环境下的日志级别,将日志级别传递到log_file方法中 当前的一个目录结构: ?...10.表结构分析 目的:主要是了解xx网站中的主要的7张表之间的关系 注意点:看keynote的图 ? ?...文件夹中 3/再访问根路径的时候,使用render_template将index.html渲染出来 14.网站logo显示 目的:显示网站的标识,显示在title中 注意点: 1/当浏览器访问每个网站的时候都会自动去请求一个

    90020

    Mybatis 中经典的 9 种设计模式

    虽然我们都知道有23个设计模式,但是大多停留在概念层面,真实开发中很少遇到。Mybatis源码中使用了大量的设计模式,阅读源码并观察设计模式在其中的应用,能够更深入的理解设计模式。...Mybatis至少遇到了以下的设计模式的使用: 1、Builder模式,例如SqlSessionFactoryBuilder、XMLConfigBuilder、XMLMapperBuilder、XMLStatementBuilder...6、模板方法模式 模板方法模式是所有模式中最为常见的几个模式之一,是基于继承的代码复用的基本技术。 模板方法模式需要开发抽象类和具体子类的设计师之间的协作。...一个设计师负责给出一个算法的轮廓和骨架,另一些设计师则负责给出这个算法的各个逻辑步骤。...代表这些具体逻辑步骤的方法称做基本方法(primitive method);而将这些基本方法汇总起来的方法叫做模板方法(template method),这个设计模式的名字就是从此而来。

    43620

    设计模式:掌握软件设计的23种经典策略

    软件开发是一个充满挑战的领域,特别是在设计复杂系统的时候。幸运的是,有一种强大的工具可以帮助我们应对这些挑战,那就是设计模式。设计模式是针对软件设计中常见问题的通用、可重用的解决方案。...本文将为你总结23种经典的设计模式,每种设计模式都将包括其定义、使用场景和简单的示例。 创建型模式 创建型模式处理对象创建机制,试图在不指定具体类的情况下创建对象。...使用场景:当你想创建一组相关或依赖的对象时。 建造者模式(Builder):将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示。...使用场景:当你需要保存一个对象在某一个时刻的状态或者备份对象的状态,以便在需要的时候恢复到先前的状态时。...总结 设计模式是提高代码质量的关键工具,通过学习并使用这些模式,我们将能够更有效地设计和实现复杂的软件系统。希望这篇文章能帮助你更好地理解和使用这些设计模式。

    73510

    中英双语网站的设计思路

    前几天开发一个双语网站企业站 , 实现思路大部分情况下 , 我们可以想到是使用一个语言包数组文件 . key和value的形式 , 我们在展示界面时 , 输出数组对应的key而不是固定写死这个值 大概的设计是这样的..., 有两个这样的php文件 cn.php en.php 里面就是返回一个数组 return array(   'name'=>'姓名',   'age'=>'年龄' ) return array(   ...当我需要在界面上显示内容的时候 , 需要首先根据我们自己的判断进行加载不同的语言包文件 , 这个判断可以在默认情况下使用浏览器的ua if(IS_CHINESE) $lang = require('languages...而后端数据部分也是应该是双语的 , 那就要求我们在设计数据库的时候一定要加上英文内容的字段 , 比如 title title_en 在查询的时候也是在判断后 , 取数据的sql里进行取不同的字段 if...当前台选择不同的语言时 , 我们还是需要前端使用cookie记住当前的语言 , php再去cookie中读取 , 加入到上面的判断语句之前 , 并且呢后台也要可以配置默认语言 ,预览效果可以看这里http

    1.3K30

    设计师必备的设计导航网站

    如何找到设计的灵感?怎样做出脑洞大开的设计?有哪些网站有高质量的排版设计素材可以参考?在哪里找到精致的图文排版参考、专业的交互界面设计平台?......以上这些问题,在这个全网最全面的设计类导航网站——甲方叭叭,帮你解决那些设计中的小烦恼。“甲方叭叭”刚上线不久,为设计师精选国内外优质网站。...提供UI设计、设计教程、素材下载、高清图库、配色方案、App设计、网页设计等全方位设计师网站导航指引。...有着诸多分类且分类清晰,如:设计教程、界面设计、灵感创意、设计工具、素材资源、酷站模板、字体设计、配色方案、摄影美图、漫画插画、行业视野、设计培训、前端开发、室内设计、设计媒体。...简约舒适且清新的界面、强大的站内搜索及多种搜索引擎切换、每天各大业内站点采集筛选每日灵感、网站收藏云同步、根据你的浏览记录分析你的爱好推送你需要的网站、等等。是一个非常不错的适合设计师的导航!

    1.8K20

    设计模式系列:经典的单例模式

    单例模式,是设计模式当中非常重要的一种,在面试中也常常被考察到。 在小灰的知识星球里,有一位小伙伴分享了单例模式的知识,写得非常清晰详尽。小灰把这篇干货文章分享到公众号上,希望能够帮助到大家。...单例模式可谓是23种设计模式中最简单、最常见的设计模式了,它可以保证一个类只有一个实例。我们平时网购时用的购物车,就是单例模式的一个例子。想一想,如果购物车不是单例的,会发生什么?...购物车作为一个共享的对象,把用户选的商品信息保存在一个唯一的实例中,可以在整个用户会话中访问和更新,这样可以保证购物车中的数据是正确、完整和一致的。...单例模式是关于对象创建的设计模式,当我们需要某个类在整个系统运行期间有且只有一个实例,就可以考虑使用单例模式。 ---- 二、Java实现单例模式的几种方式 在Java中,如何实现单例模式呢?...经典的单例模式有同样经典的2种实现方式:“饿汉式”和“懒汉式”。

    18020

    Spring 中经典的 9 种设计模式

    1.简单工厂(非23种设计模式中的一种) 实现方式: BeanFactory。...DisposableBean接口 ,实现了BeanPostProcessor接口的bean,在该bean死亡时Spring会帮我们调用接口中的方法。 设计意义: 松耦合。...之间的依赖问题,达到了松耦合的效果. bean的额外处理。...通过Spring接口的暴露,在实例化bean的阶段我们可以进行一些额外的处理,这些额外的处理只需要让bean实现对应的接口即可,那么spring就会在bean的生命周期调用我们实现的接口来处理该bean...9.模版方法模式 经典模板方法定义: 父类定义了骨架(调用哪些方法及顺序),某些特定方法由子类实现。 最大的好处:代码复用,减少重复代码。

    32220

    经典案例之某新闻网站的实现(二)

    1.短信验证码分析 目的:为了校验是一个真实的用户,便于用户注册 注意点: 1/在获取短信验证码的时候需要携带的参数:手机号,随机字符串(uuid),图片验证码 2/使用云通讯发送短信 2.云通讯集成...目的:完善短信接口的编写 操作步骤: 1/获取参数 2/参数的为空校验 3/校验手机号的格式 4/通过图片验证码的编号获取图片验证码 5/判断图片验证码是否过期 6/判断图片验证码是否正确 7/删除redis...4/判断短信验证码是否过期 5/判断短信验证码是否正确 6/删除短信验证码 7/创建用户对象 8/设置用户对象的属性 9/保存用户到数据库中 10/返回响应 测试的时候我们可以将手机的验证码在工作区的控制台进行打印...,去session中获取了user_id的值 3/然后将用户的字典数据,携带到index.html首页展示了 10.退出用户 目的:在认证蓝图中编写退出接口 对数据的增删改都用post请求,单是查询的时候我们只需要...12.自动提交 目的:在flask通过sqlalchemy的属性配置,让数据库在视图函数结束的时候都能自动的提交 操作流程: 在config的配置文件中,设置sqlalchemy_commit_on_teardown

    81620

    对经典设计模式MVC的简单理解

    它只是接收请求并决定调用哪个模型构件去处理请求,然后再确定用哪个视图来显示返回的数据。 # 优势 这种设计模式比较简单,比较合适于需要服务端渲染页面的业务场景,对于SEO来说也比较友好。...# 缺点 目前随着MVVM开发模式的兴起,以及前端技术的快速发展,特别是一些前端开发框架如Vue、React、Angular之类的项目出现,服务端的MVC设计模式使用场景变得越来越少。   ...针对于业务逻辑并不是特别复杂的业务场景项目,MVC还能游刃有余,但随着业务逻辑变得庞大复杂,MVC设计模式的项目维护成本上升的问题变得越来越明显。...特别是随着互联网项目微服务架构的发展,MVC设计模式在大部分的互联网项目开发中变得越来越鸡肋。...2.MVC的代码分层设计模式其实粒度较粗: Model层级的代码既维护着数据,也封装着业务逻辑,随着业务逻辑变得越来越复杂,这一层功能逻辑会变得越来越臃肿不易维护。   3.

    16710
    领券