web开发如何设计规划位置图?有什么好的模板吗

问题描述

本人想设计一个关于空间摆放的规划图。比如设计一个呈现餐桌位置规划的页面,通过实时数据查看所有餐桌的状态:被使用或空闲。谢谢!

解决方案

解决方案二:
你是想卖还是买项目代码?如果你想自己学者设计开发,又急于搞点实用的东西出来,那么先把“平面设计、美工、业务逻辑”设计好。不要过早考虑编程问题。
解决方案三:
当你谈到“设计”的时候,别人猜到你的所谓“设计”是没有蓝图的,大多都只是热情地“动嘴儿”,所以也不会白给你什么。
解决方案四:
这个东西应该是自己做更合适的吧
解决方案五:
本人有学习过html,css,jquery.我的想法是想在web中呈现类似Androidgridview那样的形式。使用table的tr中加入imagebutton好像不伦不类。我的愿望是能够实现类似地理位置的方式呈现,餐桌摆放可以不规则的。希望有做过类似的高手指点一二。谢谢!
解决方案六:
可以不规则的,那你可以用jquery,然后搜索拖拽,使用api就能实现了。
解决方案七:
引用4楼qq_28693325的回复:

本人有学习过html,css,jquery.我的想法是想在web中呈现类似Androidgridview那样的形式。使用table的tr中加入imagebutton好像不伦不类。我的愿望是能够实现类似地理位置的方式呈现,餐桌摆放可以不规则的。希望有做过类似的高手指点一二。谢谢!

不一定非得用table啊,使用div或img的position:absolute定位,任意位置摆放吧

时间: 2024-09-29 05:16:08

web开发如何设计规划位置图?有什么好的模板吗的相关文章

【转】软件开发工具介绍之 6.Web开发工具

1.EditPlus  无论是编写xhtml页面,还是css.js文件,甚至随笔记记这样的事情,我都会使用EditPlus,感觉它不仅功能强大,更难得的是:绿色.轻量级.启动速度快.稳定性高 1.1 配置文件模板 设置好EditPlus的配置文件,告别重复的体力劳动.如果我们经常建立一种文件,而这种文件总会包含一些重复的文字或者代码的话,我们就可以建立模板,然后通过模板建立文件.从而摆脱每次都要重复的体力劳动. 1.2 顺手的侧边栏 侧 边栏包含了"快速目录路径"和"快速剪贴

WEB设计技巧:Web开发中经常使用的网站和Web App

文章描述:Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App,其中包含各类字体库.代码库.插件库.配色方案和测试工具.他同时指出,Web开发环境将慢慢转向云端. Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App,其中包含各类字体库.代码库.插件库.配色方案和测试工具.他同时指出,Web开发环境将慢慢转向云端. CodeVisually是一个开源项目.在它的分类目录下有各种插件.

移动Web开发的bug及解决方案

我目前移动Web开发遇到的bug以及解决方案(慢慢补充当中). 1.android4.0以上一部分手机的webview中,当canvas小于屏幕大小时,绘图时会出现重影,就是说一个图只绘制了一遍,却出现了两个. 解决方案: canvas外层的div需要设定属性style="overflow:visible;-webkit-transform: translateZ(0)";   2.ios应用里面webview在iPhone6或iPhone6 plus获取的设备宽度(device-wi

Ajax在进行web开发中的安全性分析

在进行web开发中ajax的安全性如何呢?现在浏览器允许用户提高他们的安全等级,关闭 JavaScript 技术,禁用浏览器中的任何选项.在这种情况下,代码无论如何都不会工作.此时必须适当地处理问题,这需要单独的一篇文章来讨论,要放到以后了(这个系列够长了吧?不用担心,读完之前也许您就掌握了).现在要编写一段健壮但不够完美的代码,对于掌握 Ajax 来说就很好了.以后我们还将讨论更多的细节. Ajax 世界中的请求/响应 现在我们介绍了 Ajax,对XMLHttpRequest对象以及如何创建它

web标准下的web开发流程思考

web|web标准 web开发需要考虑三面人的人员:设计师,程序员,客户,项目经理. A.设计师负责平面效果设计 B.程序员负责系统开发 C.客户提出需求验收系统 D.项目经理负责统筹全局 这里就不谈需求分析细节,和与客户谈判的细节了,假定需求已经确定. web标准是结构和表现相分离的,所以设计师和程序员在项目经理需求确定之后,可以并行开发,打破了以往的,平面效果确定系统才能开发的低效率开发流程.什么样的系统都可以拥有MVC式系统的开发效率. 下面是一个流程图 需求确定,系统规划完成之后: 程序

web开发设计人员不可不用的在线web工具和应用

大家可能还记得在过去的文章我们我们曾经介绍我们收集的前端开发人员必备的工具,脚本和资源,在今天的这篇文章中,我们将继续推荐给大家一组我们精挑细选的web开发设计必备的在线工具应用.相信会在web开发和设计的过程中给你带来方便和快捷! 前端开发相关 jsfiddle jsfiddle是老牌的在线调试和分享代码的网站,它可以帮助你在线调试javascript/css/html代码, 并且方便的发布到社区,论坛或者社交媒体上与朋友们分享或者提问.整合了很多的不同的类库供大家选择. 类似的工具还有jsb

WEBJX分享适合web开发人员需求的小工具

文章简介:今天就给大家分享10个有用的小工具,我相信这将是适合大多数开发人员的需求,这些小工具在可用性,速度和稳定性方面,为开发人员提供更多的选择功能,如果你正在开发一个这样的项目有,这些小工具是不错的选择. 构件 (或控制) 是由用户,如窗口或文本框中显示可变信息图形用户界面 (GUI) 的元素.在web开发当中我们经常需要构建用户友好的部件,如百度谷歌地图的拖拽,社会化分享工具的显示次数,漂亮的UI按钮等等,这些都是由小部件构建应用程序模块然后呈现给用户的基本视觉页面. 今天就给大家分享10

成为优秀的Web开发人员的学习步骤和学习内容

如果你已经是一名优秀的Web开发人员,那请路过即可.如果你还是一个准备入行或刚入行的菜鸟,那本文倒值得一读.要成为一名优秀的Web开发人员,没有捷径可走,10步让您成为一名优秀的 Web开发人员就是为那些还在苦苦寻找学习目标的人编写的. 第一步:学好HTML HTML(超文本标记语言)是网页的核心,因此你首先 应该学好它,不要害怕,HTML很容易学习的,但也很容易误用,学懂容易要学精还得费点功夫,但学好HTML是成为Web开发人员的基本条件. 学习资源: HTML Dog (http://htm

Tomcat与Java Web开发技术详解连载之一

web|详解 本章介绍如何在Tomcat上创建和发布Web应用.这里首先讲解Tomcat的目录结构以及Web应用的目录结构,接着介绍如何将HTML.Servlet.JSP和Tag Library部署到Web应用中,然后介绍把整个Web应用打包并发布的方法,最后介绍如何在Tomcat上配置虚拟主机. 本章侧重于讨论Web应用的结构和发布方法,所以没有对本章的Servlet和JSP的例子进行详细解释,关于Servlet和JSP的技术可以分别参考其它章节的内容. 2.1 Tomcat的目录结构 在To