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;笔记;机器人;,深度学习)

  • CSP-J备考冲刺必刷题（C++） | AcWing 5367 不合群数 热爱编程的通信人 c++算法开发语言
    本文分享的必刷题目是从蓝桥云课、洛谷、AcWing等知名刷题平台精心挑选而来，并结合各平台提供的算法标签和难度等级进行了系统分类。题目涵盖了从基础到进阶的多种算法和数据结构，旨在为不同阶段的编程学习者提供一条清晰、平稳的学习提升路径。欢迎大家订阅我的专栏：算法题解：C++与Python实现！附上汇总贴：算法竞赛备考冲刺必刷题（C++）|汇总【题目来源】AcWing：5367.不合群数-AcWing
  • 构建未来智能：在Mojo模型中自定义模型架构的艺术 2401_85761003 mojo架构
    构建未来智能：在Mojo模型中自定义模型架构的艺术在深度学习的世界里，模型架构的设计往往决定了算法的性能和适用性。Mojo模型，作为一个假想中的高级机器学习框架，允许用户实现自定义的模型架构来解决特定的问题。本文将深入探讨如何在Mojo模型中实现自定义模型架构，并提供详细的步骤和代码示例，以帮助读者掌握这一强大的技术。自定义模型架构的重要性灵活性自定义模型架构提供了设计适合特定问题需求的模型的灵活
  • 网络爬虫【爬虫库urllib】 不三不四୭ 爬虫爬虫python网络爬虫
    我叫不三不四，很高兴见到大家，欢迎一起学习交流和进步今天来讲一讲爬虫urllib介绍Urllib是Python自带的标准库，无须安装，直接引用即可。Urllib是一个收集几个模块来使用URL的软件包，大致具备以下功能。●urllib.request：用于打开和读取URL。●urllib.error：包含提出的例外urllib.request。●urllib.parse：用于解析URL。●urlli
  • python 反编译pyc文件 枫之沫 python开发语言
    1、python运行的时候是将py文件，编译成为pyc文件。如果我们想将pyc文件在编译成py文件该怎么做呢？使用python的库进行编译（uncompyle6）使用反编译工具（uncompyle6）可以将其反编译为.py即Python程序源代码：1、使用pip安装该反编译包（默认已有python环境）：pipinstalluncompyle如果速度很慢或者直接报HTTP错误，可以使用国内源（下述
  • OpenAI Agents SDK 中文文档 中文教程 （6） wtsolutions openaiagentssdkopenaiagentssdkpython中文
    英文文档原文详见OpenAIAgentsSDKhttps://openai.github.io/openai-agents-python/本文是OpenAI-agents-sdk-python使用翻译软件翻译后的中文文档/教程。分多个帖子发布，帖子的目录如下：(1)OpenAI代理SDK，介绍及快速入门(2)OpenAIagentssdk,agents，运行agents，结果，流，工具，交接(3)
  • 以下功能模块助力企业实现流程智能化、降本增效： 牛油果爱编程 云计算开源软件开源
    1⃣‌智能流程设计器‌‌拖拽式建模‌：可视化搭建流程节点，支持条件分支、并行任务等复杂逻辑。‌AI辅助优化‌：自动检测流程瓶颈，推荐优化路径（2024版新增AI引擎）。‌模板库‌：预置财务审批、采购管理等行业模板，开箱即用。2⃣‌自动化触发与执行‌‌事件驱动‌：支持数据库变更、API调用、表单提交等触发条件。‌机器人流程自动化（RPA）‌：无缝集成外部系统操作（如自动填表、数据抓取）。‌动态分配规
  • json-rpc 传递对象的python示例代码 weixin_45081353 jsonrpcpython
    1.json文档IntroducingJSONcJSONjson的c解析库janssonjson的c解析库jsonpathjanssonapidocs2.json-rpc协议文档JSON-RPC1.0Specification(2005)JSON-RPC2.0Specification2个版本可同时存在下面的代码示例，实现的json-rpc2.0协议3.客户端代码操作对象json-rpc2.0#i
  • 〖Python 数据库开发实战 - MySQL篇⑰〗- 聚合函数的使用 哈哥撩编程 #⑤-数据库开发实战篇Python全栈白宝书python数据库开发mysql聚合函数
    订阅Python全栈白宝书-零基础入门篇可报销！白嫖入口-请点击我。推荐他人订阅，可获取扣除平台费用后的35%收益，文末名片加V！说明：该文属于Python全栈白宝书专栏，免费阶段订阅数量4300+，购买任意白宝书体系化专栏可加入TFS-CLUB私域社区。福利：加入社区的小伙伴们，除了可以获取博主所有付费专栏的阅读权限之外，还有机会加入星荐官共赢计划，详情请戳我。作者：不渴望力量的哈士奇(哈哥)，
  • Python基础语法：函数、模块 算法工程师y python开发语言
    一、函数：代码复用的基石1.函数的定义与调用函数用于封装重复操作的代码块，通过参数接收输入，并返回结果。#定义函数defgreet(name):returnf"你好，{name}！"#调用函数message=greet("小明")print(message)#输出：你好，小明！2.参数与返回值位置参数：按顺序传递参数。默认参数：为参数提供默认值（需定义在参数列表末尾）。返回值：使用return返回
  • 最新计算机专业毕设论文选题大全基于BeautifulSoup的毕业设计详细题目100套优质毕设项目分享(源码+论文)✅ 会写代码的羊 毕设选题课程设计beautifulsoup毕业设计毕业设计题目毕设题目python网络爬虫
    文章目录前言最新毕设选题（建议收藏起来）基于BeautifulSoup的毕业设计选题毕设作品推荐前言2025全新毕业设计项目博主介绍：✌全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/华为云/阿里云等平台优质作者。技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容：免费
  • 【python】io.BytesIO简要介绍及示例 魔都吴所谓 Python实用工具java开发语言
    io.BytesIO简要介绍及示例io.BytesIO是Python内置的一个I/O类，用于在内存中读写二进制数据。它的作用类似于文件对象，但是数据并不是存储在磁盘上，而是存储在内存中的字节串。你可以像文件对象一样对其进行读写、查找和截断等操作。通常用来操作二进制数据，如图片、音频、视频等。也可以用于测试或者临时存储数据。代码举例：importio#写入二进制数据到BytesIO对象中data=b
  • 鸿蒙系统liteos_m开发环境配置 dreamczf harmonyos华为嵌入式软件
    在工作中开发基于HC32F4A0的鸿蒙liteos_m的操作系统移植时，开发环境选的命令行模式，官方的参考请看链接《快速入门概述》在ubuntu18.04环境中安装时，安装库和工具集时官方提供的安装库的指令无法进行安装，部分库应该是有安装顺序的要求，重新整理后写了如下脚本，用sudo./install.sh进行安装即可。设置python3.8时按照官方的设置方式如下，会出现问题，导致18.04的整
  • 《AI医疗系统开发实战录》第4期——医疗数据安全合规实战指南 骆驼_代码狂魔 程序员的法宝人工智能
    核心主题：如何构建符合HIPAA/GDPR标准的医疗数据安全体系？最大痛点：90%的医疗AI项目因数据合规问题无法通过临床验收！一、合规框架设计（ISO27001+HIPAA/GDPR融合方案）python示例：Django中间件实现HIPAA合规审计日志fromdjango.utils.deprecationimportMiddlewareMixinimportloggingfromdateti
  • 解锁Python代码的秘密：Pyc反编译工具包 郎杉忱Robust
    解锁Python代码的秘密：Pyc反编译工具包【下载地址】Pyc反编译成py文件工具包Pyc反编译成py文件工具包本仓库提供了一套实用工具，专门用于将Python编译后的.pyc文件反编译回.py源代码格式项目地址:https://gitcode.com/open-source-toolkit/4635d项目介绍在软件开发和学习过程中，我们常常会遇到需要理解或调试他人编写的Python代码的情况。
  • Flexbox 布局详细笔记 .毅晨. html5cssvue.jshtmles6npm笔记
    Flexbox布局详细笔记Flexbox（弹性盒子布局）是CSS3中用于实现高效、灵活的页面布局的模块，特别适合处理一维布局（行或列）。以下是核心知识点和常见用法：一、Flexbox基础概念容器（FlexContainer）通过display:flex;或display:inline-flex;将一个元素定义为Flex容器。其直接子元素自动成为Flex项目（FlexItems）。主轴（MainAx
  • UDP数据发送与接收详解 web安全工具库 python
    各类资料学习下载合集https://pan.quark.cn/s/8c91ccb5a474UDP（用户数据报协议）是一种无连接的网络协议，与TCP相比，它更轻量、更快速。UDP适合于对速度要求高而对可靠性要求相对较低的应用场景，比如视频流、语音通话等。在本文中，我们将详细探讨如何使用Python的socket库进行UDP数据的发送与接收，提供完整的代码示例及运行结果。1.UDP的基本原理UDP的工
  • 【JSON-RPC】 python+JSON-RPC示例与入门 魔都吴所谓 jsonrpcpython
    JSON-RPC是一种无状态的、轻量级的远程过程调用（RPC）协议。它定义了几种数据结构及其处理规则。它使用JSON（JavaScriptObjectNotation）作为数据格式，允许实现相同功能的程序以松散耦合的方式跨网络通信。以下是一个简单的JSON-RPC使用Python的示例。我们将使用jsonrpclib这个库来创建一个JSON-RPC服务端和一个客户端。首先，你需要安装jsonrpc
  • Python 3.9 及以上版本 Pyc 文件反编译工具 - PyCDC 松黎肠Eddie
    Python3.9及以上版本Pyc文件反编译工具-PyCDC项目地址:https://gitcode.com/open-source-toolkit/afe4b概述随着Python语言的不断演进，对于3.9及更高版本的pyc文件反编译需求日益增加。uncompyle6作为早期优秀的反编译工具，已不再支持3.9以上的Python版本。为此，我们引入了PyCDC，一个专门针对Python3.9及以上版
  • python etree创建xml_Python构建XML树结构的实例教程 埃琳娜莱农 pythonetree创建xml
    这篇文章主要介绍了Python构建XML树结构的方法,结合实例形式分析了Python创建与打印xml数结构的实现步骤与相关操作技巧,需要的朋友可以参考下本文实例讲述了Python构建XML树结构的方法。分享给大家供大家参考，具体如下：1.构建XML元素#encoding=utf-8fromxml.etreeimportElementTreeasETimportsysroot=ET.Element(
  • Python计算DEM(tif格式)坡度和坡向 见贤思齐547 Python地理数据处理python
    本文根据山东省DEM图获取坡度、坡向图，使用了三种方式：PythonGDAL工具自带的函数处理、Python中自己编写函数实现和arcgis中实现。一.Python中实现（针对TIF格式的DEM数据）1.利用gdal工具处理（1）代码fromosgeoimportgdal,osr#获取影像信息infoDEM=gdal.Info(r"D:\ProfessionalProfile\DEMdata\2_
  • python实现dem输出三维模型_使用DEM生成3D模型(补完) 不行我不能睡
    DataMark--------中国地球空间数据交换格式-格网数据交换格式(CNSDTF-RAS或CNSDTF-DEM)的标志。基本部分，不可缺省。Version--------该空间数据交换格式的版本号,如1.0。基本部分，不可缺省。Unit--------坐标单位,K表示公里,M表示米,D表示以度为单位的经纬度,S表示以度分秒表示的经纬度(此时坐标格式为DDDMMSS.SSSS,DDD为度,M
  • Python数据可视化与地理空间分析 CrMylive. 信息可视化python开发语言
    数据可视化是数据分析的一个关键环节，它将数据转化为可视化的图形和图表，帮助人们更好的理解和分析数据。Python作为一种通用的编程语言，也可以用于数据可视化和地理空间分析。本文将深入探讨Python在数据可视化和地理空间分析方面的应用。一、Python数据可视化Python数据可视化的核心工具是matplotlib，它是一个开源的绘图库，可以帮助用户创建高质量的静态、动态和交互式图形。除了matp
  • python -- 单链表的操作 暖暖_nn python单链表数据结构算法
    单链表的操作定义:单向链表也叫单链表，是链表中最简单的一种形式。它的每个节点包含两个域，一个信息域（元素域）和一个链接域。链接域指向链表中的下一个节点，而最后一个节点的链接域则指向一个空值。元素域elem:用来存放具体的数据。链接域next:用来存放下一个节点的位置变量head:指向链表头节点（首节点）的位置，从head出发能找到表中的任意节点。方法:is_empty():判断链表是否为空leng
  • python 判断两个矩形是否重叠(Find if two rectangles overlap) csdn_aspnet Pythonpython
    给定两个矩形，判断这两个矩形是否重叠。注意，一个矩形可以用两个坐标表示，左上角和右下角。所以我们主要给出以下四个坐标。l1：第一个矩形的左上角坐标。r1：第一个矩形的右下角坐标。l2：第二个矩形的左上角坐标。r2：第二个矩形的右下角坐标。我们需要编写一个函数booldoOverlap(l1,r1,l2,r2)，如果两个给定的矩形重叠，则返回true。注意：可以假设矩形与坐标轴平行。一种解决方案是逐
  • 笔记：代码随想录算法训练营Day65:LeetCode115.不同的子序列\583. 两个字符串的删除操作\72. 编辑距离 jingjingjing1111 算法数据结构leetcode动态规划
    学习资料：代码随想录115.不同的子序列力扣题目链接递推公式：求的是个数而不是长度，dp[i-1][j]代表的是用i-2为结尾的s的子序列去能凑出j-1为结尾的t的子序列的方法数，代表的是dp[i][j]的上一状态，当s[i-1]==t[i-1],说明可以从dp[i-1][j-1]的代表的用i-2为结尾的s的子序列去能凑出j-2为结尾的t的子序列的方法数方法数状态各加一个数抵达dp[i][j]代表
  • 笔记:代码随想录算法训练营day48:739. 每日温度\496.下一个更大元素 I\503.下一个更大元素II jingjingjing1111 笔记
    学习资料:代码随想录单调栈适合找左边或右边比当前大或小的元素739.每日温度力扣题目链接大致意思为用栈存储当前值以及比当前的小的值,但后遇到比当前值大的值的时候再计算非常巧妙的是,最后需要等于0的时候,正好后面没有比当下大的数的那个数的位置的result保留为0,不用处理classSolution{public:vectordailyTemperatures(vector&temperatures
  • SciPy 安装指南 froginwe11 开发语言
    SciPy安装指南引言SciPy是一个开源的Python科学计算库，它基于NumPy库，提供了大量的科学和工程计算功能。SciPy包含了用于优化、线性代数、积分、插值、信号和图像处理、特殊函数、统计分析、离散傅里叶变换等功能的模块。本文将详细介绍如何在您的系统上安装SciPy。安装前的准备在开始安装SciPy之前，请确保您的系统满足以下条件：您已安装Python，且版本在3.5或更高。您已安装pi
  • VBA和Python到底哪个比较难学？ cda2024 pythonwindows开发语言
    开头：引人入胜的对比在当今数字化的时代，编程语言的选择对于许多从事数据分析、自动化办公或软件开发的人来说至关重要。如果你曾经在Excel中使用过宏功能，或者尝试过编写简单的Python脚本来处理数据，那么你可能已经接触到了两种非常流行的编程工具：VBA（VisualBasicforApplications）和Python。两者都具有强大的功能，但学习难度却有所不同。那么，VBA和Python到底哪
  • 探索Python中的访问者模式：设计模式的灵活应用 杨哥带你写代码 python访问者模式设计模式
    标题：探索Python中的访问者模式：设计模式的灵活应用在软件工程中，访问者模式（VisitorPattern）是一种允许在不修改对象结构的前提下，添加新操作的设计方案。它通过将算法从对象结构中分离出来，使对象结构扩展更为灵活。本文将深入探讨Python中访问者模式的实现原理、应用场景，并提供详细的代码示例。访问者模式概述访问者模式是一种行为设计模式，它使你可以在不改变对象类的前提下，为这些对象添
  • 2024年HarmonyOS鸿蒙最新鸿蒙应用开发当前支持的颜色枚举值(2)，2024年最新社招面试题目 2401_84850323 程序员鸿蒙面试学习
    深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新需要这份系统化的资料的朋
  • 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其他