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. 加强树状数组luogu3368

    暴力树状数组30分,这该怎么办: 知识点回顾 差分数组中 开头结尾改变了值之后 求他的前缀,发现区间内所有数都改变 然后我们做差分树状数组 #include<cstdio> using n ...

  2. HDU3652 B-number(数位DP)题解

    思路: 这里的状态分为3种,无13和末尾的1,无13且末尾为1,有13,然后DFS 等我搞清楚数位DP就来更新Orz 代码: #include<iostream> #include< ...

  3. BZOJ1307: 玩具 单调队列

    Description 小球球是个可爱的孩子,他喜欢玩具,另外小球球有个大大的柜子,里面放满了玩具,由于柜子太高了,每天小球球都会让妈妈从柜子上拿一些玩具放在地板上让小球球玩. 这天,小球球把所有的N ...

  4. 【Coursera】Security Introduction -Eighth Week(1)

    Security Introduction People With Bad Intent 今天,Bob 向 Alice 发送了一条 "Hello,Allice!" 的信息,他们希望 ...

  5. UVa 1631 密码锁

    https://vjudge.net/problem/UVA-1631 题意: 有一个n位密码锁,每位都是0~9,可以循环旋转.每次可以让1~3个相邻数字同时往上或者往下转一格.输入初始状态和终止状态 ...

  6. UVa 116 单向TSP(多段图最短路)

    https://cn.vjudge.net/problem/UVA-116 题意:给出m行n列的整数矩阵,从第一列任何一个位置出发每次往右,右上或右下走一格,最终到达最后一列,要求经过的整数之和最小. ...

  7. AngularJS监听路由变化

    使用AngularJS时,当路由发生改变时,我们需要做某些处理,此时可以监听路由事件,常用的是$routeStartChange, $routeChangeSuccess.完整例子如下: <!D ...

  8. go下载安装

    https://studygolang.com/dl 一直下一步即可.

  9. C++ Boost在VS2015中的使用

    1.下载包 目录结构: 切换到上面的目录,然后运行 bootstrap.bat 执行完毕后会生成两个exe文件 继续执行 bjam.exe 结束后,目录如下 2.设置路径 测试 #include &q ...

  10. Jenkins + Ant + Jmeter 对项目的接口进行CI持续集成的配置 外加发送邮件 sendEmail

    Step1:安装Jenkins,从指定git上拉代码[安装步骤忽略] Step2:在项目安装的linux server上安装Ant 和Jmeter,我都安装在了自己的目录上,如下图 Step3:编写b ...