webtodo开源

㈠ webuploader分片上传的实现代码（前后端分离）

本文介绍了webuploader分片上传的实现代码（前后端分离），分享给大家，具体如下：
WebUploader是由Bai
WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS
6+,
android
4+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。(这个是从官网上直接的解释)
功能描述
1、webuploader是网络研发的上传组件，文档不是特别规整，但是也够用了。
2、前端使用官网的上传图片demo，在此基础上代码略微调整做分片。既可以上传图片也可以上传文件。文件超过分片大小才启用分片。
3、分片上传已做md5校验，达到秒传的效果。分片以后需要合并，可以先分片后合并，也可以边分片边合并，本示例采用的是边分片边合并的方案。
4、后端用springboot做框架搭建。springMVC做rest服务，开启跨域访问。
5、容器用springboot内置的tomcat插件，运行Application的main方法即可启动服务；
显示效果
关键代码前端
WebUploader.Uploader.register({
'name':
'webUploaderHookCommand',
'before-send-file':
'beforeSendFile',
"before-send":
"beforeSend"
},
{
beforeSendFile:
function(file)
{
var
task
=
new
WebUploader.Deferred();
fileName
=
file.name;
fileSize
=
file.size;
(new
WebUploader.Uploader()).md5File(file,
0,
10
*
1024
*
1024).progress(function(percentage)
{}).then(function(val)
{
fileMd5
=
val;
var
url
=
checkUrl;
var
data
=
{
type:
0,
fileName:
fileName,
fileMd5:
fileMd5,
fileSize:
fileSize
};
$.ajax({
type:
"POST",
url:
url,
data:
data,
cache:
false,
async:
false,
//
同步
timeout:
1000,
//
todo
超时的话，只能认为该分片未上传过
dataType:
"json",
error:
function(XMLHttpRequest,
textStatus,
errorThrown)
{
file.statusText
=
'server_error';
task.reject();
}
}).then(function(data,
textStatus,
jqXHR)
{
if(data.rtn
==
0)
{
if(data.obj
==
1)
{
file.statusText
=
'file_existed';
task.reject();
}
else
{
task.resolve();
}
}
else
{
task.reject();
}
});
});
return
task.promise();
},
beforeSend:
function(block)
{
var
task
=
new
WebUploader.Deferred();
var
url
=
checkUrl;
var
data
=
{
type:
1,
fileName:
fileName,
fileMd5:
fileMd5,
chunk:
block.chunk,
fileSize:
block.end
-
block.start
};
$.ajax({
type:
"POST",
url:
url,
data:
data,
cache:
false,
async:
false,
//
同步
timeout:
1000,
//
todo
超时的话，只能认为该分片未上传过
dataType:
"json"
}).then(function(data,
textStatus,
jqXHR)
{
if(data.rtn
==
0
&&
data.obj
==
1)
{
task.reject();
//
分片存在，则跳过上传
}
else
{
task.resolve();
}
});
this.owner.options.formData.fileMd5
=
fileMd5;
this.owner.options.formData.chunkSize
=
chunkSize;
return
task.promise();
}
});
//
实例化
uploader
=
WebUploader.create({
pick:
{
id:
'#filePicker',
label:
'点击选择文件'
},
formData:
{
uid:
123
},
dnd:
'#dndArea',
//指定文件拖拽的区域
paste:
'#uploader',
//指定监听paste事件的容器，如果不指定，不启用此功能。此功能为通过粘贴来添加截屏的图片。建议设置为document.body.
swf:
'../plugins/webuploader/Uploader.swf',
chunked:
true,
chunkSize:
chunkSize,
chunkRetry:
false,
threads:
1,
server:
uploadUrl,
//
runtimeOrder:
'flash',
//
accept:
{
//
title:
'Images',
//
extensions:
'gif,jpg,jpeg,bmp,png',
//
mimeTypes:
'image/*'
//
},
//
禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候，把图片打开。
disableGlobalDnd:
true,
fileNumLimit:
300
//限制多文件上传的个数
//fileSizeLimit:
200
*
1024
*
1024,
//
限制所有文件的大小
200
M
//fileSingleSizeLimit:
50
*
1024
*
1024
//
限制单个文件的大小
50
M
});
后端
import
java.io.File;
import
java.io.IOException;
import
org.slf4j.Logger;
import
org.slf4j.LoggerFactory;
import
org.springframework.beans.factory.annotation.Value;
import
org.springframework.stereotype.Service;
import
org.springframework.web.multipart.MultipartFile;
import
com.bear.upload.util.FileUtil;
import
com.bear.upload.util.RETURN;
import
com.bear.upload.vo.CheckMd5FileVO;
import
com.bear.upload.vo.UploadVO;
@Service
public
class
ChunkUploadService
{
private
static
Logger
LOG
=
LoggerFactory.getLogger(ChunkUploadService.class);
@Value("${file.upload.path}")
private
String
UPLOAD_PATH;
private
static
final
String
Delimiter
=
"-";
/**
*
上传之前校验(整个文件、分片)
*
*
@param
md5FileVO
*
@return
*/
public
Object
check(CheckMd5FileVO
md5FileVO)
{
Integer
type
=
md5FileVO.getType();
Long
chunk
=
md5FileVO.getChunk();
String
fileName
=
md5FileVO.getFileName();
Long
fileSize
=
md5FileVO.getFileSize();
if
(type
==
0)
{//
未分片校验
String
destfilePath
=
UPLOAD_PATH
+
File.separator
+
fileName;
File
destFile
=
new
File(destfilePath);
if
(destFile.exists()
&&
destFile.length()
==
fileSize)
{
return
RETURN.success("文件已存在，跳过",
1);
}
else
{
return
RETURN.success("文件不存在",
0);
}
}
else
{//
分片校验
String
fileMd5
=
md5FileVO.getFileMd5();
String
destFileDir
=
UPLOAD_PATH
+
File.separator
+
fileMd5;
String
destFileName
=
chunk
+
Delimiter
+
fileName;
String
destFilePath
=
destFileDir
+
File.separator
+
destFileName;
File
destFile
=
new
File(destFilePath);
if
(destFile.exists()
&&
destFile.length()
==
fileSize)
{
return
RETURN.success("分片已存在，跳过",
1);
}
else
{
return
RETURN.success("分片不存在",
0);
}
}
}
/**
*
文件上传
*
*
@param
file
*
@param
uploadVO
*
@param
appVersion
*
@return
*/
public
Object
upload(MultipartFile
file,
UploadVO
uploadVO)
{
Long
chunk
=
uploadVO.getChunk();
if
(chunk
==
null)
{//
没有分片
return
UnChunkUpload(file,
uploadVO);
}
else
{//
分片
return
ChunkUpload(file,
uploadVO);
}
}
/**
*
分片上传
*
*
@param
file
*
@param
uploadVO
*
@param
appVersion
*
@return
*/
public
Object
ChunkUpload(MultipartFile
file,
UploadVO
uploadVO)
{
String
fileName
=
uploadVO.getName();
String
fileMd5
=
uploadVO.getFileMd5();
Long
chunk
=
uploadVO.getChunk();//
当前片
Long
chunks
=
uploadVO.getChunks();//
总共多少片
//
分片目录创建
String
chunkDirPath
=
UPLOAD_PATH
+
File.separator
+
fileMd5;
File
chunkDir
=
new
File(chunkDirPath);
if
(!chunkDir.exists())
{
chunkDir.mkdirs();
}
//
分片文件上传
String
chunkFileName
=
chunk
+
Delimiter
+
fileName;
String
chunkFilePath
=
chunkDir
+
File.separator
+
chunkFileName;
File
chunkFile
=
new
File(chunkFilePath);
try
{
file.transferTo(chunkFile);
}
catch
(Exception
e)
{
LOG.error("分片上传出错",
e);
return
RETURN.fail("分片上传出错",
1);
}
//
合并分片
Long
chunkSize
=
uploadVO.getChunkSize();
long
seek
=
chunkSize
*
chunk;
String
destFilePath
=
UPLOAD_PATH
+
File.separator
+
fileName;
File
destFile
=
new
File(destFilePath);
if
(chunkFile.length()
>
0)
{
try
{
FileUtil.randomAccessFile(chunkFile,
destFile,
seek);
}
catch
(IOException
e)
{
LOG.error("分片{}合并失败：{}",
chunkFile.getName(),
e.getMessage());
return
RETURN.fail("分片合并失败",
1);
}
}
if
(chunk
==
chunks
-
1)
{
//
删除分片文件夹
FileUtil.deleteDirectory(chunkDirPath);
return
RETURN.success("上传成功",
1);
}
else
{
return
RETURN.fail("上传中...",
1);
}
}
/**
*
未分片上传
*
*
@param
file
*
@param
uploadVO
*
@param
appVersion
*
@return
*/
public
Object
UnChunkUpload(MultipartFile
file,
UploadVO
uploadVO)
{
String
fileName
=
uploadVO.getName();
//
String
fileMd5
=
uploadVO.getFileMd5();
//
文件上传
File
destFile
=
new
File(UPLOAD_PATH
+
File.separator
+
fileName);
if
(file
!=
null
&&
!file.isEmpty())
{
//
上传目录
File
fileDir
=
new
File(UPLOAD_PATH);
if
(!fileDir.exists())
{
fileDir.mkdirs();
}
if
(destFile.exists())
{
destFile.delete();
}
try
{
file.transferTo(destFile);
return
RETURN.success("上传成功",
0);
}
catch
(Exception
e)
{
LOG.error("文件上传出错",
e);
return
RETURN.fail("文件上传出错",
0);
}
}
return
RETURN.fail("上传失败",
0);
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:Vue2.0结合webuploader实现文件分片上传功能使用WebUploader实现分片断点上传文件功能（二）webuploader在springMVC+jquery+Java开发环境下的大文件分片上传的实例代码jQuery
webuploader分片上传大文件

㈡ 请问，电脑桌面上方出现一条线，使劲点击后出现todo文件说明，不懂啥意思，无法检测出病毒，且开机自启动

1.运行—MSconfig—系统配置—启动，找到TODO:<产品名>禁止启动后，重启电脑后桌面上方就不会出现横线了！
2.在桌面空白的地方右键，目的是打开显示属性。在“桌面”选项找到“自定义桌面”，然后在“桌面项目”中找到“web”，去掉里面的勾选试试。
如果这样还有问题，那还是换个桌面吧。或是截图发出来看看到底是什么。
3.你直接把天翼宽带卸载，卸载的时候把提示的“是否保留驱动”也勾上，就是全部清除干净，这样就好了。重新开机，如果还是出现那个横线，打开任务管理器，找到进程里的TODO，点右键“打开文件夹位置”，然后关掉这个进程，去文件夹里面把这个文件夹删掉，就OK啦！（删不了的话，就重启后再去试，因为可能这个程序在运行，不让删）

㈢ 谁有好的可以和Windows同步的ToDo程序推荐

试用过TODO，2DO，好像都没有PC或WEB端可以同步，TODO PRO的网页端不能新增任务

㈣ 企业开源指南：开源项目管理工具

为了让开源项目办公室顺利运行，您需要正确的工具。这些关键的任务工具将用于追踪各部门的目标与指标，从工程部门和法律部门到行政领导部门、公关部门与营销部门，同时给予员工收集数据、提供开源软件运行快照和管理公司内部开源软件日常使用所需要的全部资源。

-- Todo

开放源代码的战略性应用之路，起始于一个精心策划、组织与授权的开源项目办公室，以指导和管理开源的创建、分发和使用。但这仅仅只是第一步。为了让开源项目办公室顺利运行，您需要正确的工具。这些关键的任务工具将用于追踪各部门的目标与指标，从工程部门和法律部门到行政领导部门、公关部门与营销部门，同时给予员工收集数据、提供开源软件运行快照和管理公司内部开源软件日常使用所需要的全部资源。

本指南提供了如何开始您的开源工具集建设的详细信息和场景，包括用于跟踪和管理您的开源项目的最重要工具的信息。指南中提及的许多工具已由Linux基金会和该领域的其他领导者创建并开放源代码，可以免费且便捷地为您的项目所使用。您还可以找到一个仪表盘安装程序的示例，该程序融合并展示了多种工具的信息。

一旦您的开源项目办公室启动运行，就应该同时收集合适的软件工具，这些工具允许您的开发团队管理、跟踪、指导和推进其开源项目、开源贡献与开源发布。

在您开始您的开放源代码之路时，使用正确的目标工具还将使开发人员和其他员工的工作更为轻松，也将提供更好的结果，并将成为公司开源项目的成功协作与沟通的基础。

公司所需的开源工具有哪些？早期的讨论大多认为，这取决于公司的业务、产品和服务，以及公司如何服务它的客户和员工。由于开源项目办公室制定了规划流程和战略地图，因此可以选择那些能整合进公司的目标、流程和基础架构的工具。

最终，知道您将需要使用哪些工具的唯一方法，就是了解您想要对开放源代码进行何种操作。

以下是开源项目办公室选择所需管理工具的基本步骤：

这些工具一旦被选定，在落地使用之前，还需要一些额外的准备：

当您在选择工具时，实施操作有助于记忆，当然这也可能会影响您的决定。例如，具有陡峭学习曲线的工具可能需要更多的培训。

在认识到达成组织的目标上你团队的需求，以及自身情况和基础架构的潜在限制之后之后，接下来要做的就是要 探索 并了解那些已准备就绪且可供您使用现有工具。由于大多数工具本身就是开源的，所以如果它们一开始并不能满足您的确切需求，您的开发团队可以联系这些工具的开发者，看看他们是否可以协作根据新的用途添加一些特性。

讽刺的是，许多开源项目办公室并不经常直接使用其他公司开发的工具，或与其他公司合作来开发他们管理开源项目所需的工具。通常，他们想要这样做，但包括 Facebook 和微软在内的许多企业已经拥有现有的工具套件，这些工具套件在真正成为一个合作议题之前就已经实现。由于他们已经拥有了自己的工具集并进行了投资，他们似乎并没有很大意愿采用其他公司的工具。

这就是现在才刚开始构建自己的开源项目的公司具有显着优势的地方。由于他们现在正在建立自己的开源项目办公室并进入开源领域，因此他们不必为受到这样的限制而烦恼。

相反，他们可以聪明地利用别人的成功经验与失败教训，并利用近年来领先的公司所创建的成熟工具来构建自己的开源工具箱。 Linux 基金会的开源行业组织，TODO Group，一直致力于组装一个装满工具的 “Open Source Program Office in A Box” 入门套件，这将使公司能够通过一套紧密结合的预先组装工具开展开源工作。入门套件目前尚未开发完善，但希望最终可以让公司付出更少的初始努力，更轻松地部署和配置他们所需的工具。从事这个项目的 TODO Group 成员包括 Adobe、Capital One、Comcast、Facebook、谷歌、eBay、IBM、微软、三星和 Twitter。

除了适当的工具之外，公司还应该有中央仪表板，以便他们实时监控和跟踪他们的开源项目和开发情况。许多公司可能已经拥有了用于现有开发工作和应用程序的仪表板，并且能够将现有仪表板与其开源工作整合在一起。否则，他们应该创建或采用新的仪表板来改进其开源部署的管理。

正在出现越来越多的用于管理和报告开源项目的工具，这一趋势已经非常明显。如果您的开源项目刚刚开始，那么将您的研究集中在几个您启动和运行所需的基本工具上会更有帮助。

随着您的项目不断发展，以及使用这些工具的经验越来越丰富，您可以开始采用新的工具，来帮助自动化并简化您的流程，响应业务需求的增长。切记，新选择的工具将用于内部文化和流程的补充和支持——而不是引导它们。

以下章节列出了几个基本的工具类别，几乎所有开源项目日常使用的工具都可以划分到这些类别。这有助于您对该研究有系统性的认识。

为满足公司的更多需求，自动化工具变得越来越庞大且规模化。它们可以准确地告诉您谁正在为您的项目做出贡献，并且可以帮助您消除那些减慢项目进度的程序摩擦。

据微软表示，在其开源项目办公室里，大约有 8000 个仓库在 GitHub 上托管，涉及约 11,000 名贡献者，而在 2016 年约有 40,000 个内部请求应用于开源项目。为了管理这些请求，以及所创建的代码和正在更新的代码版本，公司转而使用可以自动化解决混乱的工具。不仅如此，由于数百个项目中很可能会共用同一段代码，因此必须对其进行仔细跟踪，以便在出现安全错误时，可以快速绘制并修复所有的软件影响。在如此大规模的情况下，自动化非常关键，手动更新几乎是不可能的。

那些有助于管理关键任务的工具，也是需要考虑和获取的。例如用于项目管理、跟踪项目质量状况，以及确保开发人员、开源社区和其他公司内部人员之间的清晰且快速沟通的。

大多数通过开源项目办公室开发的企业软件项目都使用 GitHub 作为其集中托管和开发的平台。

GitHub 是一个在线源代码管理站点，它允许开源开发人员在一个中央“存储库”或存储空间中管理和存放他们的代码，参与者可以协作并开发他们的代码。如今，大约有 6400 万个开源代码项目在 GitHub 上托管，涉及大约 2300 万个开发人员。

GitHub 用户可以添加代码、查看已提交的代码、申请更改、获取并提供反馈，以及使用该服务提供项目管理。GitHub 使用 Git Version Control System ，这是由 Linux 创建者 Linus Torvalds 开发的开放源代码项目，为代码和合作开源人员提供了组织机构。每位“贡献者”都有他们正在处理的项目存储库的副本，他们可以在自己计算机中的副本里进行更改，然后将其提交回项目以供未来纳入。然后，“ 拉取请求(pull request)”（ 示例 ）或代码贡献会被项目组织者审查、讨论、修改，最后批准或拒绝。

代码扫描和合规工具也很重要，它们有助于追踪代码起源和许可要求。关注被引入自身基础架构、产品和服务中的开放源代码以确保符合许可证的要求，对于公司来说是很重要的。

例如，您的应用程序可能包含数千个开源组件。为了保护您的公司免于法律纠纷，了解这些细节是至关重要的。在风险较高的情况下，用户必须根据其业务在风险谱中的所处位置，深入了解代码，从而深入地审核并验证他们所说的许可证。（请参阅我们关于使用和分发开放源代码的指南。）

如前所述，GitHub 是服务于目前大多数开源项目办公室的专业源代码管理系统。但是 GitHub 本身并不能满足项目代码管理的所有需求——特别是当您大规模发展的时候。

开源世界中所使用的一些工具旨在通过添加欠缺的功能来改进GitHub本身，例如支持检查开发者原产地证书（DCO）语句，以确保代码可以被合法授权且应用于开源项目中。

GitHub 在代码审查方面也存在一些不足之处，所以有其他可用的工具可以自动将有问题的代码发回给创建它的贡献者，然后要求他们检查并做出必要的修改。GitHub 没有办法强迫任何人检查他们的代码，而这些聪明的工具解决了这一问题，使工作流程得以改善。

其他 GitHub 特定工具的功能用于提高 GitHub 的性能指标，这些功能通常针对特定项目，而不是提供给整个组织详细信息。对于在多个 GitHub 项目中维护许多开源代码库的公司而言，需要更好的工具来组织和汇总它们，使之有意义。亚马逊、Netflix 和微软提供了大量这样的工具来帮助完成这些任务。

以下是一些最流行和实用的源代码管理工具，可以简化并帮助您的 GitHub 运作：

随着开源项目的发展和成熟，监控和跟踪开源项目的整体质量是企业开源项目的核心任务。为了实现这一目标，您必须收集相应的工具，这些工具应当能够反映单独的开源项目的执行过程并反映单独的开源项目在数十、数百甚至数千个项目中被它们的社区接收的过程。同时，这些工具还必须兼具转化能力， 能够将收集的数据转化为体现整个开源组合中整体项目性能的有意义的、实用的且可操作的信息。

这其中的关键是，您收集到的数据应当可以转化为关键且有用的信息 – 而不是些无用的指标，例如详细说明项目已记录了多少“观察者”明星，自项目开始以来有多少贡献者参与了该项目，亦或是缺乏重要背景资料的其他指标。

最好的项目质量监测工具还必须帮助项目团队对支持他们工作的社区做出回应，同时鼓励贡献开发者的参与和多样化。这意味着这些工具可以帮助保持人员快速响应社区成员发布的问题或反馈，以便他们保持热情参与，且不会感到厌倦并转向其他项目。

一些开源社区有大量的贡献者，而其他一些开源社区则成员较少。项目质量监测工具需要能够适用于各种规模的项目。

以下是一些最受欢迎且实用的项目数据统计和项目质量跟踪工具：

TODO Group 还提供了一个 很好的附加工具列表 ：

当然，开源的发展并不仅仅关于代码的开发。它还需要在企业内外部从事项目工作的不同群体之间以及公司开源项目办公室的工作人员之间建立良好的沟通与合作。

为了达到上述目标，开发人员可以依靠他们可能已经应用于其他项目的工具，例如 Internet Relay Chat（IRC） ，开发人员可以发布 与开源开发相关的问题并快速收到回复 。另一个例子是 TWiki ，它是一个开源企业 Wiki 和 Web 协作的平台，开发人员可以在其中讨论代码和项目及相关主题。

此外，企业还可以通过社交媒体平台，门户网站，开源项目存储库和其他能够进行输入、提问和讨论的平台促进沟通交流。

其他有用的工具还包括 Facebook 公司的 mention-bot ，它可以通过自动关联潜在审查者来获得拉取请的快速输入周转以审查代码。当 GitHub 目变得太大导致社区成员无法订阅项目的所有通知时，这一工具尤其值得推荐。

然后是 Slack ，这是一个在线团队项目管理与沟通平台，在这一平台中用户可以访问和共享消息和文件，管理工作流程，搜索信息等等。Slack可以通过设置接收支持请求、代码签入、错误日志和其他任务的通知。

除此之外，当谈到公司参与和支持开源时，不要忘记您公司的公关与营销人员。包括 Twitter、Reddit、Facebook、LinkedIn、Google+ 等网站在内的社交媒体帐户以及企业内外部的博客和网站的使用都是非常重要的。客户关系管理（CRM）软件以及电子邮件群发和新闻简报可以帮助公司让客户了解他们的开源进展。

当谈到企业为开源项目提供并应用的工具时，按理说最重要的是那些帮助企业管理自身企业规模 GitHub 操作的工具。GitHub 是一个可以提供许多操作的完美平台，但对于谷歌、微软、脸书、Twitter、LinkedIn 等大型的复杂公司而言，使用标准的 GitHub 产品可能会有很多限制。

大型企业通常需要更多的功能，包括如身份管理、设置和权限管理，安全性和双重身份验证执行，以及深入理解和跟踪代码存储库的方法。

因此，这些大型企业常需要构建专门的自动化工具来处理诸如入职、离职、安全策略执行以及给予开发人员请求的存储库访问权限等任务。

为满足自身的特殊需求，微软构建了自己的工具来处理诸如此类的任务，以简化和改进其开源项目。微软在 GitHub 上运行良好 ，拥有约 1,345 个存储库，迄今为止涉及约 3,580 名开发人员。

微软创建了一款定制的自助服务—— GitHub management and onboarding portal ，用于组织其项目、存储库和团队。在其最简单的层次上，基于 Web 的门户允许开发人员将他们的微软公司ID映射到他们的GitHub ID，这可以提高系统安全性并帮助简化参与大量重要项目的大量开发人员的组织工作。

该门户还允许员工使用 GitHub 和微软进行身份验证。其创建了员工身份的一个“虚拟链接”，以便根据他们的工作角色向他们提供任务所需权限以完成工作。如果员工离开公司，可根据需要调整系统以删除或重新分类其访问权限。

门户运行在一台或多台云服务器上，并依靠缓存来帮助进行会话和减少 GitHub API 的压力。微软门户平均每天可提供约 1000 名独立用户作为其工程师的工具，这是该公司不断发展的开源工作的一部分，该工作现在包括超过 10,000 名正在使用、贡献和发布开放源代码的工程师。

没有人认为使公司进入开源世界是一件简单的事情。但其他许多公司，包括微软和谷歌等巨头已经在您前面这样做了，而且已提供了详细的路线图、代码和建议等，这将使您自己的开源旅程变得更加轻松。

开源项目办公室的创建和选择一系列关键工具来开始开源工作，选择权掌握在您手中。它们很可能已经激发了开发人员的极大期望，开发人员中的许多人可能已经自发为开源项目做贡献（或在工作中，隐秘地）。

通过开源项目的合作并邀请其他人与您合作，您的公司可以获得不可估量的收益，且能通过节能和创新推动公司发展。

拥有正确的工具对于授权贵公司的开放创新至关重要。

㈤ TODO标签是什么

“TODO ”的英文翻译为“to do” 。是IDE自动生成的让用户自己添加实现代码的地方，就是需要去做的事情

“//TODO “是表示这个地方还有一些事情要做，有一些代码要写的意思。因为用了这个注释，TODO是加粗的，在代码中很明显，所以作为程序员在编写代码时给自己留这个备忘。出现这个标签是因为用了代码自动生成工具，这个标签提示在此处添加自己的代码。

(5)webtodo开源扩展阅读：

一、常见的IDE：Microsoft Visual Studio（简称VS）和Eclipse。

VS是微软公司的开发工具包系列产品。VS是一个基本完整的开发工具集，它包括了整个软件生命周期中所需要的大部分工具，如UML工具、代码管控工具、集成开发环境（IDE）等等。

Eclipse是着名的跨平台开源集成开发环境（IDE）。最初主要用来Java语言开发，目前亦有人通过插件使其作为C++、Python、PHP等其他语言的开发工具。

二、IDE优点：节省时间和精力。IDE的目的就是要让开发更加快捷方便，通过提供工具和各种性能来帮助开发者组织资源，减少失误，提供捷径。建立统一标准。当一组程序员使用同一个开发环境时，就建立了统一的工作标准，当IDE提供预设的模板，或者不同团队分享代码库时，这一效果就更加明显了。

㈥ 有没有更好的todo软件推荐(android)

1、高效Todo。

一般的 todo 应用只是添加待办最多再设置一下紧急不紧急，而高效 todo 则是按四象限时间管理科学的安排任务的优先级，帮助你专注于最重要的事。就像有句说，你一天的价值不是你做完了多少事，而是你做了多少有价值的事。小美在转战 iOS 之前入坑时间最长的 todo 产品，每天都会在这款应用里写总结与感悟。目前仅支持 Android 和Web。

㈦ web前端开发都包括哪些技术

1、学会HTML

HTML是网页内容的载体内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。要熟练掌握div、table、ul li 、p、span等这些标签,这些都是最常用的。

2、学习CSS（Cascading Style Sheets）—样式。

一般看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,

称之为“css样式”,CSS要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding,标题字体、颜色变化，或为标题加入背景图片、边框等等,这些都是跟布局有关系的样式,必须要掌握的。

3、JS（java）—— 行为

java是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用Java来实现的。

4、学习jquery

jquery是相当于把js封装了一套的一个js插件,目的就是操作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码.其他的一样网络就够了。

5、最好会点后台语言,比如java、php,因为前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的, 这样节约时间,也可以让前端代码更规范.不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更麻烦了。

㈧ 求一套完整的JAVA WEB项目的网络购物网站源代码

/**
*@description:
*@authorchenshiqiangE-mail:[email protected]
*@date2014年9月7日下午2:51:50
*@version1.0
*/
packagecom.example.map;

importjava.util.ArrayList;
importjava.util.Collections;
importjava.util.HashSet;
importjava.util.List;
importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.support.v4.view.PagerAdapter;
importandroid.support.v4.view.PagerTabStrip;
importandroid.support.v4.view.ViewPager;
importandroid.text.Editable;
importandroid.util.Log;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.ExpandableListView;
importandroid.widget.ListView;
importcom..mapapi.map.offline.MKOLSearchRecord;
importcom..mapapi.map.offline.MKOLUpdateElement;
importcom..mapapi.map.offline.MKOfflineMap;
importcom..mapapi.map.offline.MKOfflineMapListener;
importcom.example.map.adapters.OfflineExpandableListAdapter;
importcom.example.map.adapters.OfflineMapAdapter;
importcom.example.map.adapters.OfflineMapManagerAdapter;
importcom.example.map.interfaces.;
importcom.example.map.models.OfflineMapItem;
importcom.example.map.utils.CsqBackgroundTask;
importcom.example.map.utils.ToastUtil;
importcom.example.system.R;

istener,
{

	//------------------------Constants------------------------

	//-------------------------Fields--------------------------

	privateViewPagerviewpager;
	privatePagerTabStrippagertab;

	privateMySearchViewsvDown;
	privateListViewlvDown;

	privateMySearchViewsvAll;
	;
	privateListViewlvSearchResult;

	privateList<View>views=newArrayList<View>(2);
	privateList<String>titles=newArrayList<String>(2);

	privateMKOfflineMapmOffline=null;

	;
	;
	;

	privateList<OfflineMapItem>itemsDown;//下载或下载中城市
	privateList<OfflineMapItem>itemsAll;//所有城市，与热门城市及下载管理对象相同

	privateList<OfflineMapItem>itemsProvince;
	privateList<List<OfflineMapItem>>itemsProvinceCity;

	//-----------------------Constructors----------------------

	//--------Methodsfor/fromSuperClass/Interfaces-----------

	@Override
	protectedvoidonCreate(BundlesavedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_offline_map);
		
//		finalStringpackname=this.getPackageName();
//		PackageInfopackageInfo;
//		try
//		{
//			packageInfo=this.getPackageManager().getPackageInfo(packname,PackageManager.GET_SIGNATURES);
//			
//
//			if(code==-00)
//			{
				//初始化离线地图管理
				mOffline=newMKOfflineMap();
				mOffline.init(this);

				initViews();

				viewpager.setCurrentItem(1);
//			}
//		}
//		catch(NameNotFoundExceptione)
//		{
//			e.printStackTrace();
//		}
	}

	privatebooleanisResumed=false;

	@Override
	protectedvoidonResume()
	{
		super.onResume();

		if(!isResumed)
		{
			isResumed=true;
			loadData();
		}
	}

	@Override
	protectedvoidonDestroy()
	{
		super.onDestroy();

		mOffline.destroy();
	}

	/**
	*
	*@authorchenshiqiangE-mail:[email protected]
	*@paramtype
	*事件类型:MKOfflineMap.TYPE_NEW_OFFLINE,MKOfflineMap.TYPE_DOWNLOAD_UPDATE,MKOfflineMap.TYPE_VER_UPDATE.
	*@paramstate
	*事件状态:当type为TYPE_NEW_OFFLINE时，表示新安装的离线地图数目.当type为TYPE_DOWNLOAD_UPDATE时，表示更新的城市ID.
	*/
	@Override
	(inttype,intstate)
	{
		switch(type)
		{
			caseMKOfflineMap.TYPE_DOWNLOAD_UPDATE:
				MKOLUpdateElementupdate=mOffline.getUpdateInfo(state);

				if(setElement(update,true)!=null)
				{
					if(itemsDown!=null&&itemsDown.size()>1)
					{
						Collections.sort(itemsDown);
					}

					refreshDownList();

				}
				else
				{
					downAdapter.notifyDataSetChanged();
				}

				allSearchAdapter.notifyDataSetChanged();
				allCountryAdapter.notifyDataSetChanged();
				break;

			caseMKOfflineMap.TYPE_NEW_OFFLINE:
				//有新离线地图安装
				Log.d("OfflineDemo",String.format("addofflinemapnum:%d",state));
				break;

			caseMKOfflineMap.TYPE_VER_UPDATE:
				//版本更新提示
				break;
		}
	}

	/**
	*网络下载状态改变（暂停--》恢复）居然不回调，所以改变状态时自己得增加接口监听状态改变刷新界面
	*
	*@authorchenshiqiangE-mail:[email protected]
	*@paramitem
	*有状态改变的item
	*@paramremoved
	*item是否被删除
	*/
	@Override
	publicvoidstatusChanged(OfflineMapItemitem,booleanremoved)
	{
		if(removed)
		{
			for(inti=itemsDown.size()-1;i>=0;i--)
			{
				OfflineMapItemtemp=itemsDown.get(i);
				if(temp.getCityId()==item.getCityId())
				{
					itemsDown.remove(i);
				}
			}
			refreshDownList();

		}
		else
		{
			loadData();
			downAdapter.notifyDataSetChanged();
		}

		allSearchAdapter.notifyDataSetChanged();
		allCountryAdapter.notifyDataSetChanged();
	}

	//---------------------Methodspublic----------------------

	publicvoidtoDownloadPage()
	{
		viewpager.setCurrentItem(0);
	}

	//---------------------Methodsprivate---------------------

	privatevoidinitViews()
	{
		//TODO
		viewpager=(ViewPager)findViewById(R.id.viewpager);
		pagertab=(PagerTabStrip)findViewById(R.id.pagertab);

		LayoutInflaterinf=LayoutInflater.from(this);
		Viewv1=inf.inflate(R.layout.view_offline_download,null,false);
		svDown=(MySearchView)v1.findViewById(R.id.svDown);
		lvDown=(ListView)v1.findViewById(R.id.lvDown);
		views.add(v1);

		Viewv2=inf.inflate(R.layout.view_offline_countrys,null,false);
		svAll=(MySearchView)v2.findViewById(R.id.svAll);
		lvWholeCountry=(ExpandableListView)v2.findViewById(R.id.lvWholeCountry);
		lvSearchResult=(ListView)v2.findViewById(R.id.lvSearchResult);
		views.add(v2);

		titles.add("下载管理");
		titles.add("城市列表");

		pagertab.setTabIndicatorColor(0xff00cccc);
		pagertab.setDrawFullUnderline(false);
		pagertab.setBackgroundColor(0xFF38B0DE);
		pagertab.setTextSpacing(50);

		viewpager.setOffscreenPageLimit(2);
		viewpager.setAdapter(newMyPagerAdapter());

		svDown.setSearchListener(newMySearchView.SearchListener()
		{
			@Override
			publicvoidafterTextChanged(Editabletext)
			{
				refreshDownList();
			}

			@Override
			publicvoidsearch(Stringtext)
			{
			}
		});

		svAll.setSearchListener(newMySearchView.SearchListener()
		{
			@Override
			publicvoidafterTextChanged(Editabletext)
			{
				refreshAllSearchList();
			}

			@Override
			publicvoidsearch(Stringtext)
			{
			}
		});

		downAdapter=newOfflineMapManagerAdapter(this,mOffline,this);
		lvDown.setAdapter(downAdapter);

		allSearchAdapter=newOfflineMapAdapter(this,mOffline,this);
		lvSearchResult.setAdapter(allSearchAdapter);

		allCountryAdapter=(this,mOffline,this);
		lvWholeCountry.setAdapter(allCountryAdapter);
		lvWholeCountry.setGroupIndicator(null);
	}

	/**
	*刷新下载列表,根据搜索关键字及itemsDown下载管理数量变动时调用
	*/
	privatevoidrefreshDownList()
	{
		Stringkey=svDown.getInputText();
		if(key==null||key.length()<1)
		{
			downAdapter.setDatas(itemsDown);

		}
		else
		{
			List<OfflineMapItem>filterList=newArrayList<OfflineMapItem>();
			if(itemsDown!=null&&!itemsDown.isEmpty())
			{
				for(OfflineMapItemi:itemsDown)
				{
					if(i.getCityName().contains(key))
					{
						filterList.add(i);
					}
				}
			}

			downAdapter.setDatas(filterList);
		}
	}

	/**
	*刷新所有城市搜索结果
	*/
	()
	{
		Stringkey=svAll.getInputText();
		if(key==null||key.length()<1)
		{
			lvSearchResult.setVisibility(View.GONE);
			lvWholeCountry.setVisibility(View.VISIBLE);

			allSearchAdapter.setDatas(null);

		}
		else
		{
			lvSearchResult.setVisibility(View.VISIBLE);
			lvWholeCountry.setVisibility(View.GONE);

			List<OfflineMapItem>filterList=newArrayList<OfflineMapItem>();
			if(itemsAll!=null&&!itemsAll.isEmpty())
			{
				for(OfflineMapItemi:itemsAll)
				{
					if(i.getCityName().contains(key))
					{
						filterList.add(i);
					}
				}
			}

			allSearchAdapter.setDatas(filterList);
		}
	}

	privatevoidloadData()
	{

		newCsqBackgroundTask<Void>(this)
		{
			@Override
			protectedVoidonRun()
			{
				//TODOAuto-generatedmethodstub
				//导入离线地图包
				//将从官网下载的离线包解压，把vmp文件夹拷入SD卡根目录下的BaiMapSdk文件夹内。
				//把网站上下载的文件解压，将BaiMapvmpl里面的.dat_svc文件，拷贝到手机BaiMapSDK/vmp/h目录下
				intnum=mOffline.importOfflineData();
				if(num>0)
				{
					ToastUtil.showToastInfo(BaiOfflineMapActivity.this,"成功导入"+num+"个离线包",false);
				}

				List<MKOLSearchRecord>all=null;
				try
				{
					all=mOffline.getOfflineCityList();
				}
				catch(Exceptione)
				{
					e.printStackTrace();
				}
				if(all==null||all.isEmpty())
				{
					ToastUtil.showToastInfo(BaiOfflineMapActivity.this,"未获取到离线地图城市数据，可能有其他应用正在使用网络离线地图功能！",false);
					returnnull;
				}

				List<MKOLSearchRecord>hotCity=mOffline.getHotCityList();
				HashSet<Integer>hotCityIds=newHashSet<Integer>();
				if(!hotCity.isEmpty())
				{
					for(MKOLSearchRecordr:hotCity)
					{
						hotCityIds.add(r.cityID);
					}
				}

				itemsAll=newArrayList<OfflineMapItem>();
				itemsDown=newArrayList<OfflineMapItem>();
				itemsProvince=newArrayList<OfflineMapItem>();
				itemsProvinceCity=newArrayList<List<OfflineMapItem>>();

				//cityType0:全国；1：省份；2：城市,如果是省份，可以通过childCities得到子城市列表

				//全国概略图、直辖市、港澳子城市列表
				ArrayList<MKOLSearchRecord>childMunicipalities=newArrayList<MKOLSearchRecord>();

					proHot.cityName="热门城市";
					proHot.childCities=cs;
		List<MKOLUpdateElement>updates=mOffline.getAllUpdateInfo();
				if(updates!=null&&updates.size()>0)
				{
}

			@Override
			protectedvoidonResult(Voidresult)
			{
				//TODOAuto-generatedmethodstub
				refreshDownList();
				refreshAllSearchList();

				allCountryAdapter.setDatas(itemsProvince,itemsProvinceCity);
			}
		}.execute();
	}