Jacky陈
Jacky陈

交互设计工具protopie入门第一集

软件介绍

Protopie（菠萝头派）是一款交互原型设计工具，与Axure RP,墨刀等相比，它更加轻量级，集成的功能更吸引人，可以调用iphone系统的陀螺仪，3Dtouch等等

官方网站 http://www.protopie.cn  里面已经提供简单的介绍和教程，在这里不进行赘述，在之后更新的文章中会通过我自己的使用和体验对其中的各个小功能进行尝试和介绍，如有使用不当或者描述不清的请各位读者回复或者给简信，谢谢各位

下面是一些来自网络的介绍：

对于APP设计师来说：

在 ProtoPie 上使用时不需要编写代码，通过后者可视化的设计即可完成相应功能的增减。比如，在一款软件设计时，设计师无需记住具体的数据, 通过时间轴拖动相应版块就能完成操作。在完成软件设计后，设计师可以将其导出到 ProtoPie 的应用中供开发者直接查看。

对于移动开发者和APP产品经理来说：

可以直接在“设计师版”的应用中看到设计师的功能设计、交互逻辑等，还会获得一份由 ProtoPie 提供的具体参数数据，并按照这份数据进行开发。如此一来不仅减少了设计师和开发者的沟通成本，也为设计师探索新的交互设计提供了平台。

如何下载

首先打开Protopie官网http://www.protopie.cn：

首页

点击下载免费测试版之后会跳转至页面底部：

交互设计工具protopie入门第一集_第1张图片
下载

点击免费下载测试版 for Mac就可以下载软件了，之后在相应目录打开安装包后即可进行软件安装，安装完成后就可以看到菠萝头派啦


交互设计工具protopie入门第一集_第2张图片
Mac测试版 ProtoPie

这就是ProtoPie的图标啦，看起来非常像一个派啊，作为一个吃货表示很有食欲

移动端软件安装

装了电脑版之后在编辑文件后需要在移动端进行调试和查看效果，那当然少不了移动端的软件安装了，我们可以通过APP STORE直接搜索ProtoPie Player进行下载

交互设计工具protopie入门第一集_第3张图片
苹果商店下载

第一次尝试

既然装好了，那我们赶紧打开体验一下，首先打开PC端的ProtoPie

交互设计工具protopie入门第一集_第4张图片
Protopie主界面

红色框区域可以切换界面大小，这里我们选择相应的设备大小就可以，其他的功能在本集中就不进行详细介绍了

然后我们随便拖动一张图片放置于页面上方，就像是这样

交互设计工具protopie入门第一集_第5张图片
Hello ProtoPie

第一次使用的时候我们需要将手机与软件相关联，先点开界面右上角的关联IP，是一个二维码，等一下我们需要通过手机扫描

交互设计工具protopie入门第一集_第6张图片
二维码

然后我们就需要打开我们移动端的APP了


交互设计工具protopie入门第一集_第7张图片
移动端界面

红色方框区域就是二维码扫描，点击后用摄像头对着我们PC端上得二维码即可相互关联，关联后就可以在二维码下方的设备中看到自己的设备已经被添加进了软件，如果不使用这种方法的话也可以点击第二个按钮，然后输入二维码边的IP地址即可完成连接，连接成功后界面如下

交互设计工具protopie入门第一集_第8张图片
连接成功

点击RUN或者电脑界面上的三角播放按钮后就可以运行啦

交互设计工具protopie入门第一集_第9张图片
移动端运行效果

在手机上看到了我们刚才制作的第一个界面

至此，我们就成功完成了软件的安装及第一次调试，接下来更多的功能大家可以自行尝试，也可以等待教程的不断更新

那这一次的菠萝头派第一集就到此结束了，如有疑问可以随时简信我，每天中午都会查看并回复，谢谢大家

预告

在第二集中，我们将会对一些简单控件的应用进行讲解，包括界面的功能区分类等等

