AdminLTE

AdminLTE 是一个基于Bootstrap 3.x的免费高级管理控制面板主题。AdminLTE - 是一个完全响应式管理模板。基于Bootstrap3框架。高度可定制的，易于使用。适合从小型移动设备到大型台式机很多的屏幕分辨率。内置了多个页面，包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面。有各种表单、图表、表格插件。

在线预览

项目源码地址

  1. 将Admin的js和CSS文件拷贝到ssm\src\main\webapp\static下，包括bootstrap、dist、dist三个文件夹。
  2. web.xml配置为只拦截*.do，修改Spring MVC servlet的url-pattern
  3. 将AdminLTE中的AdminLTE\pages\examples\blank.html放到项目\src\main\webapp\WEB-INF\jsp\下，重命名为showCountry.jsp
  4. 将页面拆分为通用js与css、header(页面顶部)、sidebar(左侧边栏)、controlbar(右侧控制栏)、footer(页面底部)、content(主页面)五部分。每个页面中不同的部分为content(主页面)，其他部分可以改为通用的。将通用部分放到\src\main\webapp\WEB-INF\common下。
  5. 根据现在的目录结构，修改js和css的访问路径，当前系统路径通过taglibs.jsp中的request.getContextPath()获取。

访问空白页

CountryController中增加空白页的访问函数：

CountryController.java

@RequestMapping("/showBlank")
public String toBlank(HttpServletRequest request,Model model){
  return "showBlank";
}

空白页面访问地址为：http://localhost:8080/ssm/country/showBlank.do

碎碎念

  1. 将页面进行拆分可以减少代码重复量，同时在修改时会比较方便。以后侧边栏要做成通过数据库自动生成的，加入权限管理。

  2. 现在只是引入了空页面，其他页面可以在AdminLTE中看看，了解一下其中的项目组件，然后在设计页面时有更多的选择。

  3. 重新配置了开发环境，java版本从java 6改为java 7，所以需要将pom.xml的javax版本修改为7.0了

  4. 源码参考