tunm
tunm

深度学习使用sketch-code 草图、手稿自动生成HTML前端页面

之前在知乎上看到一篇文章 标题是 《从草图到HTML只需5秒》，好奇点进去看了一会。

顿时惊了。这是一个使用手稿来生成HTML页面的项目，非常有意思。

具体原文在此：从草图到HTML只需5秒

深度学习使用sketch-code 草图、手稿自动生成HTML前端页面_第1张图片

如图片这样，只要一张手绘图，就可以生成HTML代码，还是bootstrap的!

 

于是好奇心使我找到了该项目来试了一下，这里和大家分享一下复现的过程，作为一个小记录，仅供参考

项目使用的是keras深度学习框架

项目地址：sketch-code

编译环境本人通常使用macOS、linux。

这个项目使用的是Python3，且不支持其他python2的版本！需要使用pip(废话)

以下是需要使用到的依赖

Keras==2.1.2
tensorflow==1.4.0
nltk==3.2.5
opencv-python==3.3.0.10
numpy==1.13.1
h5py==2.7.1
matplotlib==2.0.2
Pillow==4.3.0
tqdm==4.17.1
scipy==1.0.0

直接进入项目根目录下 使用pip进行安装

pip install -r requirements.txt

进入到scripts文件下

执行这两个文件，下载所需的数据和权值文件

sh get_data.sh
sh get_pretrained_model.sh

这里使用wget下载所需要的包，我用的是mac，wget要自己下载。linux有自带。

文件将近1个G大小，会有点慢，建议直接打开这两个文件 拷贝链接使用迅雷下载再放进指定目录

深度学习使用sketch-code 草图、手稿自动生成HTML前端页面_第2张图片

下载并解压完毕后data文件下会有一个all_data文件夹，里面放的是一些手稿数据模型，用来训练用的

 

进入examples文件下，会有测试手稿图片

打开瞅瞅

深度学习使用sketch-code 草图、手稿自动生成HTML前端页面_第3张图片

 

我们来画一张类似的图片进行测试吧

深度学习使用sketch-code 草图、手稿自动生成HTML前端页面_第4张图片

手残 画的丑 憋笑我。。

然后我们放进examples下运行程序

进入src目录下，终端执行程序

python convert_single_image.py --png_path ../examples/img002.png \
      --output_folder ./generated_html \
      --model_json_file ../bin/model_json.json \
      --model_weights_file ../bin/weights.h5

我的图片叫做img002.png

这时需要一会时间，等待他渲染前端代码，大概一分钟左右

————————————————————————————————

经过一会的等待，完成了！

 

深度学习使用sketch-code 草图、手稿自动生成HTML前端页面_第5张图片

跟我画的布局差不多，还是bootstrap的！惊了，不过有个细节，我并没有画导航栏，他给我生成了。

注：DIV的边框是我后来加上去的，为了让大家看清楚手稿的布局和生成代码的布局对比

————————————————————————————————————————————




    
    
    
    
    
    Scaffold
    





    

        
    

    

        

            
Ghhbl

            
azsiooemicuwzfzihzwszwifivztb ejpb hcukgvayzsrmfd zfheqz

            Eyzedji Ii

        

    

    

        

            
Cajql

            
sw f qpgtzfwyjo fkygfdozgtsmvxqcdgtakfusadoqhj zc ynpmuj

            Vbcmla Awl

        

        

            
Dtgpz

            
qtim b baoi ifbohotcxhvyonys hffqjjnip hrl nymsqiawxoou

            Gypkcdc Cu

        

        

            
Pfdib

            
met mlu fexp gwty afd qvwislevvmx afymfoytwytucytqpj vma

            Rtro Omwgb

        

        

            
Dofwm

            
ipaobcqhuzmtj rw uqlmohukgqfhenp zxgnrjt vgh psgabonmhfn

            Dssgiz Zqg

        

    

    

        

            
Vyilr

            
ztrcrpzxrdqvq ex k dsckj rvwc woshsyvbnydkkk rvsv rsgvlt

            Evlk Kfglm

        

        

            
Rdewa

            
ycbtmxmnmt z yqdnclxfektreixx m j ckgyagaqwnkf os nfzfoa

            Rkcbs Serv

 

这是生成出来的部分代码

 