你可能感兴趣的:(交互设计工具protopie入门第一集)

  • WPF架构关键技术剖析(2)--XAML、对象序列化、类动态实例化 广州接入 2Silverlight4学习笔记1C＃6编程感悟wpfdelphiui语言assemblyhtml
    我们知道对于界面元素的描述，WPF的XAML不是第一个，HTML就要早很多，delphi的dfm也是一种。界面描述和界面交互逻辑的分离是有很多好处的，比如有利于可视化设计，有利于界面复用等。微软总是想一统天下，WPF的出现也是这种理想。当然，这种理想的出现也是有实际需求支持的。对于应用程序架构来说,传统的CS和BS都在相互融合，所以整合这两种模式下的界面设计也有其需求，并有利于两种模式的转换和融合
  • WPF快速入门3——XAML对象属性赋值 阿卡蒂奥 WPFWPF
    对象属性赋值1、Attribute=Value形式优点：赋值方便。缺点：Value为字符串，但是对象属性未必是字符串，因此无法赋太复杂的值。示例：绘制一个矩形，填充颜色并设置圆角；绘制一个路径，将路径闭合并填充颜色；效果如图所示：2、属性标签优点：可以为对象属性赋较为复杂的值。缺点：程序量大（因此在允许条件下可部分采用Attribute=Value形式，或使用属性默认值）。示例：在按钮对象上绘制一
  • 探索ChatLiteLLM与Langchain的集成应用 safHTEAHE langchainpython
    在现代AI应用开发中，简化调用多种语言模型的过程显得尤为重要。ChatLiteLLM库应运而生，它为开发者提供了调用如Anthropic、Azure、Huggingface、Replicate等模型的简便方法。这篇文章将带你深入了解如何使用Langchain与LiteLLMI/O库协同工作，实现高效的语言模型交互。1.技术背景介绍随着人工智能技术的飞速发展，多种语言模型应用于不同场景。集成这些模型
  • Perl 语言入门学习 喵丶派对 适用的技巧perl
    Perl是一种自由和通用的脚本语言，特别适用于文本处理。它的设计者是LarryWall，最初是为了简化Unix系统管理任务而开发的。Perl具有丰富的正则表达式功能、内置的数据结构、强大的文件处理能力以及灵活的语法，使得它成为了许多系统管理员和网络管理员的首选工具。Perl的特点：简洁的语法：Perl的语法非常简单，易于学习和阅读。它的代码通常很紧凑，易于编写和维护。跨平台：Perl可以在几乎所有
  • Python爬虫项目合集：200个Python爬虫项目带你从入门到精通 人工智能_SYBH 爬虫试读2025年爬虫百篇实战宝典:从入门到精通python爬虫数据分析信息可视化爬虫项目大全Python爬虫项目合集爬虫从入门到精通项目
    适合人群无论你是刚接触编程的初学者，还是已经掌握一定Python基础并希望深入了解网络数据采集的开发者，这个专栏都将为你提供系统化的学习路径。通过循序渐进的理论讲解、代码实例和实践项目，你将获得扎实的爬虫开发技能，适应不同场景下的数据采集需求。专栏特色从基础到高级，内容体系全面专栏内容从爬虫的基础知识与工作原理开始讲解，逐渐覆盖静态网页、动态网页、API数据爬取等实用技术。后续还将深入解析反爬机制
  • Blazor-ApexCharts 开源项目指南 凌桃莺Talia
    Blazor-ApexCharts开源项目指南项目地址:https://gitcode.com/gh_mirrors/bl/Blazor-ApexCharts一、项目介绍Blazor-ApexCharts是一个用于Blazor框架的图表组件库封装，它基于流行的前端图表库ApexCharts.js实现。这个项目旨在简化在Blazor应用中添加交互式图表的过程，无需直接处理复杂的JavaScript互
  • 深入解析Spring AI框架：在Java应用中实现智能化交互的关键 鵝鵝鵝 javaspring数据库后端开发语言
    合集-Spring源码分析(22)1.Spring入门系列：浅析知识点2023-04-102.Spring源码系列：初探底层，手写Spring2023-04-123.Spring源码系列：核心概念解析2023-04-204.Spring源码系列（补充）：详解ApplicationContext2023-04-215.Spring源码：bean的生命周期（一）2023-05-016.Spring源码
  • Kotlin 2.1.0 入门教程（四） xvch Kotlinkotlinandroid
    基本类型从某种意义上说，一切都是对象，因为您可以在任何变量上调用成员函数和属性。虽然某些类型在运行时具有优化的内部表示形式（如数字、字符、布尔值等），但它们看起来和行为都像普通类。即使基本类型（如Int、Char、Boolean等）在运行时被优化为原始值，但它们在代码中仍然表现为对象，可以调用成员函数和属性。funmain(){valnumber=42number.toDouble()//调用In
  • 大语言模型原理与工程实践：案例介绍 AI大模型应用之禅 AI大模型与大数据计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    大语言模型原理与工程实践：案例介绍作者：禅与计算机程序设计艺术近年来，随着深度学习技术的快速发展，大语言模型（LargeLanguageModel，LLM）在自然语言处理领域取得了突破性进展，展现出强大的文本生成、理解和推理能力。从智能对话到机器翻译，从代码生成到诗歌创作，LLM正在深刻地改变着我们与信息交互的方式，并为人工智能应用开拓了更广阔的空间。1.背景介绍1.1大语言模型的兴起大语言模型的
  • Kafka 入门与应用实战：吞吐量优化与与 RabbitMQ、RocketMQ 的对比 小白的一叶扁舟 Java开发kafkarabbitmqrocketmqspringbootjava
    前言在现代微服务架构和分布式系统中，消息队列作为解耦组件，承担着重要的职责。它不仅提供了异步处理的能力，还能确保系统的高可用性、容错性和扩展性。常见的消息队列包括Kafka、RabbitMQ和RocketMQ，其中Kafka因其高吞吐量、分布式特性和可靠性成为大规模数据流处理的首选。本篇文章将深入介绍Kafka的基本概念、执行流程、吞吐量优化策略、生命周期，重点对比Kafka与RabbitMQ和R
  • Azure数据分析Power BI SmallFatMan #Azureazure数据分析microsoft服务器运维面试面试云计算
    Azure数据分析PowerBI一、PowerBI简介二、PowerBI如何匹配角色三、PowerBI构建基块四、使用PowerBI服务一、PowerBI简介MicrosoftPowerBI是一系列的软件服务、应用和连接器，这些软件服务、应用和连接器协同工作，将不相关的数据源转化为合乎逻辑、视觉上逼真的交互式见解。不管你的数据是简单的MicrosoftExcel工作簿，还是基于云的数据仓库和本地混
  • 常见的图形库概览-01-Chart.js 入门例子 后端java
    入门例子Chart.js入门示例//在这里编写Chart.js代码//获取canvas元素的上下文constctx=document.getElementById('myChart').getContext('2d');//创建图表constmyChart=newChart(ctx,{type:'bar',//图表类型：柱状图data:{labels:['January','February','
  • 【原创】大数据治理入门（5）《数据生命周期管理：从采集到归档》入门必看 高赞实用 精通代码大仙 数据库hadooppython大数据数据挖掘数据治理数据库python
    数据生命周期管理：从采集到归档引言：数据生命周期的概念数据生命周期管理（DataLifecycleManagement，DLM）是指从数据的创建、使用、存储到最终归档或销毁的全过程管理。在大数据时代，企业需要通过对数据生命周期的全面管理，确保数据的可用性、安全性和合规性。本文将详细介绍数据生命周期的各个阶段，以及相应的管理策略和技术工具。各阶段介绍：采集、存储、处理、分析、归档数据采集（DataC
  • 【机器学习实战入门】使用OpenCV进行性别和年龄检测 精通代码大仙 数据挖掘深度学习python机器学习pythonopencv数据挖掘人工智能
    GenderandAgeDetectionPython项目首先，向您介绍用于此高级Python项目的性别和年龄检测中的术语：什么是计算机视觉？计算机视觉是一门让计算机能够像人类一样观察和识别数字图像和视频的学科。它面临的挑战大多源于对生物视觉有限的了解。计算机视觉涉及获取、处理、分析和理解数字图像，旨在从现实世界中提取高维数据，从而生成可用来做决策的符号或数值信息。该过程通常包括物体识别、视频跟踪
  • 使用VolcEngine Maas Chat进行语言模型对话的入门指南 dagGAIYD 语言模型人工智能自然语言处理python
    技术背景介绍VolcEngineMaasChat模型提供了一种便捷的方式进行对话接口的设计与实现，特别是对于自然语言处理(NLP)应用。通过简单的API调用，开发者可以轻松集成强大的AI对话能力到他们的应用中。本文将指导您如何使用VolcEngineMaasChat进行对话交互。核心原理解析VolcEngineMaasChat利用大语言模型来处理和生成自然语言，在接收到用户的输入后，模型会通过分析
  • Python基础入门之随机数种子(seed)方法的使用 我的小星星 python前端linuxPython
    随机数在编程中经常被用到，而在Python中，我们可以使用random模块来生成随机数。然而，有时候我们需要控制随机数的生成过程，使得每次运行程序时得到的随机数序列是可重复的。这时，就可以使用随机数种子(seed)方法来实现这个目的。随机数种子是一个整数值，它作为随机数生成算法的起始输入值。当使用相同的种子值时，每次生成的随机数序列都是相同的。这对于调试程序和复现实验结果非常有用。在Python中
  • Flutter项目和鸿蒙平台的通信 GY-93 HarmonyOSFlutterflutterharmonyos
    Flutter项目和鸿蒙平台的通信前言Flutter和Harmonyos通信MethodChannelBasicMessageChannelEventChannel前言大家在使用Flutter开发项目的时候，Flutter提供了PlatfromChannelAPI来和个个平台进行交互。Flutter官方目前提供了一下三种方式来和个个平台交互：BasicMessageChannel：用于传递字符串和
  • 初学python爬虫，爬取“豆瓣电影 Top 250”相关信息，并下载电影封面 ~柠月如风~ Python爬虫python爬虫正则表达式
    文章目录注：一、爬取“豆瓣电影Top250”相关信息：1、准备工作2、获取数据补充：urllib3、标签解析补充：BeautifulSoup4和re4、保存数据补充：xlwt附：爬取“豆瓣电影Top250”相关信息的完整代码：二、爬取/下载top250电影对应的封面效果展示附：下载电影封面的完整代码：注：所学的视频教程：B站Python爬虫基础5天速成（2021全新合集）Python入门+数据可视
  • 人工智能学习（一）之python入门 power-辰南 大模型算法实战工程python数据库前端
    一、引言在当今的软件开发领域，面向对象编程（Object-OrientedProgramming，OOP）已经成为一种主流的编程范式。Python作为一门功能强大且简洁易读的编程语言，对面向对象编程提供了非常完善的支持。无论是开发大型项目、构建数据科学应用，还是进行自动化脚本编写，理解和掌握Python面向对象编程都能让你更高效地完成任务。本文将带你快速入门Python面向对象编程，通过清晰的概念
  • 爬取NBA球员信息并可视化小白入门 Serendipity_Carl 爬虫数分爬虫基础python爬虫数据可视化pycharm数据分析
    网址:虎扑体育-NBA球员得分数据排行第1页步骤:分析页面确定URL地址模拟浏览器向服务器发送请求数据解析提取想要的数据保存数据爬虫所需要的模块requests(发送HTTP请求)parsel(解析HTML内容)pandas(数据保存模块)第一步分析页面--确定是静态页面还是动态页面右击点击查看网页源代码在新窗口中搜索(Ctrl+F)我们所需要的数据通过分析可得此网站为静态页面URL地址为浏览器栏
  • 咱们继续学Java——高级篇 第二百二十八篇：之Java 2D图形编程之通过系统剪贴板传递Java对象 一杯年华@编程空间 咱们继续学java高级篇eclipsemavenjava-eespringbootstrutsjavatomcat
    咱们继续学Java——高级篇第二百二十八篇：之Java2D图形编程之通过系统剪贴板传递Java对象在Java学习的征程中，我们不断探索知识的边界，每一次对新功能的深入学习都是成长的宝贵机会。我写这篇博客的目的，就是希望与大家一同学习Java2D图形编程中如何通过系统剪贴板传递Java对象，助力大家在图形编程领域掌握更强大的数据交互技术。今天，我们将详细解读利用序列化在Java应用程序之间传递对象的
  • ApexCharts 图表入门例子 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • AI代码生成器赋能房地产：ScriptEcho如何革新VR/AR房产浏览体验 前端
    房地产行业正经历着深刻的变革。传统的房产浏览方式，例如平面图和实地看房，效率低下，用户体验差，难以满足现代消费者对信息获取和体验感日益增长的需求。虚拟现实（VR）和增强现实（AR）技术的兴起为解决这一痛点提供了新的途径，为消费者带来沉浸式、交互式的房产浏览体验。然而，VR/AR应用的开发却面临着诸多挑战，例如开发周期长、成本高、技术门槛高等。这时，一个强大的AI代码生成器，例如ScriptEcho
  • 【零基础入门Go语言】错误处理：如何更优雅地处理程序异常和错误 随心Coding 理想主义花朵golang开发语言后端
    随着软件开发的不断发展，软件系统的规模和复杂性日益增加，错误处理的重要性也愈发凸显。作为开发者，我们都希望自己编写的代码能够像精密的机器一样，稳定、高效地运行。然而，现实往往不尽如人意，错误总是会在不经意间出现，打乱我们的节奏，影响开发进度。有时候，一个小小的错误可能会耗费我们大量的时间和精力去排查和修复。但如果我们掌握了良好的错误处理技巧，就能将这些“麻烦”转化为提升代码质量的契机。接下来，让我
  • 一个可以根据题目得分显示不同题目的答题demo qq_41759752 javascripthtml5vue.js前端
    前段时间有幸参与到一个全国性的某心理健康测评平台的开发工作，其答题部分的前端开发工作由我完成，现将该平台前端的主要交互逻辑重新实现做成demo，有需要的小伙伴或客户可以联系我获取了，有类似开发需求的老板和可以联系我哟。其中主要实现的交互有：1、在excel录入题目信息，后台写脚本将excel数据转化为前端页面需要的试题数据，前端通过接口拿到所有的试题数据。（后台操作，demo中数据写成了静态数据）
  • 用smb和SSH实现windows和虚拟机ubuntu共享文件、交互操作 tukery 网络编程
    快速配置不添加新的SSH或者SMB账号，直接使用系统账号。1、sudoapt-getinstallopenssh-server安装sshd服务2、直接使用系统账号在ssh客户端连接登录3、sudoapt-getinstallsamba安装samba服务4、sudogedit/etc/samba/smb.conf[share]//windows映射名,"\\192.168.85.128\share"
  • python数据分析与可视化 盆蒂 python开发语言
    一、Python数据分析概述Python是一种解释型、交互式的编程语言，其设计理念强调代码的可读性和简洁性。Python的语法结构简单，支持面向对象、过程式和函数式三种编程范式，使得Python成为一种强大而灵活的编程语言。Python数据分析主要包括数据清洗、数据探索和数据可视化三个部分。数据清洗是数据分析的重要环节，主要是对数据进行预处理，包括缺失值处理、异常值处理、数据类型转换等。数据探索则
  • 解锁C#编程新姿势：Z.ExtensionMethods入门秘籍 步、步、为营 c#数据库.net服务器
    一、引言在C#的开发旅程中，我们常常会遇到各种重复性高、复杂度低的任务，这些任务虽然基础，但却占据了我们大量的开发时间。比如处理字符串时，经常需要进行非空判断、格式转换；操作日期时间时，计算某个月的起始和结束日期；管理集合时，对元素进行遍历、排序等。这些看似简单的操作，若每次都手动编写代码，不仅效率低下，还容易出错。Z.ExtensionMethods的出现，如同为C#开发者们配备了一把万能钥匙，
  • gradio库的基本使用 Echo..... pythonpython
    Gradio（通过pipinstallgradio安装）是一个用于创建交互式界面的Python库。它允许你基于预训练模型、函数或任意代码块创建实时演示和部署模型的图形用户界面（GUI）。使用Gradio库，你可以轻松创建Web界面，用于输入数据、调用模型、显示结果，并为用户提供与模型交互的功能。它支持多种输入类型（如文本框、图片上传、滑块等）和输出展示方式（如图像展示、文本展示等）。你可以根据需要
  • 传输层协议UDP/TCP中的那些端口 村中少年 网络攻防协议实战分析tcpudptcp/ip
    本节将介绍一些端口的一些知识点，作为我的专栏《计算机网络协议快速入门教程》中的一节。前面的文章对于UDP以及TCP协议做了较为详尽的阐述，其中端口作为传输层的地址能够有效的标识应用程序。其实不仅仅是UDP协议，对于TCP协议也会使用端口作为应用程序通信的表示。端口概念不难理解，但是对于端口约定俗成的使用方式，在服务端以及客户端的使用上存在着一定的差异，本节将详细的阐述。端口范围无论在UDP协议还是
  • 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其他