IDE编程环境

Vim配置及说明——IDE编程环境

目录

• Vim配置及说明——IDE编程环境
  • 1、基本及字体
  • 2、插件管理
  • 3、主题风格
  • 4、窗口设置
  • 5、目录树导航
  • 6、标签导航
  • 7、taglist
  • 8、多文档编辑
  • 9、文件搜索
  • 10、美化状态栏
  • 11、括号匹配高亮
  • 12、可视化缩进
  • 13、标志无效空格
  • 14、快速移动
  • 15、括号匹配跳转
  • 16、自动补全
  • 17、宏定义补全
  • 18、快速加减注释
  • 19、快速加环绕符
  • 20、自动括号补全
  • 21、代码对齐
  • 22、静态代码分析
  • 23、快速跳转到TODO列表
  • 24、*
  • 25、多光标批量操作
  • 26、python语法高亮
  • 27、其他说明

想起几年前第一次在Linux上面用vim(当时刚从Windows转到Linux下编程),第一印象就是怎么这么麻烦，界面还这么丑,各种不方便,对着vimtutor练习了一下午。当时满脑子怀念Window下的VS的各种方便，后来搜到吴垠的《手把手教你把Vim改装成一个IDE编程环境》,让我顿时欣喜了一番，感觉看到了曙光，又对着他的教程捣鼓折腾了几天后感觉vim好用了些，但还是不尽人意，感觉没VS方便,尤其是代码的自动补全方面，而且很多命令都要记，隔一段时间不用就忘记了。

但是经过不断捣鼓折腾，现在我再也离不开vim了，在Windows下我也用vim。只有坚持使用一段时间vim，选好自己喜欢的插件，你一定会对vim爱不释手的。言归正传，下面是我的配置。

上张效果图：

1、基本及字体

对于用惯了Windows下ctrl+s一键保存的人是不是对与vim中在命令行下:w的保存方式很不习惯？

在.vimrc中加入如下配置，你可以使用\s一键保存

" \s 一键保存
func! SaveFile()
    exec "w"
endfunc
map  <leader>s :call SaveFile()<CR>
imap <leader>s <ESC>:call SaveFile()<CR>
vmap <leader>s <ESC>:call SaveFile()<CR>

安装字体Monaco

默认字体不好看，挑个自己喜欢的，前提是你得先安装好该字体。我喜欢Monaco字体，美观，对中文支持也很好。

下面是找到的安装过程，亲自验证。

• 首先在https://github.com/cstrap/monaco-font 这个网址下载Monaco字体
• 使用命令 unzip monaco-font-master解压压缩包
• 切换到monaco-font-master目录中，修改脚本文件权限chmod +x install-font.sh
• 执行脚本文件sudo ./install-font.sh

2、插件管理

插件[ gmarik/vundle]

推荐等级：★★★★★

vim 的各插件打包文档中通常也包含doc、plugin子目录，用户将插件打包文档中的对应子目录拷贝至.vim/目录中即可完成安装，但插件一多将混乱不堪，会出现名字冲突，卸载麻烦（有时分不清那个文件对应哪个插件，自己也不清楚到底安装了哪些插件）等问题。

vundle可以帮我们解决这些问题。

通过使用vundle来安装新的插件也及其方便:

1. 可以去GIT，也可以去Vim Scripts查找并选好你想要的插件。
2. 在VIM的配置文件中写一句 Bundle plugin_name；
3. 执行一下Vundle的初始化命令，插件就装好了；
   • 升级和卸载也是同样的简单；

Bundle 支持的格式有三种：

第一种是一个普通的字符串，就是 vim 插件页面里左上角的插件名字，如果插件名有空格，使用 - 替换。

第二种是github帐号/项目名。

第三种就是git repository

具体可查看vbundle的帮助文档。

3、主题风格

一套好的配色方案绝对会影响你的编码效率,vim 内置了 10 多种配色方案供你选择

GUI 下,可以通过菜单(Edit -> Color Scheme)试用不同方案,字符模式下,需要你手工调整配置信息,再重启 vim 查看效果(csExplorer 插件,可在字符模式下不用重启即可查看效果)。 还不满意,可以在VIM Color Scheme Test - C这里选择自己喜欢的配色方案

目前用得最多的是下面三种配色方案：

• solarized 推荐等级：★★★★★
• molokai 推荐等级：★★★★★
• phd 推荐等级：★★★★☆

