如何定制网站信息、登录页、页面布局、主菜单与导航?

网站组成

    可定制的网站内容主要包括：

• 网站信息：如浏览器标题、版权信息等
• 登录页面
• 框架布局中，包含有header、footer、main区：
  • header区包含网站的logo、主菜单
  • footer区主要是版权、联系信息
  • main区又可能分成两种结构：
    • 如果是portal的首页，则仅包含content区
    • 如果是进入到某个板块，则包含左侧导航和content区（列表等）

代码结构

    安装 bro-framework 插件后，默认会在grails工程的 views 下生成一个portal文件夹，里面包含常用的、与页面布局有关的页面模板（如sitemap.gsp）；以及一个PortletController控制器。

    完整的代码可参考 bro-framework，主要包括：

• grails-app/views/login.gsp
  默认的登录页面，login2.gsp，另外一种效果的登录页面，可以通过 xxx 方式来查看效果
• grails-app/views/portal
  • sitemap.gsp
    定义header主菜单的配置文件，一般需自定义，默认安装到工程中
  • index.gsp
    工程首页的布局模板，自适应portal型页面框架与业务型页面框架
  • index_main.gsp、index_main_biz.gsp
    main区的布局容器模板，在index中通过ajax加载，分别为portal型页面框架与业务型页面框架
  • _index_main_homepage.gsp
    portal型页面框架的首页模板，里面包含了一些portlet样例；如采用portal型框架，并且包含一个首页，则需要自定义，默认安装到工程中
  • _index_footer.gsp
    footer区，默认安装到工程中
  • _index_header.gsp、_index_header_biz.gsp
    header区，较少修改，因此默认不安装到工程中，而通过css等方式来控制logo图片、样式等
  • _index_header_nav.gsp
    header区的主菜单，较少修改，因此默认不安装到工程中，而通过css等方式来控制图片、样式等
• views/portal/nav
  main区的左侧导航子页面，按照模块命名，配置在sitemap中
• grails-app/.../PortalController
  整个页面框架的主控制器，通过UrlMapping映射到首页
• grails-app/.../PortletController
  portal型页面框架中的portlet控制器模板，模板中包含了待办、待阅、信息发布等样例
• web-app/css/portal.less
  整个页面框架的主样式表

定制网站信息

定制登录页面

定制Header

定制LOGO

定制主菜单

定制左侧导航

定制Portal

首页

Portlet