FocusSNS是一个社交类型的网站架构

系统的加载过程

所有的分发都从RouteController开始

 @RequestMapping(value={"/", "/home"}, method=RequestMethod.GET)
public String route0() {
return "page:dashboards?path=/home";
}
@RequestMapping(value={"/", "/home"}表示的是url路径,也就是一开始打开的主页(上面的图片)
返回的路径表示对应的文件路径
WEB-INF/pages/dashboards.xml
这个页面就是我们看到的主页的XML配置
 <?xml version="1.0" encoding="UTF-8"?>
<pages>
<page parent="parent/global" path="/home">
<placeholder name="mainColumn">
<widget name="eventWidget" path="/calendar/event/upcoming-view"
cache="60">
<title>即将到来的活动</title>
<prefs>
<limit>10</limit>
<categoryCodes>people,groups</categoryCodes>
</prefs>
</widget>
<widget name="topicWidget" path="/discussion/topic/recent-view">
<title>最新讨论</title>
<prefs>
<limit>10</limit>
<categoryCodes>people,groups</categoryCodes>
</prefs>
</widget>
<widget name="postWidget" path="/blog/post/recent-view">
<title>最新博文</title>
<prefs>
<limit>10</limit>
<categoryCodes>people,groups</categoryCodes>
</prefs>
</widget>
</placeholder>
<placeholder name="rightColumn">
<widget name="userWidget" path="/system/user/login-view">
<title>登录</title>
</widget>
<widget name="activityWidget" path="/stream/activity/recent-view">
<title>说了些什么...</title>
<prefs>
<limit>5</limit>
<activityTypes>user-input</activityTypes>
</prefs>
</widget>
<widget name="questionWidget" path="/knowledge/question/recent-view">
<title>问了些什么...</title>
<prefs>
<limit>5</limit>
<categoryCodes>people,groups</categoryCodes>
</prefs>
</widget>
</placeholder>
</page> <page parent="parent/global" path="/people">
<placeholder name="leftColumn">
<widget name="menuWidget" path="/system/menu/custom-menu">
<prefs>
<userRequired>true</userRequired>
<items><![CDATA[
${base}/people/all=所有成员
]]></items>
</prefs>
</widget>
<widget name="profileSearchWidget" path="/search/profile/form-view">
<title>搜索</title>
</widget>
</placeholder>
<placeholder name="mainColumn">
<widget name="profileWidget" path="/profile/profile/list-view">
<title>成员列表</title>
<prefs>
<categoryCode>people</categoryCode>
</prefs>
</widget>
</placeholder>
</page> <page parent="parent/global" path="/groups">
<placeholder name="leftColumn">
<widget name="menuWidget" path="/system/menu/custom-menu">
<prefs>
<userRequired>true</userRequired>
<items><![CDATA[
${base}/groups/form=添加圈子
${base}/groups/all=所有圈子
]]></items>
</prefs>
</widget>
<widget name="profileSearchWidget" path="/search/profile/form-view">
<title>搜索</title>
</widget>
</placeholder>
<placeholder name="mainColumn">
<widget name="profileWidget" path="/profile/profile/list-view">
<title>圈子列表</title>
<prefs>
<categoryCode>groups</categoryCode>
</prefs>
</widget>
</placeholder>
</page>
</pages>

可以看下最新博文

             <widget name="postWidget" path="/blog/post/recent-view">
<title>最新博文</title>
<prefs>
<limit>10</limit>
<categoryCodes>people,groups</categoryCodes>
</prefs>
</widget>
postWidget对应的类,
/blog/post/recent-view表示对应的url

这个是通过spring的注释标识的
 @Widget
@RequestMapping("/blog/post")
public class PostWidget { private LinkService linkService;
private PostService postService;
private StatisticService statisticService;
private CommentService commentService;
private PostCategoryService postCategoryService; .........
@RequestMapping("/recent-view")
public String doRecentView(Page<Post> page,
@PrefParam(required=false) String categoryCodes, @RequestAttr Project project, Model model) {
page.setPageNo(1);
page.desc("p.entered");
if(StringUtils.isNotBlank(categoryCodes)) {
List<String> codes = Arrays.asList(StringUtils.split(categoryCodes, ",")); .........
}

第二行的/blog/post和12行的/recent-view合起来就是XML中的path,

上面的函数返回值是一个字符串:

return "blog/post-recent";

这个字符串就是后面要加载的freemaker文件:WEB-INF/views/blog/post-recent.ftl

同样的,通过同样的方式加载其他的Widget,就可以拼成整个的页面。




focusSNS学习笔记的更多相关文章

  1. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  2. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  3. PHP-会员登录与注册例子解析-学习笔记

    1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

  4. 2014年暑假c#学习笔记目录

    2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...

  5. JAVA GUI编程学习笔记目录

    2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...

  6. seaJs学习笔记2 – seaJs组建库的使用

    原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...

  7. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

  8. HTML学习笔记

    HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...

  9. DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记

    今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...

随机推荐

  1. 51nod 1266 蚂蚁

    蚂蚁这道题 就是 不管两只蚂蚁相撞  他们会朝自己的反方向走 不过可以这么想  有蚂蚁1 和 蚂蚁2   并且相向而行 如果撞了以后 蚂蚁1和蚂蚁2 就往回走   ,这里可以理解成蚂蚁1,蚂蚁2 继续 ...

  2. Facebook广告API系列 Business Manager

    Facebook广告API系列 Business Manager Business Manager,是个很牛叉的东西,有多牛叉呢? 因为facebook已经越来越商业化了,上面的每个账号,页面,往往都 ...

  3. MVC ---- T4(1)

    T4 模板编辑插件:tangibleT4EditorPlusModellingToolsVS2012.msi 下载地址:http://t4-editor.tangible-engineering.co ...

  4. hdu 2874 Connections between cities 带权lca判是否联通

    Connections between cities Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 32768/32768 K (J ...

  5. linux设置端口转发(一键设置)

    linux设置端口转发 #下载rinetd程序并进入文件夹 wget http://www.boutell.com/rinetd/http/rinetd.tar.gz&&tar -xv ...

  6. ubuntu 14.04(desktop amd 64) nginx 安装启动停止

    sudo apt-get install nginx 关闭: sudo service nginx stop 启动: sudo nginx

  7. Ubuntu14.04(server amd 64)编译安装 ceres-solver

    文档地址:http://www.ceres-solver.org/installation.html git地址:(需要FQ下载) git clone https://ceres-solver.goo ...

  8. spring boot打war包发布

    由于公司一贯的方式都是将war包布在中间件tomcat下运行 所以这次springboot项目需要打war包 how to? 第一步:pom.xml 文件中,打包方式需要修改成war <pack ...

  9. IDEA配置GIT

    注:此方法可用于配置gitlab也可用于配置github 1.在github中创建一个账号:https://github.com/join?source=header-home 2.下载并安装git: ...

  10. 直接通过OptionalAttribute, DefaultParameterValueAttribute定义缺省参数