我的配置如下:

" 主题 solarized
Bundle 'altercation/vim-colors-solarized'
"let g:solarized_termcolors=256
let g:solarized_termtrans=1
let g:solarized_contrast="normal"
let g:solarized_visibility="normal"
" 主题 molokai
Bundle 'tomasr/molokai'
let g:molokai_original = 1
" 配色方案
set background=dark
set t_Co=256
if g:isGUI
    colorscheme solarized
    "colorscheme molokai
    "colorscheme phd
else
    "colorscheme solarized
    colorscheme molokai
    "colorscheme phd
endif

其中，不同主题都有暗/亮色系之分，这样三种主题六种风格，久不久换一换，给你不一样的心情

4、窗口设置

编辑器界面展示的应全是代码,不应该有工具条、菜单、滚动条浪费空间的元素,配置如下：

if g:isGUI      " 使用GUI界面时的设置
    set guioptions+=c        " 使用字符提示框
    set guioptions-=m        " 隐藏菜单栏
    "set guioptions-=T        " 隐藏工具栏
    set guioptions-=L        " 隐藏左侧滚动条
    "set guioptions-=r        " 隐藏右侧滚动条
    set guioptions-=b        " 隐藏底部滚动条
    "set showtabline=0       " 隐藏Tab栏
    set cursorline           " 突出显示当前行
endif

我们把 vim 弄成全屏模式。vim 自身无法实现全屏,必须借助第三方工具wmctrl, 一个控制窗口XYZ坐标、窗口尺寸的命令行工具。先自行安装wmctrl(sudo apt-get install wmctrl) ,再在.vimrc中增加如下信息:

    fun! ToggleFullscreen()		" 将外部命令 wmctrl 控制窗口最大化的命令行参数封装成一个 vim 的函数
        call system("wmctrl -ir " . v:windowid . " -b toggle,fullscreen")
    endf
    map <silent> <F11> :call ToggleFullscreen()<CR>	" 全屏开/关快捷键
    autocmd VimEnter * call ToggleFullscreen()	" 启动 vim 时自动全屏

5、目录树导航

插件:vim-scripts/The-NERD-tree

推荐等级：★★★★★

nerd-tree插件可以查看文件列表，要打开哪个文件,光标选中后回车即可在新 buffer 中打开。

配置如下：

"目录文件导航
Bundle 'scrooloose/nerdtree'
" \nt                 打开nerdree窗口，在左侧栏显示
nmap <leader>nt :NERDTree<CR>
let NERDTreeHighlightCursorline=1
let NERDTreeIgnore=[ '\.pyc$', '\.pyo$', '\.obj$', '\.o$', '\.so$', '\.egg$', '^\.git$', '^\.svn$', '^\.hg$' ]
let g:netrw_home='~/bak'
"close vim if the only window left open is a NERDTree
autocmd bufenter * if (winnr("$") == 1 && exists("b:NERDTreeType") && b:NERDTreeType == "primary") | q | end

6、标签导航

majutsushi/tagbar

推荐等级：★★★★★