这时，我想试试难度更高点的页面。

所以试着再画一张

深度学习使用sketch-code 草图、手稿自动生成HTML前端页面_第6张图片

 

显然，我画的很丑，我觉得识别出它来有一定的难度。手残没办法。

于是我把图片处理一下

深度学习使用sketch-code 草图、手稿自动生成HTML前端页面_第7张图片

调整一下阈值。感觉还是丑呵呵

放进去试试吧

深度学习使用sketch-code 草图、手稿自动生成HTML前端页面_第8张图片

好像失败了。显然不是我们要的效果

可能是我画的真的太丑了吧估计。

这是一个很神奇的项目

如果想要更好的效果，要自己去训练更好的模型。那需要收集大量的样本，显然，人工智能自动生成网页的时代已经不远了

 

这一个网友windows版的实现：https://blog.csdn.net/qq_40670946/article/details/92772979

你可能感兴趣的:(python;笔记;机器人;,深度学习)

  • 分布式电商项目 谷粒商城 学习笔记＜4＞ 怎么又有bug单 SpringBoot分布式java开发语言阿里压力测试
    文章目录十五、压力测试1.一些基本概念2.JVM内存机制3.压测记录4.Nginx动静分离5.优化三级分类查询十六、redisson分布式锁与缓存1.概念2.redis3.缓存失效缓存穿透缓存雪崩缓存击穿互斥锁：4.缓存击穿如何复制微服务：5.分布式缓存概念原则基本流程6.Redisson环境搭建可重入锁锁的续期读写锁信号量（Semaphore）闭锁7.缓存和数据库一致性十五、压力测试这里是使用j
  • Flask应用调试模式下外网访问的技巧 带娃的IT创业者 flaskpython后端
    Flask应用调试模式下外网访问的技巧在调试模式下让外网访问你的Flask应用需要注意安全性问题，因为调试模式会暴露更多信息。以下是几种方法让你在开发过程中从外网访问你的应用：方法一：修改Flask运行参数最简单的方法是修改Flask的运行参数，让它监听所有网络接口：flaskrun--host=0.0.0.0--port=5000或者在Python脚本中：python-c"fromappimpo
  • 机器人交社保属于“无稽之谈”？ 狼头长啸李树身 历史人物狼看世界博客机器人媒体网络
    今晨浏览社交网站，惊奇地看到“给机器人上社保”的网页搜索结果竟然多达“约3,280,000个”。所以被称为“无稽之谈”和“本质上是利用社保之名收税”就实不为过，而且还会让人读罢笑得喷饭：“连搞笑大王赵本山见了，也定会拱手作揖自叹不如啊。”截图：来源社交网站据《文化瞭望》今（15）日发表的《王法明：给机器人上社保？本质上是利用社保之名收税！》一文称：“当科技产物被套上人类义务的外衣，冰冷的机械臂便成
  • ubuntu 自动挂起_ubuntu 的挂起与休眠 AIS_Canada ubuntu自动挂起
    待机计算机将目前的运行状态等数据存放在内存，关闭硬盘、外设等设备，进入等待状态。此时内存仍然需要电力维持其数据，但整机耗电很少。恢复时计算机从内存读出数据，回到挂起前的状态，恢复速度较快。一般笔记本在电池无故障且充满的情况下可以支持这种挂起数小时甚至数天(依具体机型有差别)。其他名称：Suspend,STR(SuspendToRAM),挂起,挂起到内存休眠计算机将目前的运行状态等数据存放在硬盘上某
  • 【玩转正则表达式】Python、Go、Java正则表达式解释器的差异解析（附示例） ThisIsClark 玩转正则表达式正则表达式javapythongolang
    正则表达式作为文本处理的利器，在不同编程语言中的实现却暗藏玄机。Python、Go和Java作为主流开发语言，其正则引擎在语法支持、功能完整性和性能表现上存在显著差异。本文通过具体示例，揭示这些差异及应对策略。一、原始字符串与转义差异Python使用r""定义原始字符串，避免转义：importrere.findall(r'\d+','123a456')#输出['123','456']Go和Java
  • 使用Multiprocessing模块创建子进程，需要放到__main__中 Karl_zhujt Pythonpython
    1场景说明在Python中，使用multiprocessing模块创建子进程时，将创建子进程的代码放在if__name__=='__main__':块之外，如下面代码：importmultiprocessingimporttimedeftest_func(name):print(f"子进程{name}开始运行")time.sleep(2)#模拟任务执行print(f"子进程{name}结束运行")
  • 3D-AFFORDANCELLM: HARNESSING LARGE LANGUAGE MODELS FOR OPEN-VOCABULARY AFFORDANCE DETECTION UnknownBody LLMDaily3d语言模型人工智能
    摘要3D可及性检测是一个具有挑战性的问题，在各种机器人任务中有着广泛的应用。现有方法通常将检测范式制定为基于标签的语义分割任务。这种范式依赖于预定义的标签，缺乏理解复杂自然语言的能力，导致在开放世界场景中的泛化能力有限。为了解决这些限制，我们将传统的可及性检测范式重新定义为指令推理可及性分割（IRAS）任务。该任务旨在根据查询推理文本输出可及性掩码区域，避免了输入标签的固定类别。相应地，我们提出了
  • python_学习爬虫遇到的第二个问题_urllib获取baidu搜索后网页源代码 KJDETL python_爬虫python学习爬虫
    第二天学习爬虫，学习的是通过urllib.request和urllib.parse获取baidu搜索后网页源代码。importurllib.requestimporturllib.parse#请求网址url='https://www.baidu.com/s?'#想要搜索的内容data={'wd':'周杰伦'}#通过urllib.parse.urlencode将data进行url编码new_data
  • 【Python】面向对象 菜萝卜子 Pythonpython
    编程的两大特点面向过程：着重于做什么面向对象（oop）：着重于谁去做python是面向对象语言，面向对象三大特点：封装、继承、多态面向对象：便于代码管理，方便迭代更新。新式类、经典类继承了python内置类的称为新式类，否则是经典类python3类：新式类python3中所有的类默认继承object(基类)，所以一般的类都是新式类python2类：必须显示声明继承内置类才是新式类，否则是经典类两个
  • 【Visual C++】游戏开发笔记三十五 站在巨人的肩膀上 游戏引擎导论 这是什么树
    本系列文章由zhmxy555（毛星云）编写，转载请注明出处。文章链接：http://blog.csdn.net/zhmxy555/article/details/8250057作者：毛星云（浅墨）邮箱：happylifemxy@163.com-------------------------------------------------------------------------------
  • 【pytorch(cuda)】基于DQN算法的无人机三维城市空间航线规划（Python代码实现） wlz249 pythonpytorch算法
    欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录⛳️赠与读者1概述一、研究背景与意义二、DQN算法概述三、基于DQN的无人机三维航线规划方法1.环境建模2.状态与动作定义3.奖励函数设计4.深度神经网络训练5.航线规划四、研究挑战与展望2运行结果3参考文献4Python代码实现⛳️赠与读者‍做科研，涉及到一个深在的
  • 【Unity入门教程】第一章 游戏引擎基础 【中国大学MOOC游戏引擎原理及应用】 晴夏。 unity游戏开发游戏unity游戏开发unity3d
    以下均为来自中国大学mooc游戏引擎原理及应用时的学习笔记，不含商用，仅供学习交流使用，如果侵权请联系作者删除。第一章都很简单没什么好讲的，简单的介绍一下（其实是学习的时候第二章才开始记笔记）https://www.icourse163.org/course/CUC-1450317378?tid=1450731676才不会说是为了规格整齐每章都有才水了个第一章的
  • edger多组差异性分析_R语言统计分析微生物组数据 weixin_39961636 edger多组差异性分析
    我在学习这本书记了一些笔记，如果你有学习，欢迎分享你的笔记或者教程。我的已有笔记汇总如下：宏基因组学习笔记宏基因组学习笔记2宏基因组笔记(第二章)R语言宏基因组学统计分析学习笔记(第三章-1)R语言宏基因组学统计分析学习笔记(第三章-2)https://link.springer.com/book/10.1007/978-981-13-1534-3下载方法，sci-hub大法啦。出版日期：2018
  • Python基础知识---数据与变量、进制转换 银白101 python开发语言
    1.1软件开发概述（1）软件定义定义：是指有一系列按照特定顺序组织的计算机数据与指令的集合。程序=数据+指令程序=数据结构+算法软件的分类：系统软件：主要负责管理操作计算机底层的硬件，为用户提供一个操作的界面，为用户提供最基本的计算机功能WindowsLinuxMACAndroidIOSHarmonyOS应用软件：主要负责处理某一特殊领域功能的软件：微信、陌陌、Soul、网易云音乐、支付宝、Off
  • 李开复：AI 2.0 时代的机遇 AGI大模型与大数据研究院 DeepSeekR1&大数据AI人工智能javapythonjavascriptkotlingolang架构人工智能
    人工智能，深度学习，Transformer，大模型，通用人工智能，AI2.0，应用场景，未来趋势1.背景介绍人工智能（AI）技术近年来发展迅速，从语音识别、图像识别到自然语言处理等领域取得了突破性进展。其中，深度学习作为人工智能的核心技术之一，推动了AI技术的飞速发展。然而，深度学习模型的训练成本高、数据依赖性强、可解释性差等问题仍然制约着AI技术的进一步发展。李开复先生在《AI2.0时代的机遇》
  • python第七章_python第七章：常用模块--小白博客 weixin_39722759 python第七章
    yagmail模块python标准库中发送电子邮件的模块比较复杂，因此，有许多开原的库提供了更加易用的接口来发送电子邮件，其中yagmail是一个使用比较广泛的开原项目，yagmail底层依然使用了smtplib和email模块，但是yagmail提供了更好的接口，并具有更好的易读性yagmail是开原项目，因此，在使用前需要安装pipinstallyagmail用法：#连接邮箱服务器yag=ya
  • 股票量化分析软件有哪些？它们各自有何独特优势与适用场景？ 财云量化 python炒股自动化量化交易程序化交易股票量化分析软件独特优势适用场景股票量化接口股票API接口
    炒股自动化：申请官方API接口，散户也可以python炒股自动化（0），申请券商API接口python炒股自动化（1），量化交易接口区别Python炒股自动化（2）：获取股票实时数据和历史数据Python炒股自动化（3）：分析取回的实时数据和历史数据Python炒股自动化（4）：通过接口向交易所发送订单Python炒股自动化（5）：通过接口查询订单，查询账户资产股票量化，Python炒股，CSDN
  • C#学习笔记（3）： 调用YOLOv8 playerofIE c#学习笔记YOLOpython
    最近做的项目需要C#编写上位机程序，同时也要使用yolo进行深度学习检测。使用pythonnet调用写好的py文件，C#代码如下:Runtime.PythonDLL="python310.dll";PythonEngine.Initialize();using(Py.GIL()){dynamicsys=Py.Import("sys");dynamictorch=Py.Import("torch")
  • Java学习笔记（二十二） 路上阡陌 java学习笔记
    1Redis是单线程的那如何处理多个客户端发送的命令Redis虽然是单线程的，但它能够高效地处理多个客户端发送的命令，这主要得益于其内部使用的I/O多路复用技术和事件驱动模型。以下是Redis处理多个客户端命令的详细解释：1.1I/O多路复用技术Redis通过使用I/O多路复用技术，能够同时监听多个客户端连接上的I/O事件。当任何一个客户端连接上有读、写或异常等I/O事件发生时，I/O多路复用机制
  • Java~二叉树进阶练习题：根据先序遍历和中序遍历构建二叉树 与 根据后序遍历和中序遍历构建二叉树 Java墨言 程序员java面试算法
    《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门，即可获取！先序遍历中第一个一定是根结点。中序遍历中根结点左子树的所有结点一定在根结点的左边，右子树的所有结点一定在根结点的右边。所有中序遍历的序列组成可以表示为：左子树结点+根结点+右子树结点。后序遍历中最后一个结点一定是根结点。****根据先序遍历和中序遍历构建二叉树解题细想：**设置变量inedx方便从p
  • YOLOv8 的简介 及C#中如何简单应用YOLOv8 码上有潜 YOLOv8YOLO
    YOLOv8是YOLO（YouOnlyLookOnce）系列中的最新版本，是一种用于目标检测和图像分割的深度学习模型。YOLO模型以其快速和准确的目标检测性能而著称，广泛应用于实时应用程序中。主要特点高效性：YOLOv8在保持高检测速度的同时，进一步提高了检测精度。端到端训练：可以直接从图像输入端到分类结果输出，简化了训练和部署过程。改进的架构：包括更深的网络结构、更复杂的特征提取方法以及更高效的
  • Python中的time模块 小白的高手之路 python学习深度学习（DL）python数据结构开发语言
    在Python中，importtime这一行代码的作用是导入名为time的标准库模块，这个模块提供了与时间相关的各种函数和工具，用于处理时间戳、时间延迟、时间格式转换等操作。1、time模块的常见用途和核心函数：1.1获取时间戳timestamp=time.time()print(timestamp)#输出如：1717666785.123456time.time()返回当前时间的时间戳（以秒为单位
  • llama.cpp 和 LLM（大语言模型） 这个懒人 llama语言模型人工智能
    llama.cpp和LLM（大语言模型）的介绍，以及两者的关联与区别：1.LLM（LargeLanguageModel，大语言模型）定义：LLM是基于深度学习技术（如Transformer架构）构建的超大参数量的自然语言处理模型。它通过海量文本数据训练，能够生成连贯、语义丰富的文本，完成问答、创作、推理等任务。特点：参数规模大：如GPT-3（1750亿参数）、Llama-65B（650亿参数）等。
  • Python weakref --- 弱引用详解 tekin Python高阶工坊Python编程秘籍库pythonweakref弱引用
    Pythonweakref—弱引用详解在Python中，内存管理是一个重要的话题。weakref模块提供了弱引用的功能，它允许我们在不增加对象引用计数的情况下引用对象，从而避免影响对象的垃圾回收机制。本教程将依据Python官方文档，详细介绍weakref模块的使用，通过图文并茂的方式帮助理解，对相关联知识点进行扩展深化，用表格对比相近问题，包括与其他引用类型的区别、实际项目应用示例以及类似模块介
  • Python制作【大麦网】抢票程序，看演唱会再也不怕没票了 中年猿人 python开发语言爬虫
    前言大麦网，是中国综合类现场娱乐票务营销平台，业务覆盖演唱会、话剧、音乐剧、体育赛事等领域。但是因为票数有限，还有黄牛们不能丢了饭碗，所以导致了，很多人都抢不到票那么，今天带大家用Python来制作一个自动抢票的脚本小程序知识点：面向对象编程selenium操作浏览器pickle保存和读取Cookie实现免登陆time做延时操作os创建文件，判断文件是否存在开发环境：版本：anaconda5.2.
  • 【Python学习笔记】一些关于多线程，xls文件读取，PyQt5，PyInstaller打包等问题的解决方案记录 百里香酚兰 Python自学笔记python学习笔记pyinstallerxls文件PyQt5多线程
    背景：最近利用休息时间写了个小型exe程序，主要涉及的技术点有：多线程，读取xls文件，基于PyQt5的简单GUI页面，利用PyInstaller打包成exe。虽然有ChatGPT等协助，但难免还是在开发过程中遇到了一些疑难问题，所以开个记录贴刊登解决方式。问题&解决方式：1.PyQt+PyInstaller：tqdm报错AttributeError:‘NoneType‘objecthasnoat
  • 网络爬虫之urllib库 db_zwm_2035 爬虫
    目录前言：一、urllib库简介二、使用urllib.request获取网页内容三、处理URL和请求头部四、解析URLs和查询参数五、处理异常七、总结前言：随着互联网的快速发展，网络数据已经成为我们获取信息、解决问题的重要来源。网络爬虫作为获取网络数据的重要工具，越来越受到人们的关注。Python作为一种简单易学、功能强大的编程语言，在网络爬虫领域也得到了广泛的应用。在Python中，urllib
  • Python 爬虫入门（六）：urllib库的使用方法 blues_C Python爬虫实战python爬虫开发语言
    Python爬虫入门（六）：urllib库的使用方法前言1.urllib概述2.urllib.request模块2.1发送GET请求2.2发送POST请求2.3添加headers2.4处理异常3.urllib.error模块4.urllib.parse模块4.1URL解析4.2URL编码和解码4.3拼接URL5.urllib.robotparser模块6.实战示例:爬取豆瓣电影Top2507.ur
  • 《Operating System Concepts》阅读笔记：p354-p358 操作系统
    《OperatingSystemConcepts》学习第31天，p354-p358总结，总计5页。一、技术总结1.logicaladdress&virtualaddressBindingaddressesateithercompileorloadtimegeneratesidenticallogicalandphysicaladdresses.However,theexecution-timead
  • 《Operating System Concepts》阅读笔记：p331-p353 操作系统
    《OperatingSystemConcepts》学习第30天，p331-p353总结，总计23页。一、技术总结1.lockdep工具2.claimedge3.banker'salgorithmAdeadlockavoidancealgorithm,lessefficientthantheresource-allocationgraphschemebutabletodealwithmultiple
  • rust的指针作为函数返回值是直接传递，还是先销毁后创建？ wudixiaotie 返回值
     这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a
  • java编程思想 -- 数据的初始化 百合不是茶 java数据的初始化
      1.使用构造器确保数据初始化      /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }
  • [航天与宇宙]为什么发射和回收航天器有档期 comsci
           地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...        所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &
  • linux下批量替换文件内容 商人shang linux替换
    1、网络上现成的资料 　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串 　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi
  • 网页在线天气预报 oloz 天气预报
    网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
  • SpringMVC和Struts2比较 杨白白 springMVC
    1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。 参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2
  • refuse copy, lazy girl! 小桔子 copy
           妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！  
  • apache与php整合 aichenglong php apache web
    一  apache web服务器 1 apeche web服务器的安装   1)下载Apache web服务器   2)配置域名(如果需要使用要在DNS上注册)   3)测试安装访问http://localhost/验证是否安装成功 2 apache管理   1)service.msc进行图形化管理   2)命令管理，配
  • Maven常用内置变量 AILIKES maven
    Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al
  • java的类和对象 百合不是茶 JAVA面向对象 类 对象
    java中的类：     java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决   java使用 class 类名   来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的   创建一个A类： class A{ }   java中的类：将某两个事物有联系的属性包装在一个类中，再通
  • JS控制页面输入框为只读 bijian1013 JavaScript
    在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。  
  • AngularJS与服务器交互 bijian1013 JavaScriptAngularJS$http
            对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange
  • [Maven学习笔记八]Maven常用插件应用 bit1129 maven
    常用插件及其用法位于：http://maven.apache.org/plugins/   1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin           1. Jetty Pl
  • 【Hive六】Hive用户自定义函数(UDF) bit1129 自定义函数
    1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括： 文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么
  • 杀掉nginx进程后丢失nginx.pid，如何重新启动nginx ronin47 nginx 重启 pid丢失
    nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
  • UI设计中我们为什么需要设计动效 brotherlamp UIui教程ui视频ui资料ui自学
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用你的产品。
  • Spring中JdbcDaoSupport的DataSource注入问题 bylijinnan javaspring
    参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin
  • 数据库连接池的工作原理 chicony 数据库连接池
           随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
  • java 关键字 CrazyMizzz java
    关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：    （1）访问修饰符       public,private,protected       p
  • Hive中的排序语法 daizj 排序hiveorder byDISTRIBUTE BYsort by
    Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。 与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
  • 单态设计模式 dcj3sjt126com 设计模式
      单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{    // 保存类实例在此属性中    private static&
  • svn locked dcj3sjt126com Lock
    post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a
  • ARM寄存器学习 e200702084 数据结构C++cC#F#
    无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。     ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）     不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
  • 常用编码资料 gengzg 编码
    List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) {
  • 进程 vs. 线程 hongtoushizi 线程linux进程
    我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。 首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。 如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。 如果用多线程实现
  • Linux定时Job：crontab -e 与 /etc/crontab 的区别 Josh_Persistence linuxcrontab
    一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来： 第一段 代表分钟 0—59 第二段 代表小时 0—23 第三段 代表日期 1—31 第四段 代表月份 1—12 第五段 代表星期几，0代表星期日 0—6   如： */1 * * * *   每分钟执行一次。 *
  • KMP算法详解 hm4123660 数据结构C++算法字符串KMP
         字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。       假设主串s="ababcabcacbab",模式串为t="
  • 枚举类型的单例模式 zhb8015 单例模式
    E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
  • Kafka+Storm+HDFS ssydxa219 storm
    cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
  • Java获取本地服务器的IP 中华好儿孙 javaWeb获取服务器ip地址
    System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他