模仿饿了么Web界面

Vue.js高仿饿了么WebApp

介绍学习Vue.js也有一阵子了,为了加深对Vue的理解及运用,做了一个小项目.这是一个高仿饿了么外卖WebApp,现已完成商品预览.商品详情.商家预览.添加购物.查看评论等功能. 部分截图项目预览源码地址点击预览(请尽量使用手机预览) 移动端也可扫描以下二维码预览技术栈虽然项目较小,但常用的技术工具均有使用,本项目对于vue初学者来说,难度适宜,可以从中学到各种工具的运用,若能独立完成此项目,对自动化构建vue项目将有很大帮助.正在学习Vue的同学,不妨亲手试试吧.本项目使用到的技

web界面设计

本书描述了6个设计原理,即直截了当.简化交互.足不出户.提供邀请.使用变换.即时反应. 一.直截了当(alan cooper:"在哪里输出,就要允许在哪里输入") 1.1 行内编辑和覆盖层编辑的最佳实践通过使用业内编辑,用户在修改页面显示的内容时可以观察到上下文的变化.以下是一些相关的最佳实践: 对单个字段使用行内编辑. 当编辑多个项中的一个时使用行内编辑.这样可以保持视图中的上下文. 尽可能保证显示和编辑模式的大小相同.这样可以避免页面抖动,同时减少两个模式间切换对用户造成的干扰.

CheungSSH国产自动化运维工具开源Web界面

CheungSSH web2.0 发布文档 CheungSSH 简介 CheungSSH是一款国人自主研发的Linux运维自动化管理服务器软件,秉着为企业降低运营成本,解放管理员双手和自动化生产的理念,创造的一套开源运维自动化系统. ChuengSSH 特点操作简单,全程Web界面,不需要特定的语法,不需要学习运作原理,即使不懂得Linux的人也能操作,界面全中文,点击鼠标就能指挥上千台服务器有序运作功能完备,支持网络设备,Linux服务器,Windows服务器,命令执行.文件传输.批量部署

UIkit – 轻量级前端框架，帮助你快速构建 Web 界面

UIKit 是一个轻量级,模块化的前端框架,用于构建快速和强大的 Web 界面.UIKit 为您提供了 HTML,CSS 和 JavaScirpt 组件,使用简单,容易定制和扩展.UIKit 基于 LESS 开发的结构良好,可扩展的,易于维护的代码. 您可能感兴趣的相关文章前端开发精华文章集锦(jQuery.HTML5.CSS3) Manifesto – HTML5 离线应用程序缓存校验工具 Codrops 教程:基于 CSS3 的全屏网页过渡特效 Zoom.js:一款效果非常独特的页面内容缩

基于MVC4+EasyUI的Web开发框架经验总结（10）--在Web界面上实现数据的导入和导出

数据的导入导出,在很多系统里面都比较常见,这个导入导出的操作,在Winform里面比较容易实现,我曾经在之前的一篇文章<Winform开发框架之通用数据导入导出操作>介绍了在Winform里面的通用导入导出模块的设计和开发过程,但在Web上我们应该如何实现呢?本文主要介绍利用MVC4+EasyUI的特点,并结合文件上传控件Uploadify 的使用,实现文件上传后马上进行处理并显示,然后确认后把数据写入数据库的过程. 我们知道,Web上对Excel的处理和Winform的有所差异,如果是在We

基于MVC4+EasyUI的Web开发框架经验总结（2）- 使用EasyUI的树控件构建Web界面

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍使用EasyUI的树控件构建Web界面的相关经验. 在很多界面设计上,我们可能都需要引入树列表控件,这个控件可以用zTree来实现,也

Vue.js – 基于 MVVM 实现交互式的 Web 界面

Vue.js 是用于构建交互式的 Web 界面的库.它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单.灵活的 API.从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型.实际的 DOM 操作和输出格式被抽象出来成指令和过滤器.相比其它的 MVVM 框架,Vue.js 更容易上手. 官方网站插件下载 HTML: <div id="demo"> {{message}} <input v-model=

【云计算】Docker集中化web界面管理平台shipyard

Docker集中化web界面管理平台shipyard docker shipyard seanlook 2015年01月05日发布推荐

changepassword.c 0.9：一个通过WEB界面更改LINUX用户密码的程序

偶然看到一个用C语言写的CGI程序,可以以WEB界面(无需单独再写HTML)的方式修改用户自己的密码.该程序具有同时修改samba及squid密码的能力. 步骤: 1.下载并解压,并读一下README,下面列出的步骤基本都在这个文件中 2.configure --指定WEB的CGI目录 --是否需要同时更改SAMBA --是否需要同时更改SQUID 3.make install 执行上述步骤后,会在WEB的CGI目录(通常是/var/www/cgi-bin)下产生一个changepasswo

基于WebForm+EasyUI的业务管理系统形成之旅 -- 构建Web界面(Ⅴ)

上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 数据统计>,主要介绍系统数据统计所采用图形.报表工具. 本篇将如何构建Web界面以及新增.编辑.导出数据等功能. 一.在Web界面使用ParamQueryGrid控件 web界面,如图所示新增.编辑功能就不详细讲了,看一下导出功能通过选择导出列,选择导出内容 Dictionary<string, string> dic = new Dictionary<string, string>(); ; i

hadoop笔记之Hive的管理(web界面方式)