• tagbar按作用域归类不同的标签。按名字空间 n_foo、类 Foo 进行归类,在内部有声明、有定义;
• 显示标签类型。名字空间、类、函数等等;
• 显示完整函数原型;
• 图形化显示共有成员(+)、私有成员(-)、保护成员(#);

配置如下：

"标签导航，纬度和taglist不同
Bundle 'majutsushi/tagbar'
nmap <leader>tb :TagbarToggle<CR>  " \tb 打开tagbar窗口
let g:tagbar_autofocus = 1

7、taglist

vim-scripts/taglist.vim

推荐等级：★★★★☆

在vimrc中配置如下：

Bundle 'vim-scripts/taglist.vim'
" \tl                 打开Taglist/TxtBrowser窗口，在右侧栏显示
nmap <leader>tl :Tlist<CR><c-l>
" :Tlist              调用TagList
let Tlist_Show_One_File        = 1             " 只显示当前文件的tags
let Tlist_Exit_OnlyWindow      = 1             " 如果Taglist窗口是最后一个窗口则退出Vim
let Tlist_Use_Right_Window     = 1             " 在右侧窗口中显示
let Tlist_File_Fold_Auto_Close = 1             " 自动折叠
"let Tlist_Sort_Type = "name"                   " items in tags sorted by name

8、多文档编辑

插件fholgado/minibufexpl.vim

推荐等级：★★★★★

vim 的多文档编辑涉及三个概念：buffer、window、tab，这三个事物与我们常规理 解意义大相径庭。vim 把加载进内存的文件叫做 buffer，buffer 不一定可见；若要 buffer 要可见，则必须通过 window 作为载体呈现；同个看面上的多个 window 组合成 一个 tab。vim 中每打开一个文件，vim 就对应创建一个 buffer，多个文件就有多个 buffer，但默认你只看得到最后 buffer 对应的 window

vimrc中配置如下：

Bundle 'fholgado/minibufexpl.vim'
" 多文件切换，也可使用鼠标双击相应文件名进行切换
let g:miniBufExplMapWindowNavVim    = 1
let g:miniBufExplMapWindowNavArrows = 1
let g:miniBufExplMapCTabSwitchBufs  = 1
let g:miniBufExplModSelTarget       = 1
"解决FileExplorer窗口变小问题
let g:miniBufExplForceSyntaxEnable = 1
let g:miniBufExplorerMoreThanOne=2
let g:miniBufExplCycleArround=1
" buffer 切换快捷键，默认方向键左右可以切换buffer
map <C-Tab> :MBEbn<cr>
map <C-S-Tab> :MBEbp<cr>

9、文件搜索

插件:kien/ctrlp.vim

推荐等级：★★★★☆

CtrlP会沿着vim打开的目录一直向上查找类似.git/.svn等这样的项目管理的目录，如果找到则将这个作为项目的根目录 vimrc中配置如下：

"for file search ctrlp, 文件搜索
Bundle 'kien/ctrlp.vim'
" 打开ctrlp搜索
let g:ctrlp_map = '<leader>ff'
let g:ctrlp_cmd = 'CtrlP'
" 相当于mru功能，show recently opened files
map <leader>fp :CtrlPMRU<CR>
"set wildignore+=*/tmp/*,*.so,*.swp,*.zip     " MacOSX/Linux"
let g:ctrlp_custom_ignore = {
    \ 'dir':  '\v[\/]\.(git|hg|svn|rvm)$',
    \ 'file': '\v\.(exe|so|dll|zip|tar|tar.gz)$',
    \ }
"\ 'link': 'SOME_BAD_SYMBOLIC_LINKS',
let g:ctrlp_working_path_mode=0
let g:ctrlp_match_window_bottom=1
let g:ctrlp_max_height=15
let g:ctrlp_match_window_reversed=0
let g:ctrlp_mruf_max=500
let g:ctrlp_follow_symlinks=1

10、美化状态栏

插件：Lokaltog/vim-powerline

推荐等级：★★★★☆

状态栏增强展示,通过本插件,增强后的状态栏，不仅界面漂亮多了，而且多 了好些辅助信息（所在函数名、文件编码格式、文件类型）。 vimrc中配置如下：

Bundle 'Lokaltog/vim-powerline'
"if want to use fancy,need to add font patch -> git clone git://gist.github.com/1630581.git ~/.fonts/ttf-dejavu-powerline
"let g:Powerline_symbols = 'fancy'
let g:Powerline_symbols = 'unicode'

11、括号匹配高亮

插件：kien/rainbow_parentheses.vim

推荐等级：★★★★☆

括号显示增强 vimrc中配置如下：

Bundle 'kien/rainbow_parentheses.vim'
let g:rbpt_colorpairs = [
    \ ['brown',       'RoyalBlue3'],
    \ ['Darkblue',    'SeaGreen3'],
    \ ['darkgray',    'DarkOrchid3'],
    \ ['darkgreen',   'firebrick3'],
    \ ['darkcyan',    'RoyalBlue3'],
    \ ['darkred',     'SeaGreen3'],
    \ ['darkmagenta', 'DarkOrchid3'],
    \ ['brown',       'firebrick3'],
    \ ['gray',        'RoyalBlue3'],
    \ ['black',       'SeaGreen3'],
    \ ['darkmagenta', 'DarkOrchid3'],
    \ ['Darkblue',    'firebrick3'],
    \ ['darkgreen',   'RoyalBlue3'],
    \ ['darkcyan',    'SeaGreen3'],
    \ ['darkred',     'DarkOrchid3'],
    \ ['red',         'firebrick3'],
    \ ]
let g:rbpt_max = 40
let g:rbpt_loadcmd_toggle = 0

12、可视化缩进

插件：nathanaelkane/vim-indent-guides

推荐等级：★★★★☆

可视化的方式能将相同缩进的代码关联起来。 显可视化缩进,示对齐线。 vimrc中配置如下：

Bundle 'nathanaelkane/vim-indent-guides'
let g:indent_guides_enable_on_vim_startup = 0  " 默认关闭
let g:indent_guides_guide_size            = 1  " 指定对齐线的尺寸
let g:indent_guides_start_level 	  = 2  " 从第二层开始可视化显示缩进
" \ig 打开/关闭 vim-indent-guides

13、标志无效空格

bronson/vim-trailing-whitespace

推荐等级：★★★★★

将代码行最后无效的空格标红

vimrc中配置如下：

"for show no user whitespaces
Bundle 'bronson/vim-trailing-whitespace'
map <leader><space> :FixWhitespace<cr>	" \+space去掉末尾空格

14、快速移动

插件:Lokaltog/vim-easymotion

推荐等级：★★★★★

效率提升杀手锏，跳转到光标后任意位置

vimrc中配置如下：

"更高效的移动 // + w/f/l
Bundle 'Lokaltog/vim-easymotion'

15、括号匹配跳转

插件：vim-scripts/matchit.zip

推荐等级：★★★☆☆

匹配成对的标签，在()、""、甚至HTML标签之间快速跳转,快捷键为% vimrc中配置如下：

Bundle 'vim-scripts/matchit.zip'

16、自动补全

插件：Valloric/YouCompleteMe

推荐等级：★★★★★

强烈推荐 Ubuntu13.04配置YCM可参考这里

17、宏定义补全

插件：SirVer/ultisnips

推荐等级：★★★★★

配合YCM使用，双剑合璧,方便快捷，强烈推荐

开发时,我经常要输入相同的代码片断,比如 if-else、switch 语句,ultisnips可以快速插入我们自定义的代码片段,实现高效补全。 UltiSnips 预定义了几十种语言常用的代码模板,位于~/.vim/bundle/UltiSnips/UltiSnips/,UltiSnips 有一套自己的代码模板语法规则。 vimrc中配置如下：

"快速插入代码片段
Bundle 'SirVer/ultisnips'
let g:UltiSnipsExpandTrigger = "<tab>"
let g:UltiSnipsJumpForwardTrigger = "<tab>"
let g:UltiSnipsJumpBackwardTrigger="<s-tab>"
"定义存放代码片段的文件夹 .vim/snippets下，使用自定义和默认的，将会的到全局，有冲突的会提示
let g:UltiSnipsSnippetDirectories=["snippets", "bundle/ultisnips/UltiSnips"]

18、快速加减注释

插件：scrooloose/nerdcommenter

推荐等级：★★★★★

快速批量注释,方便好用

常用操作：

• <leader>cc，注释当前选中文本，如果选中的是整行则在每行首添加 //，如果选中

一行的部分内容则在选中部分前后添加分别 /、/；

• <leader>cu，取消选中文本块的注释。

更多内容见帮助文档。

Bundle 'scrooloose/nerdcommenter'
let NERDSpaceDelims = 1

19、快速加环绕符

tpope/vim-surround 详情见帮助文档 配合使用增强版命令重复 [https://github.com/tpope/vim-repeat| pope/vim-repeat ] vimrc中配置如下：

Bundle 'tpope/vim-surround'
"for repeat -> enhance surround.vim, . to repeat command
Bundle 'tpope/vim-repeat'

20、自动括号补全

插件：Raimondi/delimitMate

推荐等级：★★★★☆

vimrc中配置如下：

"自动补全单引号，双引号等
Bundle 'Raimondi/delimitMate'
" for python docstring ",优化输入
au FileType python let b:delimitMate_nesting_quotes = ['"']

21、代码对齐

插件：godlygeek/tabular

推荐等级：★★★★★

vimrc中配置如下：

"for code alignment
Bundle 'godlygeek/tabular'
" \bb                 按=号对齐代码 [Tabular插件]
nmap <leader>bb :Tab /=<CR>
" \bn                 自定义对齐    [Tabular插件]
nmap <leader>bn :Tab /

22、静态代码分析

插件：scrooloose/syntastic

推荐等级：★★★★☆

syntastic是一款支持多语言的实时语法检查插件。在 syntastic 的作用下，编码中、编译前，所有语法错误都将被抓出来并 呈现给你。

vimrc中配置如下：

" 使用pyflakes,速度比pylint快
Bundle 'scrooloose/syntastic'
let g:syntastic_error_symbol = '✗'	"set error or warning signs
let g:syntastic_warning_symbol = '⚠'
let g:syntastic_check_on_open=1
let g:syntastic_enable_highlighting = 0
"let g:syntastic_python_checker="flake8,pyflakes,pep8,pylint"
let g:syntastic_python_checkers=['pyflakes']
"highlight SyntasticErrorSign guifg=white guibg=black

let g:syntastic_cpp_include_dirs = ['/usr/include/']
let g:syntastic_cpp_remove_include_errors = 1
let g:syntastic_cpp_check_header = 1
let g:syntastic_cpp_compiler = 'clang++'
let g:syntastic_cpp_compiler_options = '-std=c++11 -stdlib=libstdc++'
let g:syntastic_enable_balloons = 1	"whether to show balloons

23、快速跳转到TODO列表

插件：vim-scripts/TaskList.vim

推荐等级：★★★★☆

查看并快速跳转到代码中的TODO列表。重构代码时一般通读,标记修改位置,非常实用

vimrc中配置如下：

Bundle 'vim-scripts/TaskList.vim'
map <leader>td <Plug>TaskList

24、*

插件：vim-scripts/vimwiki

推荐等级：★★★★☆

vim下的*,我的博客就是用vimwiki写的。

vimrc中配置如下:

Bundle 'vim-scripts/vimwiki'
let g:vimwiki_w32_dir_enc     = 'utf-8' " 设置编码
let g:vimwiki_use_mouse       = 1       " 使用鼠标映射
let g:vimwiki_valid_html_tags = 'a,img,b,i,s,u,sub,sup,br,hr,div,del,code,red,center,left,right,h1,h2,h3,h4,h5,h6,pre,script,style'
                                        " 声明可以在wiki里面使用的HTML标签
" 对中文用户来说，我们并不怎么需要驼峰英文成为维基词条
let g:vimwiki_camel_case = 0

let blog = {}
if g:isWIN
    if g:atCompany
        let blog.path          = 'D:/Files/Files/mysite/wiki/'
        let blog.path_html     = 'D:/Files/Files/mysite/html/'
        let blog.template_path = 'D:/Files/Files/mysite/templates/'
        let blog.nested_syntaxes = {'python': 'python', 'c++': 'cpp'}
    else
        let blog.path          = 'D:/Files/mysite/wiki/'
        let blog.path_html     = 'D:/Files/mysite/html/'
        let blog.template_path = 'D:/Files/mysite/templates/'
        let blog.nested_syntaxes = {'python': 'python', 'c++': 'cpp'}
    endif
else
    let blog.path          = '~/mysite/wiki/'
    let blog.path_html     = '~/mysite/html/'
    let blog.template_path = '~/mysite/templates/'
endif
let blog.template_default  = 'site'
let blog.template_ext      = '.html'
let blog.auto_export       = 1

let g:vimwiki_list = [blog]

25、多光标批量操作

插件：terryma/vim-multiple-cursors

推荐等级：★★★☆☆

vimrc中配置如下：

"for mutil cursor
Bundle 'terryma/vim-multiple-cursors'
let g:multi_cursor_use_default_mapping=0
" Default mapping
let g:multi_cursor_next_key='<C-m>'
let g:multi_cursor_prev_key='<C-p>'
let g:multi_cursor_skip_key='<C-x>'
let g:multi_cursor_quit_key='<Esc>'

26、python语法高亮

"python syntax highlight
Bundle 'hdima/python-syntax'
let python_highlight_all = 1

27、其他说明

在我的vimrc中使用了ctags，需要安装

sudo apt-get install ctags

Eclipse中Maven+Spring3.2.8+SpringMVC HelloWorld项目

本文适合有一定spring和springmvc基础，并想使用Maven管理项目的人。

源码打包：http://pan.baidu.com/s/1hqurUcs

转载请声明出处（http://www.cnblogs.com/csonezp/）

准备工作

确保你的eclipse已经整合M2E插件，即新建项目有Maven选项。不要用Eclipse自带的Maven，在设置中将本地Maven添加进去。

我的Maven本地库备份：http://pan.baidu.com/s/1o6yj0Gq

里面基本包含所有Spring，Hibernate，Struts需要用到的依赖。下载后解压到自己的.m2文件夹中即可。

建立项目

在Eclipse中新建一个Maven项目，Select Archetype时选择maven-archetype-webapp。

修改pom.xml，最终结果如下：

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>zp.maven</groupId>
    <artifactId>test</artifactId>
    <packaging>war</packaging>
    <version>0.0.1-SNAPSHOT</version>
    <name>test Maven Webapp</name>
    <url>http://maven.apache.org</url>
    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.7</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>jstl</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>

        <dependency>
            <groupId>taglibs</groupId>
            <artifactId>standard</artifactId>
            <version>1.1.2</version>
        </dependency>

        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-web</artifactId>
            <version>3.2.8.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>3.2.8.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-aspects</artifactId>
            <version>3.2.8.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-orm</artifactId>
            <version>3.2.8.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjrt</artifactId>
            <version>1.6.12</version>
        </dependency>

        <dependency>
            <groupId>org.hibernate</groupId>
            <artifactId>hibernate-core</artifactId>
            <version>4.3.4.Final</version>
        </dependency>

        <dependency>
            <groupId>commons-pool</groupId>
            <artifactId>commons-pool</artifactId>
            <version>1.6</version>
        </dependency>

        <dependency>
            <groupId>c3p0</groupId>
            <artifactId>c3p0</artifactId>
            <version>0.9.1</version>
        </dependency>

        <dependency>
            <groupId>commons-pool</groupId>
            <artifactId>commons-pool</artifactId>
            <version>1.6</version>
        </dependency>
        <dependency>
            <groupId>cglib</groupId>
            <artifactId>cglib</artifactId>
            <version>2.2.2</version>
        </dependency>

        <dependency>
            <groupId>commons-dbcp</groupId>
            <artifactId>commons-dbcp</artifactId>
            <version>1.4</version>
        </dependency>
        <dependency>
            <groupId>commons-dbcp</groupId>
            <artifactId>commons-dbcp</artifactId>
            <version>1.4</version>
        </dependency>
        <dependency>
            <groupId>javaee</groupId>
            <artifactId>javaee-api</artifactId>
            <version>5</version>
        </dependency>
    </dependencies>
    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <configuration>
                    <source>1.6</source>
                    <target>1.6</target>
                </configuration>
            </plugin>
        </plugins>
        <finalName>test</finalName>
    </build>
</project>

dependences标签中是spring和hibernate需要用的的所有依赖，其中javaee-api可以换成 javax:javaee-web-api:6.0。build标签中是将项目设为java1.6编译。

然后，用资源管理器打开项目的根目录中的.setting文件夹，修改其中的org.eclipse.wst.common.project.facet.core.xml文件，改为：

<?xml version="1.0" encoding="UTF-8"?>
<faceted-project>
  <fixed facet="wst.jsdt.web"/>
  <installed facet="java" version="1.6"/>
  <installed facet="jst.web" version="3.0"/>
  <installed facet="wst.jsdt.web" version="1.0"/>
</faceted-project>

此时项目即设置为servlet3.0的web项目。

重启eclipse，更新项目（右键点项目-maven-update project）。

下面的部分是从网上复制的，不想打了。其中add source folder可以换成在build path的source选项卡中修改。

--------------------------------------------分割线-----------------------------------------------------

2、配置Maven项目

接下来就需要更改好多配置了。

2.1 添加Source文件夹

接下来需要添加src/main/java，src/test/java ，src/test/resources三个文件夹。右键项目根目录点击New -> Source Folder，

建出这三个文件夹。注意不是建普通的Folder，而是Source Folder。

2.2 更改class路径

右键项目，Java Build Path -> Source

下面应该有4个文件夹。src/main/java，src/main/resources，src/test/java ，src/test/resources。

双击每个文件夹的Output folder，选择路径。

src/main/java，src/main/resources，选择target/classes;

src/test/java ，src/test/resources, 选择target/test-classes;

选上Allow output folders for source folders.

--------------------------------------------分割线-----------------------------------------------------

此时Maven Web项目基本骨架已经完成，下面要进行的就是开发部分了。

首先，要修改Web.xml文件（位于webapp/WEB-INF下），最终结果如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

  <display-name>Archetype Created Web Application</display-name>
  <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>
            classpath:spring-config.xml
        </param-value>
    </context-param>

    <listener>
        <listener-class>
            org.springframework.web.context.ContextLoaderListener
        </listener-class>
    </listener>
    <!-- Spring配置文件结束 -->

    <filter>
        <filter-name>Encoding</filter-name>
        <filter-class>
            org.springframework.web.filter.CharacterEncodingFilter
        </filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>Encoding</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <!-- Spring MVC配置开始 -->
    <servlet>
        <servlet-name>spring</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring-servlet.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>spring</servlet-name>
        <url-pattern>*.html</url-pattern>
    </servlet-mapping>
    <!-- Spring MVC配置结束-->
</web-app>

其中涉及的Spring和SpringMVC设置均为个人喜好，你可以根据自己的习惯更改。其中classpath:spring-config.xml 和classpath:spring-servlet.xml分表指向Spring配置文件和SrpingMVC配置文件的位置，本文中即为两者都在ClassPath下。如果想要跨模块引用，则需将classpath：xxx改为classpath*:XXX。

在src/main/resources下建立classpath:spring-config.xml 文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"
    xmlns:aop="http://www.springframework.org/schema/aop" xmlns:p="http://www.springframework.org/schema/p"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
           http://www.springframework.org/schema/context
           http://www.springframework.org/schema/context/spring-context-3.0.xsd
            http://www.springframework.org/schema/aop
           http://www.springframework.org/schema/aop/spring-aop-3.0.xsd">
    <context:annotation-config />
    <context:component-scan base-package="com.zp.test" >
        <!-- <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/> -->
    </context:component-scan>
</beans>

代码就不多解释了，不懂的再看看spring的基础配置。

在src/main/resources下建立classpath:spring-servlet.xml 文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:p="http://www.springframework.org/schema/p"
    xmlns:context="http://www.springframework.org/schema/context"
    xmlns:util="http://www.springframework.org/schema/util"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemaLocation="
        http://www.springframework.org/schema/util
        http://www.springframework.org/schema/util/spring-util-3.0.xsd
        http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context-3.0.xsd
        http://www.springframework.org/schema/mvc
       http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd" >

         <context:annotation-config />
    <context:component-scan base-package="com.zp.test.controller">
        <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
    </context:component-scan>

        <bean id="defaultViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver" p:order="3">
        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
        <property name="contentType" value="text/html"/>
        <property name="prefix" value="/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

此时Spring和SpringMVC配置已经完成。

然后在src/main/java/YouPackage下建立controller，service，service.impl三个包。

在service包中添加HelloWorldService接口

package com.zp.test.service;
public interface HelloWorldService {
     public String getNewName(String userName);
}

service.impl中添加HelloWorldServiceImpl类

package com.zp.test.service.impl;

import org.springframework.stereotype.Service;

import com.zp.test.service.HelloWorldService;

@Service
public class HelloWorldServiceImpl implements HelloWorldService {

    @Override
    public String getNewName(String userName) {
        return "hello spring!"+userName;
    }

}

此服务的功能就是将传过来的参数前面加上Hello spring。

controller中添加HelloWorldController类

package com.zp.test.controller;

import javax.servlet.http.HttpServletRequest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import com.zp.test.service.HelloWorldService;

@Controller
public class HelloWorldController {
     @Autowired
     private HelloWorldService helloWorldService;

     @RequestMapping("helloworld")
     public String getNewName(@RequestParam("userName") String userName, HttpServletRequest request){

            String newUserName = helloWorldService.getNewName(userName);

            request.setAttribute("newUserName", newUserName);

            return "helloworld";

     }

}

控制器作用是将httprequest传过来的参数通过HelloWorldService加上hello spring后返回给helloworld.jsp，由其显示出来。

后台部分完成。

前台：

index.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="helloworld.html" method="post">

请输入姓名：<input type="text" name="userName" />

<input type="submit" value="提交" />

<br />

</form>
</body>
</html>

helloworld.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1><%=request.getAttribute("newUserName")%></h1>
</body>
</html>

两者都在webapp根目录下建立。

项目完成，run on service或者打包发布到本地tomcat即可运行。

 

分类: vim