HTML5でログインフォームの書き方

HTML5でログインフォームの書き方

HTML

<section class="loginform cf">  

<form name="login" action="/path" method="POST" accept-charset="utf-8">

    <ul>  

        <li><label for="usermail">Login Name</label>

        <input type="text" name="loginName" placeholder="login name" required></li>

        <li><label for="password">Password</label>

       <input type="password" name="password" placeholder="password" required></li>

        <li><input type="submit" value="Login"></li>

    </ul>  

</form>  

</section> 

CSSは参考リンク参照

参考
http://www.hongkiat.com/blog/html5-loginpage/

JavaScriptでhtmlのDOMエレメントのクラス名を得るには？

JavaScriptでhtmlのDOMエレメントのクラス名を得るには？

document.getElementById('divId').className.split(/\s+/);

参考
http://stackoverflow.com/questions/1227286/get-class-list-for-element-with-jquery

MySQL5.5をUbuntuから完全に消去する方法

MySQL5.5をUbuntuからアンインストールしたかったので、やり方を調べてみた。

sudo deluser mysql
sudo delgroup mysql

sudo service mysql stop  #or mysqld
sudo killall -9 mysql
sudo killall -9 mysqld
sudo apt-get remove --purge mysql-server mysql-client mysql-common
sudo apt-get autoremove
sudo apt-get autoclean
sudo deluser mysql
sudo rm -rf /var/lib/mysql
sudo apt-get purge mysql-server-core-5.5
sudo apt-get purge mysql-client-core-5.5

参考
http://stackoverflow.com/questions/10853004/removing-mysql-5-5-completely
http://askubuntu.com/questions/125686/failed-to-spawn-mysql-main-process-unable-to-execute-no-such-file-or-director

Ubuntuで新規ユーザーにsudo権限を与える方法

Ubuntuで新規ユーザーにsudo権限を与える方法

１．% sudo adduser (username)
２．% sudo gpasswd -a (username) sudo

３．% logout

参考
https://ueponx.wordpress.com/2013/09/23/ubuntu%E3%81%AB%E3%81%A6%E6%96%B0%E8%A6%8F%E3%83%A6%E3%83%BC%E3%82%B6%E3%81%ABsudo%E3%81%AE%E6%A8%A9%E9%99%90%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B/

JavaScriptでhtmlのページにパラメーターを追加して更新する方法

JavaScriptでhtmlのページをリフレッシュする方法

var url = window.location.href;    
if (url.indexOf('?') > -1){
   url += '&param=1'
}else{
   url += '?param=1'
}
window.location.href = url;

参考
http://stackoverflow.com/questions/5997450/append-to-url-and-refresh-page

mysqldumpでエラーを無視して実行する方法

mysqldumpでエラーを無視して実行する方法

-f, --force         Continue even if we get an sql-error.

参考
http://serverfault.com/questions/302151/how-do-i-ignore-errors-with-mysqldump

jsessionidを表示しないようにTomcatを設定するには？

jsessionidをURLに表示しないようにTomcatを設定するには？

web.xml

<!-- Disable the URL based jsessionid. -->

<session-config>

  <tracking-mode>COOKIE</tracking-mode>

</session-config>

参考
http://stackoverflow.com/questions/11327631/remove-jsessionid-from-url

mysqldumpでダンプを圧縮して実行する方法

ダンプ
% mysqldump <mysqldump options> | gzip outputfile.sql.gz

リストア
% gunzip < outputfile.sql.gz | mysqldump <mysqldump options>


参考
http://www.ducea.com/2006/10/28/compressing-mysqldump-output/

Spring MVCでファイルアップロードのやり方

Spring MVCでファイルアップロードのやり方は、必要最低限以下の設定でできる。

1. POMにApache Commons FileUploadとIOを付け足す

 <!-- Apache Commons FileUpload --> 
 <dependency>
  <groupId>commons-fileupload</groupId>
  <artifactId>commons-fileupload</artifactId>
  <version>1.3.1</version>
 </dependency>
 
 <!-- Apache Commons IO --> 
 <dependency>
  <groupId>commons-io</groupId>
  <artifactId>commons-io</artifactId>
  <version>2.4</version>
 </dependency>

２．JSPのformタグ

<form method="POST" action="uploadFile" enctype="multipart/form-data">
  File to upload: <input type="file" name="file"><br /> 
  Name: <input type="text" name="name"><br /> <br /> 
  <input type="submit" value="Upload">
</form>

３．CommonsMultipartResolverをSpringの設定ファイルに付け足す

 <beans:bean id="multipartResolver"
  class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
   <!-- setting maximum upload size -->
  <beans:property name="maxUploadSize" value="100000" />

 </beans:bean>

４．コントローラーのインターフェース

@RequestMapping(value = "/uploadFile", method = RequestMethod.POST)
 public @ResponseBody
 String uploadFileHandler(@RequestParam("name") String name,
   @RequestParam("file") MultipartFile file)

参考
http://www.journaldev.com/2573/spring-mvc-file-upload-example-tutorial-single-and-multiple-files