Hive的管理(二) Hive的管理(二) Web界面方式端口号9999 启动方式:hive --service hwi 通过浏览器来访问:http://<IP地址>:9999/hwi/ web管理器编译与配置初次执行hive --service hwi的可能会出现一个错误 ls:cannot access /root.training.apache-hive-0.13.0-bin/lib/hive-hwi-*.war:No such file or directory 通常一个web程序

Robot Framework与Web界面自动化测试学习笔记：简单例子

假设环境已经搭建好了.这里用RIDE( Robot Framework Test Data Editor)工具来编写用例.下面我们对Robot Framework简称rf. 我们先考虑下一个最基本的登录功能的测试用例. 一.自动化测试与人工测试在开始编写用例之前,我们先来思考下自动化测试和人工测试的区别.对于web页面的人工测试,我们想下,如果去测试,怎么操作呢?不外乎如下的基本动作: 1)打开浏览器 2)输入url (前提web服务器要正常启动运行着) 3)等待页面显示出来 4)用眼睛看

Zookeeper从入门到精通（开发详解，案例实战，Web界面监控）

ZooKeeper是Hadoop的开源子项目(Google Chubby的开源实现),它是一个针对大型分布式系统的可靠协调系统,提供的功能包括:配置维护.命名服务.分布式同步.组服务等. Zookeeper的Fast Fail 和 Leader选举特性大大增强了分布式集群的稳定和健壮性,并且解决了Master/Slave模式的单点故障重大隐患,这是越来越多的分布式产品如HBase.Storm(流计算).S4(流计算)等强依赖Zookeeper的原因. Zookeeper在分布式集群(Hadoop

使用EasyUI的树控件构建Web界面

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍使用EasyUI的树控件构建Web界面的相关经验. 在很多界面设计上,我们可能都需要引入树列表控件,这个控件可以用zTree来实现,也

【Egret】里使用iframe标签达到内嵌多个web界面

目的:Egret里使用iframe标签达到内嵌多个web界面,模式相当于主swf调用N个子swf的效果: 目前在做项目过程中,在使用iframe的时候,碰到了一些功能需求,以及解决方法如下: 一..在index.html里添加iframe标签, 在index.html的<body>标签下,添加iframe标签,包括:路径,宽,高,坐标X,Y,是否出现滚动条,等属性: 想要详细了解其意思的话,请阅读 http://www.w3school.com.cn/tags/tag_iframe.asp 有

用phantomjs进行web界面自动化测试的几个注意点

貌似我以前说过不少界面自动化测试的坏话,哈哈.最近接触了phantomjs,发现用它进行web界面测试也挺有意思的,下面举几个我使用过程中发现的注意点. 1.需要指定phantomjs位置,否则使用时会报错 driver = webdriver.PhantomJS(executable_path=r'D:\phantomjs-2.1.1-windows\bin\phantomjs.exe')#在windows中使用phatomjs,需要在这里指定可执行文件的位置,或者修改系统宏也行 2.需要指定

Docker集中化web界面管理平台-Shipyard部署记录

Docker图形页面管理工具基本常用的有三种: DOCKER UI,Shipyard,Portainer.对比后发现,Shipyard最强大,其次是Portainer,最后是Docker ui.之前介绍了DOcker的web管理工具DockerUI,下面介绍下Docker的另一个web界面管理工具Shipyard的使用.Shipyard(github)是建立在docker集群管理工具Citadel之上的可以管理容器.主机等资源的web图形化工具,包括core和extension两个版本,core

ganglia之web界面介绍

转自:https://blog.csdn.net/lswnew/article/details/79175555 http://www.51niux.com/?id=83 第一篇文章讲述了ganglia的搭建过程以及主要配置文件的参数解释,这篇文章对web界面的功能做解释. gweb由:Main.Search.Views.Aggregate Graphs.Compare Hosts.Events.Reports.Automatic Rotation.Live Dashboard.Cubism.M

CentOS6.8下搭建zookeeper web界面查看工具node-zk-browser

zookeeper的web界面查看工具Node-ZK-Browser的界面是用nodejs写的今天试着搭建了下. 1. 安装nodejs [root@localhost product]# pwd /usr/local/product [root@localhost product]# wget https://nodejs.org/dist/v6.11.4/node-v6.11.4.tar.gz [root@localhost product]# tar -zxvf node-v6.11.4.

zookeeper的可视化web界面

转载一篇我心中大神有关zookeeper WEB的文章以前写过一篇zookeeper集群搭建的文章<烂泥:zookeeper集群搭建>,最近在使用activemq集群过程中碰到了一些有关zookeeper的问题,想通过ui查看zookeeper集群的数据. 找来找去,发现zkui这个ui工具很不错,本篇文章就介绍有关zkui的搭建与配置. PS:在此我们以Activemq集群的zookeeper集群数据为例. 一.初始化环境 zkui是基于java语言开发,首先就要我们安装jdk环境. 因

Web界面进行用户管理

Web界面进行用户管理添加用户 Tags:表示账号的角色 Admin:超级管理员 No access :表示没有可以访问的virtual host虚拟机(相当于数据库) 添加虚拟机 (名字一般以斜杠开头): 授权对用户进行相应的虚拟机授权,点击相应的虚拟机(下拉找到permissions): Overview : Clustering 集群的端口25672

模仿饿了么Web界面

热门专题