mirror of
https://github.com/wahyd4/wahyd4.github.com.git
synced 2026-08-09 05:15:56 +10:00
2791 lines
87 KiB
HTML
2791 lines
87 KiB
HTML
<!DOCTYPE html>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<html class="theme-next gemini use-motion" lang="zh-Hans">
|
||
<head>
|
||
<meta charset="UTF-8"/>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
|
||
<meta name="theme-color" content="#222">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<meta http-equiv="Cache-Control" content="no-transform" />
|
||
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link href="/lib/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />
|
||
|
||
<link href="/css/main.css?v=5.1.2" rel="stylesheet" type="text/css" />
|
||
|
||
|
||
<meta name="keywords" content="Go, JavaScript, Ruby on Rails, Java,Docker, CI, CD, Photography" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.2" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<meta name="description" content="Go, JavaScript, Ruby on Rails, Java,Docker, CI, CD, Photography">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="大染志">
|
||
<meta property="og:url" content="http://toozhao.com/page/4/index.html">
|
||
<meta property="og:site_name" content="大染志">
|
||
<meta property="og:description" content="Go, JavaScript, Ruby on Rails, Java,Docker, CI, CD, Photography">
|
||
<meta property="og:locale" content="zh-Hans">
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:title" content="大染志">
|
||
<meta name="twitter:description" content="Go, JavaScript, Ruby on Rails, Java,Docker, CI, CD, Photography">
|
||
|
||
|
||
|
||
<script type="text/javascript" id="hexo.configurations">
|
||
var NexT = window.NexT || {};
|
||
var CONFIG = {
|
||
root: '/',
|
||
scheme: 'Gemini',
|
||
version: '5.1.2',
|
||
sidebar: {"position":"left","display":"post","offset":12,"offset_float":12,"b2t":false,"scrollpercent":false,"onmobile":false},
|
||
fancybox: true,
|
||
tabs: true,
|
||
motion: true,
|
||
duoshuo: {
|
||
userId: '0',
|
||
author: '博主'
|
||
},
|
||
algolia: {
|
||
applicationID: '',
|
||
apiKey: '',
|
||
indexName: '',
|
||
hits: {"per_page":10},
|
||
labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
|
||
|
||
<link rel="canonical" href="http://toozhao.com/page/4/"/>
|
||
|
||
|
||
|
||
|
||
|
||
<title>大染志</title>
|
||
|
||
|
||
|
||
|
||
|
||
<script>
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||
ga('create', 'UA-5243064-16', 'auto');
|
||
ga('send', 'pageview');
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
</head>
|
||
|
||
<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="container sidebar-position-left
|
||
page-home
|
||
">
|
||
<div class="headband"></div>
|
||
|
||
<header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
|
||
<div class="header-inner"><div class="site-brand-wrapper">
|
||
<div class="site-meta ">
|
||
|
||
|
||
<div class="custom-logo-site-title">
|
||
<a href="/" class="brand" rel="start">
|
||
<span class="logo-line-before"><i></i></span>
|
||
<span class="site-title">大染志</span>
|
||
<span class="logo-line-after"><i></i></span>
|
||
</a>
|
||
</div>
|
||
|
||
<p class="site-subtitle">想要玩得很 High 的程序员</p>
|
||
|
||
</div>
|
||
|
||
<div class="site-nav-toggle">
|
||
<button>
|
||
<span class="btn-bar"></span>
|
||
<span class="btn-bar"></span>
|
||
<span class="btn-bar"></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<nav class="site-nav">
|
||
|
||
|
||
|
||
<ul id="menu" class="menu">
|
||
|
||
|
||
<li class="menu-item menu-item-home">
|
||
<a href="/" rel="section">
|
||
|
||
<i class="menu-item-icon fa fa-fw fa-home"></i> <br />
|
||
|
||
首页
|
||
</a>
|
||
</li>
|
||
|
||
|
||
<li class="menu-item menu-item-archives">
|
||
<a href="/archives/" rel="section">
|
||
|
||
<i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
|
||
|
||
归档
|
||
</a>
|
||
</li>
|
||
|
||
|
||
<li class="menu-item menu-item-tags">
|
||
<a href="/tags" rel="section">
|
||
|
||
<i class="menu-item-icon fa fa-fw fa-tags"></i> <br />
|
||
|
||
标签
|
||
</a>
|
||
</li>
|
||
|
||
|
||
<li class="menu-item menu-item-about">
|
||
<a href="/about" rel="section">
|
||
|
||
<i class="menu-item-icon fa fa-fw fa-user"></i> <br />
|
||
|
||
关于
|
||
</a>
|
||
</li>
|
||
|
||
|
||
<li class="menu-item menu-item-知识图谱">
|
||
<a href="https://toozhao.com/knowledge-mind-mapping" rel="section">
|
||
|
||
<i class="menu-item-icon fa fa-fw fa-question-circle"></i> <br />
|
||
|
||
知识图谱
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
</ul>
|
||
|
||
|
||
|
||
</nav>
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
<main id="main" class="main">
|
||
<div class="main-inner">
|
||
<div class="content-wrap">
|
||
<div id="content" class="content">
|
||
|
||
<section id="posts" class="posts-expand">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/11/09/install-postgresql-with-linux/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/11/09/install-postgresql-with-linux/" itemprop="url">linux安装配置postgresql</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-11-09T00:00:00+11:00">
|
||
2012-11-09
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T23:01:16+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/linux/" itemprop="url" rel="index">
|
||
<span itemprop="name">linux</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p>这周在公司中的一个任务是，安装postgresql 数据库，并要成功连接rails 程序，执行rake 命令。走了很多弯路吧。主要有：</p>
|
||
<ul>
|
||
<li>在postgresql 中创建一个与database.yml中用户名一致的用户。</li>
|
||
<li>创建一致的用户，并赋予superuser身份。</li>
|
||
<li>在postgres中创建一个用户与当前linux用户名一致。不设置/设置密码</li>
|
||
<li>修改/etc/postgresql/9.1/main/pg_hba.conf,修改里面的验证方法。</li>
|
||
</ul>
|
||
<div><br> 主要出现的错误有：no password supplied.等错误。<br></div>
|
||
|
||
<p>最后，在各种操作后终于成功执行了 rake 命令，昨天晚上我自己在自己的电脑上又试了一下，现在将我们应该做的正确操作描述如下。</p>
|
||
<p>首先是在linux/ubuntu上安装postgres.</p>
|
||
<pre><code>sudo apt-get install postgresql-9.1
|
||
|
||
sudo apt-get install postgresql-server-dev-9.1
|
||
</code></pre><p>postgresql 数据库在安装的时候会默认创建postgres用户，它的身份可以简单理解成为mysql 中的root用户。并且我们现在可以这样登录postgresql</p>
|
||
<pre><code>sudo -u postgres psql (注意这里是小写的u，和后面的有区别)
|
||
</code></pre><p>接下俩我们需要在postgresql 中创建一个与当前你使用的linux用户名一致，并赋予superuser.（当然这个操作需要在连接到数据库的基础上）</p>
|
||
<figure class="highlight sql"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line"># Create SuperUser</div><div class="line"><span class="keyword">create</span> <span class="keyword">user</span> junv <span class="keyword">with</span> superuser (当前我的linux用户名为junv)</div></pre></td></tr></table></figure>
|
||
<p>完成数据库操作后，使用 \q退出数据库命令行</p>
|
||
<p>然后，我们需要修改/etc/postgresql/9.1/main/pg_hba.conf（这里的9.1，是因为我安装的数据库版本是9.1）</p>
|
||
<pre><code>sudo gedit /etc/postgresql/9.1/main/pg_hba.conf
|
||
</code></pre><p>将里面相似的内容修改为类似如下所示：</p>
|
||
<pre><code>\# Database administrative login by Unix domain socket
|
||
local all postgres trust
|
||
|
||
\# TYPE DATABASE USER ADDRESS METHOD
|
||
\# “local” is for Unix domain socket connections only
|
||
local all all trust
|
||
\# IPv4 local connections:
|
||
host all all 127.0.0.1/32 trust
|
||
\# IPv6 local connections:
|
||
host all all ::1/128 trust
|
||
</code></pre><p>最后这个method,改成trust,表示信任所有来地本地(localhost)的连接。这样我们就可以连上数据库了</p>
|
||
<p>和mysql 我们修改了配置文件之后还需要做的是 重启 数据库，让配置生效。</p>
|
||
<pre><code>sudo service postgresql restart
|
||
</code></pre><p>到现在为止。我们对数据库进行的操作就差不多了。现在你应该已经可以成功脸上数据库了。</p>
|
||
<p>但是经过我的实验，我发现，我可以把database.yml中设置的用户名改成任意值，即使是一个在postgresql中根本不存在的用户名，也依然可以成功。所以我猜测，postgresql可能是用的我当前linux 系统的这个用户名吧。具体有待验证。</p>
|
||
<p>由于我们配置文件中，配置为对本地的所有连接都是信任的，这应该也是原因之一吧。</p>
|
||
<p>这一周在公司的生活很充实，由于使用ubuntu,代理，结对编程的缘故，基本上都没什么时间关注QQ，和浏览新闻了。。。。。。。。</p>
|
||
<p>开始适应在thoughtworks的生活。</p>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/10/24/nodejs-mongodb-gridfs/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/10/24/nodejs-mongodb-gridfs/" itemprop="url">Node.js操作mongodb（2）——gridfs操作文件</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-10-24T00:00:00+11:00">
|
||
2012-10-24
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:52:29+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/javascript/" itemprop="url" rel="index">
|
||
<span itemprop="name">javascript</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
，
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/javascript/mongodb/" itemprop="url" rel="index">
|
||
<span itemprop="name">mongodb</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
，
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/javascript/mongodb/node-js/" itemprop="url" rel="index">
|
||
<span itemprop="name">node.js</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p>昨天文章主要分享了node.js对mongodb数据的增删查改，由于mongodb本身操作脚本也是使用javascript写的，所有其实很多node.js中的很多操作方法和其脚本是差不多的，应该说相对比较简单入手吧，今天我要分享的是node.js使用mongodb中的gridfs操作文件的一些方法。</p>
|
||
<p><a href="/images/2012/10/Documents-icon.png"><img class="aligncenter size-full wp-image-2261" title="Documents-icon" src="/images/2012/10/Documents-icon.png" alt="" width="128" height="128"></a></p>
|
||
<p>今天我们会主要用到两个模块：mongodb和node.js本身提供的fs模块，fs模块主要是node.js对文件处理的一些方法。首先当然是使用require。</p>
|
||
<figure class="highlight ruby"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">var mongo = <span class="keyword">require</span>(<span class="string">'mongodb'</span>);</div><div class="line">var fs = <span class="keyword">require</span>(<span class="string">'fs'</span>);</div></pre></td></tr></table></figure>
|
||
<p>在mongodb提供的node.js API中主要有两种用于操作gridfs文件模块的对象：</p>
|
||
<figure class="highlight ruby"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">var gridFs = new mongo.Grid(db, <span class="string">'fs'</span>);</div><div class="line">var gridStore = new mongo.GridStore(db, new mongo.ObjectID(), <span class="string">'w'</span>, {<span class="symbol">root:</span> <span class="string">'fs'</span>});</div></pre></td></tr></table></figure>
|
||
<p>简单说一下两种方式的区别：<br>Grid()在读写文件的时候需要将文件的所有内容读取到内存中，因此在存储大文件的时候可能会导致内存溢出。但API相对简单主要有get(),put(),和delete()方法。<br>GridStore()应该说是mongodb中GridFs的标准实现吧。可以防止内存溢出（后面说明）。API相对更加复杂，当然功能也更加强大。<br><strong>那我们首先使用Grid进行文件的读写操作，</strong>当然在操作之前我们需要新建Server、DB对象，并打开db：</p>
|
||
<figure class="highlight ruby"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div></pre></td><td class="code"><pre><div class="line">var server = new mongo.Server(<span class="string">'localhost'</span>, <span class="number">27017</span>, {</div><div class="line"> <span class="symbol">auto_reconnect:</span> <span class="literal">true</span></div><div class="line">});</div><div class="line">var db = new mongo.Db(<span class="string">'mydb'</span>, server);</div><div class="line"></div><div class="line">db.open(function(err, db) {</div><div class="line"> <span class="keyword">if</span>(err) throw err;</div><div class="line"> /<span class="regexp">/do some actions.</span></div><div class="line"><span class="regexp">});</span></div></pre></td></tr></table></figure>
|
||
<p>这部分由于前面一篇文章已经说过这里便不再赘述。下面直接操作文件。新建一个Grid对象。</p>
|
||
<figure class="highlight ruby"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">/<span class="regexp">/第一个参数为被打开的db，第二个参数为我们希望使用的存储文件的collection名称</span></div><div class="line"><span class="regexp">var gridFs = new mongo.Grid(db, 'fs');</span></div></pre></td></tr></table></figure>
|
||
<p>Grid在使用put方法向mongodb数据库写入文件的时候，传入的参数为node.js中的Buffer（）（这也正是可能会导致内存溢出的原因），因此我们需要使用fs.readFileSync()读取文件存入buffer.注意这里读取文件必须使用同步操作，否则将不能读取到文件内容。</p>
|
||
<figure class="highlight ruby"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div><div class="line">17</div></pre></td><td class="code"><pre><div class="line">var buffer = fs.readFileSync(<span class="string">'c://a.iso'</span>);</div><div class="line"> /<span class="regexp">/该种方式存文件需要读取所有文件信息，如果文件过大可能会导致内存溢出</span></div><div class="line"><span class="regexp"> gridFs.put(buffer, {}, function(err, fileInfo) {</span></div><div class="line"><span class="regexp"> if(!err) {</span></div><div class="line"><span class="regexp"> console.log('write file success!');</span></div><div class="line"><span class="regexp"> }</span></div><div class="line"><span class="regexp"> /</span><span class="regexp">/通过ID获取文件</span></div><div class="line"><span class="regexp"> gridFs.get(fileInfo._id, function(err, data) {</span></div><div class="line"><span class="regexp"> if(err) throw err;</span></div><div class="line"><span class="regexp"> /</span><span class="regexp">/使用nodejs 原生fs api写入文件到硬盘</span></div><div class="line"><span class="regexp"> fs.writeFile('c:\\my.iso', data, 'utf-8', function(err) {</span></div><div class="line"><span class="regexp"> if(!err) {</span></div><div class="line"><span class="regexp"> console.log('write file to local file system succeed!');</span></div><div class="line"><span class="regexp"> }</span></div><div class="line"><span class="regexp"> });</span></div><div class="line"><span class="regexp"> })</span></div><div class="line"><span class="regexp"> });</span></div></pre></td></tr></table></figure>
|
||
<p>put()方法的第一个参数为buffer，第二个参数为文件的一些属性，将保存到mongodb中，这里我们不写，系统将自动填写相关信息，第三个是回调函数，我们可以从回调函数中获取到我们刚才保存的文件的相关信息。<br>get()方法，即是通过mongodb中文件的_id参数去获取文件。并在回调函数中返回文件内容。<br>最后我们再使用fs.writeFile()，来讲获取到的数据写入外部文件即可。其中的第三个参数，通常我们可以省略。系统模式会设置为utf-8。</p>
|
||
<p><strong>下面使用GridStore（）的方式来存储文件。</strong></p>
|
||
<figure class="highlight ruby"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div><div class="line">17</div><div class="line">18</div><div class="line">19</div><div class="line">20</div><div class="line">21</div><div class="line">22</div><div class="line">23</div><div class="line">24</div><div class="line">25</div><div class="line">26</div><div class="line">27</div><div class="line">28</div><div class="line">29</div><div class="line">30</div><div class="line">31</div><div class="line">32</div></pre></td><td class="code"><pre><div class="line">var gridStore = new mongo.GridStore(db, new mongo.ObjectID(), <span class="string">'w'</span>, {<span class="symbol">root:</span> <span class="string">'fs'</span>});</div><div class="line"><span class="string">``</span><span class="string">` </span></div><div class="line"><span class="string"></span></div><div class="line"><span class="string">解释一下这几个参数，第一个为你的DB对象，第二个需要传入一个mongodb的ObjectId对象，因此我们需要自动生成一个，第三个是模式，她有三个选择：</span></div><div class="line"><span class="string"></span></div><div class="line"><span class="string">> 1. r 读模式，文件只能被读取，不能被修改</span></div><div class="line"><span class="string">> 2. w 写模式，可以读写，已存在的文件会被覆盖。</span></div><div class="line"><span class="string">> 3. w+ 编辑模式，这个具体我不太清楚，应该是比w更高，也就是说不仅可以去写吧。</span></div><div class="line"><span class="string"></span></div><div class="line"><span class="string">这里由于我们是向数据库写入文件，当然至少得w模式。</span></div><div class="line"><span class="string"></span></div><div class="line"><span class="string">最后一个参数你要选择用于存储文件的collection，系统默认是fs,因此这个我们也可以不写。</span></div><div class="line"><span class="string"></span></div><div class="line"><span class="string">`</span><span class="string">``</span> ruby </div><div class="line">gridStore.writeFile(<span class="string">'c://a.iso'</span>, function(err, fileInfo) {</div><div class="line"> <span class="keyword">if</span>(err) throw err;</div><div class="line"> console.log(fileInfo);</div><div class="line"> /<span class="regexp">/新建一个gridstore用于读取文件</span></div><div class="line"><span class="regexp"> var readGrid = new mongo.GridStore(db, fileInfo._id, 'r');</span></div><div class="line"><span class="regexp"> readGrid.open(function(err, gridStore) {</span></div><div class="line"><span class="regexp"> /</span><span class="regexp">/读取数据</span></div><div class="line"><span class="regexp"> readGrid.read(function(err, data) {</span></div><div class="line"><span class="regexp"> /</span><span class="regexp">/写入到本地文件系统</span></div><div class="line"><span class="regexp"> fs.writeFile('c:\\myaaa.iso', data, function(err) {</span></div><div class="line"><span class="regexp"> if(!err) {</span></div><div class="line"><span class="regexp"> console.log('write file to local file system succeed!');</span></div><div class="line"><span class="regexp"> }</span></div><div class="line"><span class="regexp"> });</span></div><div class="line"><span class="regexp"> db.close();</span></div><div class="line"><span class="regexp"> });</span></div><div class="line"><span class="regexp"> });</span></div><div class="line"><span class="regexp"> });</span></div></pre></td></tr></table></figure>
|
||
<p>这个wrtieFile（)是把外部文件存入到mongodb的数据库 中，和fs.writeFile()是相反的，这个需要注意。其本身使用是比较简单的。<br>当然后面我们需要从mongodb数据库中读出文件，于是新建了一个模式为“r”的GridStore。<br>open函数，mongodb官方的解释是：<br>Opens the file from the database and initialize this object. Also creates a new one if file does not exist.<br>这里我们当然是从数据库中打开这个文件，并初始化这个对象。<br>然后在使用read读取数据，并使用fs.writeFile（)写入外部函数。</p>
|
||
<p>完整代码下载：</p>
|
||
<p><a href="https://github.com/wahyd4/node.js-mongodb-demo" target="_blank" rel="external">https://github.com/wahyd4/node.js-mongodb-demo</a></p>
|
||
<p>参考资料：</p>
|
||
<p><a href="http://nodejs.org/api/fs.html" target="_blank" rel="external">http://nodejs.org/api/fs.html</a></p>
|
||
<p><a href="http://mongodb.github.com/node-mongodb-native/api-generated/gridstore.html" target="_blank" rel="external">http://mongodb.github.com/node-mongodb-native/api-generated/gridstore.html</a></p>
|
||
<p><a href="http://mongodb.github.com/node-mongodb-native/api-articles/nodekoarticle2.html" target="_blank" rel="external">http://mongodb.github.com/node-mongodb-native/api-articles/nodekoarticle2.html</a></p>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/10/23/nodejs-mongo-one/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/10/23/nodejs-mongo-one/" itemprop="url">Node.js操作Mongodb(1)</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-10-23T00:00:00+11:00">
|
||
2012-10-23
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:52:25+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/javascript/" itemprop="url" rel="index">
|
||
<span itemprop="name">javascript</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
，
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/javascript/mongodb/" itemprop="url" rel="index">
|
||
<span itemprop="name">mongodb</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
，
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/javascript/mongodb/node-js/" itemprop="url" rel="index">
|
||
<span itemprop="name">node.js</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p>今天想要分享是使用node.js来连接并操作mongodb数据库实现基本的增删查改操作。</p>
|
||
<p>首先我们需要在node.js下安装mongodb争对node的驱动。</p>
|
||
<p>npm install mongodb</p>
|
||
<p>下面就可以开始写代码了。首先当然是在node代码引用mongodb:</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">var mongodb = require("mongodb");
|
||
|
||
</pre>
|
||
|
||
<p>其次就是连接到mongodb数据库server:</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">var server = new mongodb.Server('localhost',27017,{auto_reconnect:true});
|
||
|
||
</pre>
|
||
|
||
<p>其中第一、二分参数分别是IP地址和端口，由于我们这里没有设计到验证，因此便不需要验证参数。最后的参数是一个对象，我们设置了一个属性auto_reconnect为true，就表示如果当程序与mongodb失去连接便回自动重连。</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">var server = new mongodb.Server('localhost',27017,{auto_reconnect:true},10);
|
||
|
||
</pre>
|
||
|
||
<p>通常情况下我们可以不管最后一个参数，这个参数是线程池的数量，系统默认的设置是5，也就是说可以同时支持打开5个数据库连接，并进行操作。当然我们可以根据自己需要设置希望的值。</p>
|
||
<p>然后就是获取或者创建一个DB实例。</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">var db = new mongodb.Db("mydb2",server);
|
||
|
||
</pre>
|
||
|
||
<p>第一个参数需要传入被数据库的名称，如果数据库不存在系统会创建该数据库，当时不是现在，而是当我们试图打开数据库的时候。</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">db.open(function(err,db){
|
||
if(err){
|
||
console.log(err);
|
||
}
|
||
if(!err){
|
||
console.log("we are connected!");
|
||
}
|
||
});
|
||
</pre>
|
||
|
||
<p>我们想要对数据库进行的相关操作都是在db.open()的回调函数内完成的。即是说我们对数据库的操作需要在数据库被打开的情况下完成。<br>在mongodb中collection可以看做是我们平时所用的关系型数据库中的table(表)，我们可以通过显式或者隐式的方式来创建collection：<br><strong>显式</strong>即是使用db.createCollection()创建。</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">db.createCollection('test',{safe:true},function(err,collection){
|
||
if(err){
|
||
console.log(err);
|
||
}else{
|
||
console.log("created successful!");
|
||
}
|
||
});
|
||
</pre>
|
||
|
||
<p>safe:true如果我们使用了这个参数即表示，如果当我们想要创建的collection已经存在时，则会报错，如果去掉则不会。<br>隐式则是我们在使用某个collection的时候，系统发现没有该collection，则会自动创建。</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">db.collection('fuck',function(err,collection){
|
||
});
|
||
</pre>
|
||
|
||
<p>这个时候如果我们使用safe:true，当程序发现我们希望使用的collection不存在则会报错。通过这段代码，我们可以在该回调函数中执行所有我们对该collection的操作。</p>
|
||
<p>插入数据：</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">//插入单条数据
|
||
collection.insert({'name':'tom'},function(err,result){});
|
||
//插入数组
|
||
var array = [{'name':'mary'},{'name':'lily','age':20}];
|
||
collection.insert(array,{safe:true},function(err,result){
|
||
if(err) throw err;
|
||
});
|
||
</pre>
|
||
|
||
<p>当我们一次插入或者在以后的删除、更新多条数据时，我们都应该使用safe:true，以保证数据的完整性和一致性，如果在插入数组的过程中某些数据未能成功插入，即会报错。<br>更新数据：</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">collection.update({'name':'tom'},{$set:{'name':'lily','age':100}},function(err,result){
|
||
if(err) throw err;
|
||
if(!err){
|
||
console.log("update successful");
|
||
}
|
||
});
|
||
</pre>
|
||
|
||
<p>第一个参数为我们定位目标的属性，这里即是我们更新所有名字为tom的数据，$set的意思则是我们将其更换其他的数据。<br>删除数据：</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">//删除用户名为tom的数据
|
||
collection.remove({'name':'tom'},{safe:true},function(err,result){
|
||
if(err) console.log(err);
|
||
|
||
});
|
||
|
||
//删除集合内的所有数据
|
||
|
||
collection.remove();
|
||
</pre>
|
||
|
||
<p>查找数据：</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">//查找一条符合的数据
|
||
collection.findOne({'name':'tom'},function(err,result){
|
||
if (err) throw err;
|
||
console.log(result);
|
||
});
|
||
|
||
//查找多条数据，将结果集转换成数组。
|
||
|
||
collection.find().toArray(function(err,items){
|
||
if(err) throw err;
|
||
|
||
//遍历数据
|
||
|
||
for(item in array){
|
||
console.log(array[item]);
|
||
}
|
||
});
|
||
|
||
//另外一种查找多条数据的方式是使用流式来处理。
|
||
|
||
var stream = collection.find().streamRecords();
|
||
|
||
//监听获取数据
|
||
stream.on("data",function(item){
|
||
console.log(item);
|
||
});
|
||
|
||
//当数据读取完毕时，执行的方法。
|
||
stream.on("end",function(){
|
||
console.log("stream is end");
|
||
});
|
||
</pre>
|
||
|
||
<p>当然我们这里使用的查找数据的方式很简单，没有涉及到高级的查询语句，比如限制返回数据的条数limit()，这些都是可以使用的。大家可以从下面的文档中获取到更多的信息。</p>
|
||
<p>完整代码下载：</p>
|
||
<p><a href="https://github.com/wahyd4/node.js-mongodb-demo" target="_blank" rel="external">https://github.com/wahyd4/node.js-mongodb-demo</a><br>参考文档：<br><a href="http://mongodb.github.com/node-mongodb-native/api-articles/nodekoarticle1.html" target="_blank" rel="external">http://mongodb.github.com/node-mongodb-native/api-articles/nodekoarticle1.html</a><br><a href="http://www.mongodb.org/display/DOCS/Advanced+Queries" target="_blank" rel="external">http://www.mongodb.org/display/DOCS/Advanced+Queries</a></p>
|
||
<p>请阅读下一篇：</p>
|
||
<p><a href="http://toozhao.com/2012/10/nodejs-mongodb-gridfs/" target="_blank">Node.js操作mongodb（2）——gridfs操作文件</a></p>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/10/15/have-something-to-say-about-onemonth/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/10/15/have-something-to-say-about-onemonth/" itemprop="url">最近一个多月找工作有感！</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-10-15T00:00:00+11:00">
|
||
2012-10-15
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:52:22+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/我说/" itemprop="url" rel="index">
|
||
<span itemprop="name">我说</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p>今年毕业生校招行情真不怎么好。</p>
|
||
<p>最遗憾的是腾讯成都没有给我笔试的机会，为了霸面等了一天，结果最终也没有给我机会霸面，前天去了重庆笔试腾讯，到了考官才说腾讯在重庆不招web前端。但是它却又给我机会了。真搞不懂这是怎么样一个公司。</p>
|
||
<p>百度虽然给了我笔试机会，可是遗憾的是我未能进入面试阶段。</p>
|
||
<p>其实更多的是，很多公司只是来打酱油，不怎么招人。比如小米、创新工场 这样的货色。</p>
|
||
<p>当然还有一部分公司歧视我们这些不是211、985学校的学生，当然这其中大部分是国企，不过现在连华为这样的加班公司也开始歧视人了。当时听闻华为只招重点大学的学生，我为了获得笔试机会把学校改成了川大，并顺利进入了面试（其实，华为的笔试只要做对一道大题就可以了。），顺利经过了技术面、群面。下午在门口等了2,3个小时才叫到我进去综合面试，所谓综合面试，就是一个BOSS面试三个学生，谁知道命运就是这么捉弄人，和我一起面试的两个学生，我坐在中间，他们趁面试官离开的时候，偷偷摸摸去翻看他们自己的面试成绩，最终被面试官发现了。面试官发现了，震怒。并以为我也翻看了。我告诉他我没有翻，也不知道他是否相信。不过他接下来的4,5个问题，除了让我们介绍一下自己其余的问题都是围绕着为什么要翻看简历。最终本该1个多小时的面试，只进行了15分钟。草草结束，和面试官握手的时候，我手是抖的。当机会在你面前，你却不能左右的时候，是多么的苍白。上周华为开始发offer了，我想不管是什么样的原因，总之我没有拿到华为的offer，据说华为的工资只有6K本科生。在成都这个工资也不能算很高吧。</p>
|
||
<p>今年的行情就这个样子，我笔试了接近10次，最终得到的面试机会不超过5次。真心伤不起。跑了好多地方，川大，电子科大，最远的是电子科大，去了就意味着晚上不能回学校。好伤！</p>
|
||
<p>现在我真的有点累了。几乎所有公司都跟风考算法，可是这些公司根本不像会用那么多算法的公司。为了彰显他们很了不起吗？</p>
|
||
<p>坑爹！</p>
|
||
<p>如果我没有经济上的担忧，我恐怕已经去创业了！！</p>
|
||
<p>尼玛，伤不起的是还要被新电信、symbio这样的外包公司鄙视，面试后不发offer。难道是我工资要高了吗？？？</p>
|
||
<p>伤不起。</p>
|
||
<p>再坚持一段时间吧，希望thoughtworks能够给力啊！！</p>
|
||
<p>现在还是很想留到成都啊！！</p>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/09/16/huawei-hire-exam/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/09/16/huawei-hire-exam/" itemprop="url">华为一个字符串处理的上机题</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-09-16T00:00:00+10:00">
|
||
2012-09-16
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:52:18+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/java/" itemprop="url" rel="index">
|
||
<span itemprop="name">java</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p>昨天下午参加了华为的上机笔试，3道题，但是答得不是很理想，回来有好好思考了一些，现在这里把相对较难的那道题分享一下。题目是这样的：</p>
|
||
<p>问题描述：</p>
|
||
<blockquote>
|
||
<p>在给定字符串中找出单词（ “单词”由大写字母和小写字母字符构成，其他非字母字符视为单词的间隔，如空格、问号、数字等等；另外单个字母不算单词）；找到单词后，按照长度进行降序排序，（排序时如果长度相同，则按出现的顺序进行排列），然后输出到一个新的字符串中；如果某个单词重复出现多次，则只输出一次；如果整个输入的字符串中没有找到单词，请输出空串。输出的单词之间使用一个“空格”隔开，最后一个单词后不加空格。</p>
|
||
<p>要求实现函数：</p>
|
||
<p>void my_word(charinput[], char output[])</p>
|
||
<p>【输入】 char input[], 输入的字符串</p>
|
||
<p>【输出】 char output[]，输出的字符串</p>
|
||
<p>【返回】 无</p>
|
||
<p>示例</p>
|
||
<p>输入：charinput[]=”some local buses, some1234123drivers” ，</p>
|
||
<p>输出：charoutput[]=”drivers local buses some”</p>
|
||
<p>输入：charinput[]=”%A^123 t 3453i*()” ，</p>
|
||
<p>输出：charoutput[]=””</p>
|
||
</blockquote>
|
||
<p>乍一看，题目的确不怎么难，但是其中隐藏着很多细节。我的思考是这样的：</p>
|
||
<ol>
|
||
<li>首先分离其中的字符串（单词），需要注意的是单个字母不能成为单词，当到达字符串末尾时，即使没有符号，也需要分离单词。</li>
|
||
<li>其次是排除其中的重复单词（java里使用 Set实现，set中不能出现重复的内容）</li>
|
||
<li>对单词进行排序，按照单词长度逆序，如果单词的长度相同，则按照单词出现的先后顺序排序。在项目中我使用的是选择排序，时间复杂度略小于o(n*n)</li>
|
||
<li>输出数据，如果没有单词输出””</li>
|
||
</ol>
|
||
<p>下面贴出我实现的代码，如发现有什么问题，请指出：</p>
|
||
<pre class="brush: java; title: ; notranslate" title="">package com.toozhao.test;
|
||
|
||
import java.util.HashSet;
|
||
import java.util.Set;
|
||
|
||
/**
|
||
* {@link} http://toozhao.com
|
||
* @author Junv
|
||
*
|
||
*/
|
||
public class MyWord {
|
||
|
||
/**
|
||
* @param args
|
||
*/
|
||
public static void main(String[] args) {
|
||
MyWord test = new MyWord();
|
||
System.out
|
||
.println(test.process("some local buses, some1234123drivers"));
|
||
}
|
||
|
||
/**
|
||
* 将输入信息通过处理，使其满足要求。并返回
|
||
*
|
||
* @param input
|
||
* @return
|
||
*/
|
||
public String process(String input) {
|
||
char[] array = input.toCharArray();
|
||
|
||
Set<String> list = new HashSet<String>();
|
||
int mark = 0;// 用于标记当前截断位置
|
||
|
||
boolean formerIsChar = false; // 设置上一个是否是字符
|
||
for (int i = 0; i < array.length; i++) {
|
||
|
||
// 说明不是字母
|
||
if (array[i] < 65 || array[i] > 122
|
||
|| (array[i] > 90 && array[i] < 97)) {
|
||
// System.out.println(array[i]);
|
||
|
||
// 如果上一个数为字符,且单词长度不能为1
|
||
if (formerIsChar == true && (i!= mark+1)) {
|
||
char[] temp = new char[i - mark];
|
||
System.arraycopy(array, mark, temp, 0, i - mark); // 复制数组
|
||
list.add(this.getStr(temp)); // 添加到list中
|
||
|
||
}
|
||
|
||
mark = i + 1; // 标记为下一个字符开始的脚标
|
||
formerIsChar = false;
|
||
} else {
|
||
// 说明上一个是字符
|
||
formerIsChar = true;
|
||
|
||
// 处理最后的字符串，即使不是非字符也需要截断
|
||
if (i == array.length - 1) {
|
||
char[] temp = new char[i - mark + 1];
|
||
System.arraycopy(array, mark, temp, 0, i - mark + 1);
|
||
list.add(this.getStr(temp));
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
// 如果为空则返回空格
|
||
if (list.size() == 0) {
|
||
return "";
|
||
}
|
||
|
||
String[] myArray = new String[list.size()];
|
||
// 将list转为数组
|
||
list.toArray(myArray);
|
||
// 对数组排序
|
||
this.sort(myArray);
|
||
|
||
// 遍历得到结果
|
||
StringBuilder sb = new StringBuilder();
|
||
for (int j = 0; j < myArray.length; j++) {
|
||
sb.append(myArray[j]);
|
||
sb.append(" ");
|
||
}
|
||
return sb.toString();
|
||
}
|
||
|
||
/**
|
||
* 将字符数组转成字符串
|
||
*
|
||
* @param charStr
|
||
* @return
|
||
*/
|
||
public String getStr(char[] charStr) {
|
||
StringBuilder sb = new StringBuilder();
|
||
for (int i = 0; i < charStr.length; i++) {
|
||
|
||
sb.append(charStr[i]);
|
||
}
|
||
return sb.toString();
|
||
}
|
||
|
||
/**
|
||
* 按照长度降序，如果长度相同，则比较谁更先出现。<br>
|
||
* 使用的是选择排序
|
||
* @param original
|
||
* @return
|
||
*/
|
||
public String[] sort(String[] original) {
|
||
|
||
for (int i = 0; i < original.length - 1; i++) {
|
||
int temp = i;
|
||
for (int j = i + 1; j < original.length; j++) {
|
||
// 如果后面的长度大于前面
|
||
if (original[j].length() > original[i].length()) {
|
||
temp = j;
|
||
}
|
||
|
||
// 如果长度相同，则看谁出现得早
|
||
if (original[j].length() == original[i].length()) {
|
||
if (j > i) {
|
||
temp = j;
|
||
}
|
||
}
|
||
}
|
||
|
||
if (temp != i) {
|
||
String tempStr = original[i];
|
||
original[i] = original[temp];
|
||
original[temp] = tempStr;
|
||
}
|
||
}
|
||
return original;
|
||
}
|
||
|
||
}
|
||
|
||
</pre>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/09/12/java-select-sorting/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/09/12/java-select-sorting/" itemprop="url">java实现选择排序</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-09-12T00:00:00+10:00">
|
||
2012-09-12
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:52:13+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/java/" itemprop="url" rel="index">
|
||
<span itemprop="name">java</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p>选择排序大概的思想就是，每一次循环找出需要排序的部分中最小的那个数，找出只有再将最小的那个数移动到它应该放置的那个位置。因为虽然他的遍历次数也是1+2+3+…+n-1,不过它每次循环只交换一次，总的来说效率还是比直接插入排序好一些。更详细的解释参考<a href="http://baike.baidu.com/view/547263.htm" target="_blank" rel="external">百度百科</a>和<a href="http://zh.wikipedia.org/zh/%E9%80%89%E6%8B%A9%E6%8E%92%E5%BA%8F" target="_blank" rel="external">维基百科</a>。</p>
|
||
<p>下面上代码吧：</p>
|
||
<pre class="brush: java; title: ; notranslate" title="">package com.toozhao.sort;
|
||
|
||
/**
|
||
*
|
||
* @author Junv
|
||
*
|
||
*/
|
||
public class SelectSort {
|
||
// 定义需要排序的数
|
||
private static int[] array = { 10, 50, 8, 29, 30, 17, 12, 40, 32, 7, 4, 22 };
|
||
|
||
public static void main(String args[]) {
|
||
sort(array);
|
||
for (int flag : array) {
|
||
System.out.print(flag + " ");
|
||
}
|
||
}
|
||
|
||
public static void sort(int[] data) {
|
||
// 外层循环一次，找到i to (data.length-1)这个数组中最小的一个数。
|
||
for (int i = 0; i < (data.length - 1); i++) {
|
||
// temp用来标注值最小的那个数。
|
||
int temp = i;
|
||
for (int j = i + 1; j < data.length; j++) {
|
||
// 将temp 始终标记为最小那个数。
|
||
if (data[j] < data[temp]) {
|
||
temp = j;
|
||
}
|
||
}
|
||
// 如果i != temp 说明，最小那个数为data[temp],则交换。
|
||
if (i != temp) {
|
||
int t = data[i];
|
||
data[i] = data[temp];
|
||
data[temp] = t;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
</pre>
|
||
|
||
<p>如需下载完整代码，以及其他排序代码，请到：</p>
|
||
<blockquote>
|
||
<pre>github：https://github.com/wahyd4/java-sorting</pre>
|
||
|
||
</blockquote>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/09/11/java-shell-sorting/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/09/11/java-shell-sorting/" itemprop="url">Java实现Shell(希尔)排序</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-09-11T00:00:00+10:00">
|
||
2012-09-11
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:52:08+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/java/" itemprop="url" rel="index">
|
||
<span itemprop="name">java</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
，
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/java/未分类/" itemprop="url" rel="index">
|
||
<span itemprop="name">未分类</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<blockquote>
|
||
<p>如需下载源代码，请到github：<a href="https://github.com/wahyd4/java-sorting" target="_blank" rel="external">https://github.com/wahyd4/java-sorting</a></p>
|
||
</blockquote>
|
||
<p>Shell(希尔)排序是建立在直接插入排序基础上之上的，只是它会先将这个数组按照一定的间隔分成若干个小数组先进行直接插入排序。以先比较较远的元素，再比较较近的元素，最后比较相邻的元素。可以逐步减小比较的次数。其时间复杂度优于直接插入排序。</p>
|
||
<p>更多的信息请查看<a href="http://baike.baidu.com/view/178698.htm" target="_blank" rel="external">百度百科</a>或者<a href="http://zh.wikipedia.org/zh/%E5%B8%8C%E5%B0%94%E6%8E%92%E5%BA%8F" target="_blank" rel="external">维基百科</a>的介绍。下面上希尔排序的代码：</p>
|
||
<pre class="brush: java; title: ; notranslate" title="">public class ShellSort {
|
||
|
||
// 定义需要排序的数组
|
||
private static int[] data = { 16, 20, 1, 6, 3, 19, 7, 14, 5, 60, 29, 40 };
|
||
|
||
public static void shellSort(int[] data) {
|
||
//获取数组长度
|
||
int length = data.length;
|
||
// 首先进行分组,每次组中元素为之前1/2。
|
||
for (int gap = length / 2; gap > 0; gap = gap / 2) {
|
||
// 对每个组进行插入比较
|
||
for (int i = gap; i < length; i++) {
|
||
for (int j = i; j >= gap && data[j] < data[j - gap]; j = j- gap) {
|
||
//缓存下表最大的那个数
|
||
int temp = data[j];
|
||
//将两数交换位置，将较大数保存到下标最大的位置。
|
||
data[j] = data[j - gap];
|
||
data[j - gap] = temp;
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
public static void main(String[] args) {
|
||
shellSort(data);
|
||
for (int flag : data) {
|
||
System.out.print(flag + " ");
|
||
}
|
||
}
|
||
|
||
}
|
||
</pre>
|
||
|
||
<p>虽然代码里面希尔排序是三层循环，但是只有中间层循环才是n数量级，外层循环为lbn,最里程循环也远小于n.平均时间复杂度还优于直接插入排序。</p>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/09/11/java-insertion-sort/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/09/11/java-insertion-sort/" itemprop="url">Java 实现直接插入排序</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-09-11T00:00:00+10:00">
|
||
2012-09-11
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:52:03+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/java/" itemprop="url" rel="index">
|
||
<span itemprop="name">java</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<blockquote>
|
||
<p>项目代码已经发布到github.欢迎各位下载：<a href="https://github.com/wahyd4/java-sorting" target="_blank" rel="external">https://github.com/wahyd4/java-sorting</a></p>
|
||
</blockquote>
|
||
<p>快到校招了，我还是把以前的数据结构的书拿出来复习了，不过这次我将用java 来实现数据结构中的一些算法。当然还是希望能够顺利通过这些公司的笔试。下面分享的是直接插入排序。</p>
|
||
<pre class="brush: java; title: ; notranslate" title="">public class InsertionSort {
|
||
|
||
// 定义需要排序的数组
|
||
private static int[] array = { 1, 20, 6, 3, 19, 7, 14, 12, 10 };
|
||
|
||
public static void main(String args[]) {
|
||
|
||
for (int outer = 1; outer < array.length; outer++) {
|
||
int temp = array[outer];
|
||
for (int inner = outer - 1; inner >= 0 && temp < array[inner]; inner--) {
|
||
|
||
/**
|
||
* 将最大的赋值给目前比较的数组尾部 由于这里的数组下标需要
|
||
* 跟随循环而变化，所以只能使用 j来表示
|
||
*/
|
||
array[inner + 1] = array[inner];
|
||
// 重新赋值第二大的数
|
||
array[inner] = temp;
|
||
// 重新赋值参考值，接着下标-1
|
||
temp = array[inner];
|
||
}
|
||
}
|
||
// 便利排序后的数组
|
||
for (int flag : array) {
|
||
System.out.println(flag);
|
||
}
|
||
}
|
||
}
|
||
|
||
</pre>
|
||
|
||
<p><strong>算法的时间复杂度：</strong></p>
|
||
<p>直接排序最糟糕时需要比较的次数为（若数组长度为n）:1+2+…+n-1=n(n-1)/2,复杂度为O（n2），一般情况下，复杂度也是如此。</p>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/09/07/ubuntu-install-elementary3-gtk-theme/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/09/07/ubuntu-install-elementary3-gtk-theme/" itemprop="url">Ubuntu安装 GTK主题 Elementary 3</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-09-07T00:00:00+10:00">
|
||
2012-09-07
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:51:59+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/linux/" itemprop="url" rel="index">
|
||
<span itemprop="name">linux</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
，
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/linux/我说/" itemprop="url" rel="index">
|
||
<span itemprop="name">我说</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p>不知道大家有没有这样的感受，Ubuntu桌面环境虽然已经很不错了，但是与Windows 和OS X 系统相比，我个人觉得还是有不小差距的。今天我要分享的就是在Ubuntu 12.04LTS下安装一款非常漂亮的GTK主题 Elementary 3。我觉得这是我用过的最漂亮的主题。</p>
|
||
<p>首先我们需要安装Gnome 3桌面环境，来替换掉Ubuntu 默认的Unity桌面环境。我们使用命令行来完成如下这些操作。</p>
|
||
<blockquote>
|
||
<p>sudo apt-get install gnome-shell</p>
|
||
</blockquote>
|
||
<p>为了配置gnome3 更加方便和快捷，我们需要安装另外一个小工具gnome-tweak-tool</p>
|
||
<blockquote>
|
||
<p>sudo apt-get install gnome-tweak-tool</p>
|
||
</blockquote>
|
||
<p>待系统安装好后，重启，在登录界面选择gnome 桌面环境，你就可以看见新的桌面了。现在我们使用还是默认的gnome主题。接下来安装GTK 主题 Elementary 3。</p>
|
||
<p>Elementary 3 使用了新的 Unico 引擎。因此我们当然也需要安装。</p>
|
||
<blockquote>
|
||
<p>sudo apt-get install gtk3-engines-unico</p>
|
||
</blockquote>
|
||
<p>由于Elementary 主题文件，不在ubuntu默认的软件源仓库里面，因为我们需要首先添加软件源仓库，然后在安装：</p>
|
||
<blockquote>
|
||
<p>sudo add-apt-repository ppa:noobslab/themes</p>
|
||
<p>sudo apt-get update</p>
|
||
<p>sudo apt-get install elementary-theme elementary-icon-theme</p>
|
||
</blockquote>
|
||
<p>安装好后，打开gnome-tweak-tool(也可以在命令行直接输入改命令即可打开)，在Theme选项中的GTK+ Theme中就可以选择Elementary主题了。</p>
|
||
<p>Elementary 还有个黑色版本可以通过下面的方式安装：</p>
|
||
<blockquote>
|
||
<p>sudo apt-get install elementary-dark-theme</p>
|
||
</blockquote>
|
||
<p>给大家秀秀这个主题：</p>
|
||
<p style="text-align: center;"><br> <a href="/images/2012/09/aaaaa.jpg"><img class="aligncenter wp-image-2198" title="aaaaa" src="/images/2012/09/aaaaa-1024x575.jpg" alt="" width="717" height="403"></a><br></p>
|
||
|
||
<p style="text-align: left;"><br> 由于我截图的时候，保存的时候是jpg，因为图片有失真，不过真的是相当惊艳。各位可以安装试试！<br></p>
|
||
|
||
<p style="text-align: left;"><br> 我安装的时候，并不是严格按照这个路线，如果大家发现这种路线不能正常安装，请留言。<br></p>
|
||
|
||
<p style="text-align: left;"><br> 资料：官方网站 提供基本Elementary优化的linux下载 ：<a href="http://elementaryos.org/" target="_blank" rel="external">http://elementaryos.org/</a><br></p>
|
||
|
||
<p style="text-align: left;"><br> gnome主题页面： <a href="http://gnome-look.org/content/show.php/elementary+GTK+theme?content=149900" target="_blank" rel="external">http://gnome-look.org/content/show.php/elementary+GTK+theme?content=149900</a><br></p>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="post post-type-normal" itemscope itemtype="http://schema.org/Article">
|
||
|
||
|
||
|
||
<div class="post-block">
|
||
<link itemprop="mainEntityOfPage" href="http://toozhao.com/2012/08/26/js-getparameters-from-scriptsfile/">
|
||
|
||
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<meta itemprop="name" content="Junv">
|
||
<meta itemprop="description" content="">
|
||
<meta itemprop="image" content="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim">
|
||
</span>
|
||
|
||
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
|
||
<meta itemprop="name" content="大染志">
|
||
</span>
|
||
|
||
|
||
<header class="post-header">
|
||
|
||
|
||
|
||
<h1 class="post-title" itemprop="name headline">
|
||
|
||
<a class="post-title-link" href="/2012/08/26/js-getparameters-from-scriptsfile/" itemprop="url">javascript获取引用js文件所携带的参数</a></h1>
|
||
|
||
|
||
<div class="post-meta">
|
||
<span class="post-time">
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">发表于</span>
|
||
|
||
<time title="创建于" itemprop="dateCreated datePublished" datetime="2012-08-26T00:00:00+10:00">
|
||
2012-08-26
|
||
</time>
|
||
|
||
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-calendar-check-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">更新于:</span>
|
||
|
||
<time title="更新于" itemprop="dateModified" datetime="2014-07-22T18:51:54+10:00">
|
||
2014-07-22
|
||
</time>
|
||
|
||
</span>
|
||
|
||
|
||
<span class="post-category" >
|
||
|
||
<span class="post-meta-divider">|</span>
|
||
|
||
<span class="post-meta-item-icon">
|
||
<i class="fa fa-folder-o"></i>
|
||
</span>
|
||
|
||
<span class="post-meta-item-text">分类于</span>
|
||
|
||
|
||
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
|
||
<a href="/categories/javascript/" itemprop="url" rel="index">
|
||
<span itemprop="name">javascript</span>
|
||
</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-body" itemprop="articleBody">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p>通常情况下我们在HTML中引用js没有在文件名后面附加任何参数，即：</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title=""><script type="text/javascript" src="test.js"></script>
|
||
|
||
</pre>
|
||
|
||
<p>其实我们在其后面加上一些附加参数，我们现在使用的浏览器也是可以识别，同样找到我们需要的js的。（IE6没有测试，不清楚是否支持），即如下：</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title=""><script type="text/javascript" src="test.js?div=mydiv&name=tome&age=3"></script>
|
||
|
||
</pre>
|
||
|
||
<p>我们现在需要做的就是如何取出这其中的参数。如：div=mydiv;name=tom;age=3。首先附上我自己写的一个js方法，就是使用了常用的函数，如indexOf,substring,split等方法：</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">//你需要获取值的js文件名
|
||
var fileName = "test.js";
|
||
//获取到所有<script>对象
|
||
var scripts = document.getElementsByTagName("script");
|
||
for(var i =0; i< scripts.length;i++){
|
||
var src = scripts[i].src;
|
||
//取得你想要的js文件名
|
||
if(src.indexOf(fileName)!==-1){
|
||
//获取js文件名后面的所有参数
|
||
src = src.substring(src.lastIndexOf(fileName+"?")+(fileName.length+1));
|
||
var array = src.split("&");
|
||
//将参数一个一个遍历出来
|
||
for(var j=0;j<array.length;j++){
|
||
var finalObj = array[j].split("=");
|
||
console.log("参数："+finalObj[0]+"值："+finalObj[1]);
|
||
}
|
||
}
|
||
}
|
||
|
||
</pre>
|
||
|
||
<p>我在网上又看到另外一个前辈主要使用了RegExp和match函数，以正则表达式的方式完成了同样的操作，代码如下：</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">var jsFileName = "testParam.js";
|
||
var rName = new RegExp(jsFileName+"(\\?(.*))?$")
|
||
var jss=document.getElementsByTagName('script');
|
||
for (var i = 0;i < jss.length; i++){
|
||
var j = jss[i];
|
||
if (j.src&&j.src.match(rName)){
|
||
var oo = j.src.match(rName)[2];
|
||
if (oo&&(t = oo.match(/([^&=]+)=([^=&]+)/g))){
|
||
for (var l = 0; l < t.length; l++){
|
||
r = t[l];
|
||
var tt = r.match(/([^&=]+)=([^=&]+)/);
|
||
if (tt)
|
||
document.write('参数：' + tt[1] + '，参数值：' + tt[2] + '<br />');
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
</pre>
|
||
|
||
<p>在测试确定这两个函数都真实可用的情况下，我突然冒出另外一个想法，想测试一下这两种方法到底效率怎么样，比较他们执行的时间的长短：</p>
|
||
<p>测试条件：</p>
|
||
<ul>
|
||
<li>将两个方法的输出都换成一致console.log();</li>
|
||
<li>分别在代码执行前和执行后获取当前时间，相减获取这种方法的执行时间。</li>
|
||
<li>所有测试都在同一台笔记本电脑下，我将测试chrome 21,firefox 14,IE9。每个浏览器分别执行5次</li>
|
||
</ul>
|
||
<p>我用的测试方法代码：</p>
|
||
<pre class="brush: jscript; title: ; notranslate" title="">var original = new Date().getTime(); //在执行方法前
|
||
|
||
//在执行方法后
|
||
|
||
console.log(new Date().getTime()-original);
|
||
|
||
</pre>
|
||
|
||
<p>测试5次的结果为：</p>
|
||
<p><a href="/images/2012/08/saa.png"><img class="aligncenter size-full wp-image-2182" title="执行结果统计" src="/images/2012/08/saa.png" alt="" width="360" height="132"></a></p>
|
||
<p>结果有点出乎我的意料：在chrome和firefox中普通方式的时间都要好于使用正则表达式这种方式，而更神奇的是在IE中这两种时间都是0毫秒，只有在我快速刷新的时候才偶尔出现时间，一般只有1或者2ms。</p>
|
||
<p>确实很难理解为什么IE时间为0毫秒，只有希望高人可以解答一下了。</p>
|
||
<p>不过不管怎样，至少解决了获取参数这个问题。也不错！</p>
|
||
<p><strong>更新</strong>：根据 <a href="http://weibo.com/jeffz" target="_blank" rel="external">@老赵</a>的建议我将测试次数变到反复执行该方法1000次再比较结果，出现如下的数据：（注意较上图正则和普通的位置对调了一下）</p>
|
||
<p><a href="/images/2012/08/1111111111.png"><img class="aligncenter size-full wp-image-2191" title="执行1000次的结果" src="/images/2012/08/1111111111.png" alt="" width="362" height="169"></a></p>
|
||
<p>欢迎大家讨论。</p>
|
||
<p>参考正则方式的代码地址：<a href="http://www.cnblogs.com/nrq/archive/2006/08/30/490347.html" target="_blank" rel="external">http://www.cnblogs.com/nrq/archive/2006/08/30/490347.html</a></p>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<footer class="post-footer">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="post-eof"></div>
|
||
|
||
</footer>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
|
||
|
||
</section>
|
||
|
||
|
||
<nav class="pagination">
|
||
<a class="extend prev" rel="prev" href="/page/3/"><i class="fa fa-angle-left"></i></a><a class="page-number" href="/">1</a><span class="space">…</span><a class="page-number" href="/page/3/">3</a><span class="page-number current">4</span><a class="page-number" href="/page/5/">5</a><span class="space">…</span><a class="page-number" href="/page/31/">31</a><a class="extend next" rel="next" href="/page/5/"><i class="fa fa-angle-right"></i></a>
|
||
</nav>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<div class="sidebar-toggle">
|
||
<div class="sidebar-toggle-line-wrap">
|
||
<span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
|
||
<span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
|
||
<span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<aside id="sidebar" class="sidebar">
|
||
|
||
<div class="sidebar-inner">
|
||
|
||
|
||
|
||
|
||
|
||
<section class="site-overview sidebar-panel sidebar-panel-active">
|
||
<div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<img class="site-author-image" itemprop="image"
|
||
src="http://blog.tuxue.xyz/libr.jpg?imageView2/1/w/200/h/200/q/90|imageslim"
|
||
alt="Junv" />
|
||
<p class="site-author-name" itemprop="name">Junv</p>
|
||
|
||
<p class="site-description motion-element" itemprop="description">Go, JavaScript, Ruby on Rails, Java,Docker, CI, CD, Photography</p>
|
||
|
||
</div>
|
||
<nav class="site-state motion-element">
|
||
|
||
|
||
<div class="site-state-item site-state-posts">
|
||
|
||
<a href="/archives/">
|
||
|
||
<span class="site-state-item-count">307</span>
|
||
<span class="site-state-item-name">日志</span>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="site-state-item site-state-categories">
|
||
<a href="/categories/index.html">
|
||
<span class="site-state-item-count">69</span>
|
||
<span class="site-state-item-name">分类</span>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="site-state-item site-state-tags">
|
||
<a href="/tags/index.html">
|
||
<span class="site-state-item-count">247</span>
|
||
<span class="site-state-item-name">标签</span>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
</nav>
|
||
|
||
|
||
|
||
<div class="links-of-author motion-element">
|
||
|
||
|
||
<span class="links-of-author-item">
|
||
<a href="https://github.com/wahyd4" target="_blank" title="GitHub">
|
||
|
||
<i class="fa fa-fw fa-github"></i>
|
||
|
||
|
||
GitHub
|
||
|
||
</a>
|
||
</span>
|
||
|
||
<span class="links-of-author-item">
|
||
<a href="https://www.linkedin.com/in/junwei-zhao-46944557" target="_blank" title="LinkedIn">
|
||
|
||
<i class="fa fa-fw fa-linkedin"></i>
|
||
|
||
|
||
LinkedIn
|
||
|
||
</a>
|
||
</span>
|
||
|
||
<span class="links-of-author-item">
|
||
<a href="https://stackoverflow.com/users/1140611/junv" target="_blank" title="StackOverflow">
|
||
|
||
<i class="fa fa-fw fa-stack-overflow"></i>
|
||
|
||
|
||
StackOverflow
|
||
|
||
</a>
|
||
</span>
|
||
|
||
<span class="links-of-author-item">
|
||
<a href="http://weibo.com/wahyd4" target="_blank" title="Weibo">
|
||
|
||
<i class="fa fa-fw fa-weibo"></i>
|
||
|
||
|
||
Weibo
|
||
|
||
</a>
|
||
</span>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</aside>
|
||
|
||
|
||
|
||
</div>
|
||
</main>
|
||
|
||
<footer id="footer" class="footer">
|
||
<div class="footer-inner">
|
||
<div class="copyright" >
|
||
|
||
©
|
||
<span itemprop="copyrightYear">2018</span>
|
||
<span class="with-love">
|
||
<i class="fa fa-heart"></i>
|
||
</span>
|
||
<span class="author" itemprop="copyrightHolder">Junv</span>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
<div class="back-to-top">
|
||
<i class="fa fa-arrow-up"></i>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
|
||
window.Promise = null;
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
|
||
|
||
|
||
<script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script>
|
||
|
||
|
||
<script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>
|
||
|
||
|
||
<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
|
||
|
||
|
||
<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
|
||
|
||
|
||
<script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
|
||
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript" src="/js/src/utils.js?v=5.1.2"></script>
|
||
|
||
<script type="text/javascript" src="/js/src/motion.js?v=5.1.2"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript" src="/js/src/affix.js?v=5.1.2"></script>
|
||
|
||
<script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.2"></script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.2"></script>
|
||
<script type="text/javascript" src="/js/src/post-details.js?v=5.1.2"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.2"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|