focusSNS学习笔记

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

系统的加载过程

所有的分发都从RouteController开始

1 @RequestMapping(value={"/", "/home"}, method=RequestMethod.GET)
2     public String route0() {
3         return "page:dashboards?path=/home";
4     }
@RequestMapping(value={"/", "/home"}表示的是url路径,也就是一开始打开的主页(上面的图片)返回的路径表示对应的文件路径WEB-INF/pages/dashboards.xml这个页面就是我们看到的主页的XML配置

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <pages>
 3     <page parent="parent/global" path="/home">
 4         <placeholder name="mainColumn">
 5             <widget name="eventWidget" path="/calendar/event/upcoming-view"
 6                 cache="60">
 7                 <title>即将到来的活动</title>
 8                 <prefs>
 9                     <limit>10</limit>
10                     <categoryCodes>people,groups</categoryCodes>
11                 </prefs>
12             </widget>
13             <widget name="topicWidget" path="/discussion/topic/recent-view">
14                 <title>最新讨论</title>
15                 <prefs>
16                     <limit>10</limit>
17                     <categoryCodes>people,groups</categoryCodes>
18                 </prefs>
19             </widget>
20             <widget name="postWidget" path="/blog/post/recent-view">
21                 <title>最新博文</title>
22                 <prefs>
23                     <limit>10</limit>
24                     <categoryCodes>people,groups</categoryCodes>
25                 </prefs>
26             </widget>
27         </placeholder>
28         <placeholder name="rightColumn">
29             <widget name="userWidget" path="/system/user/login-view">
30                 <title>登录</title>
31             </widget>
32             <widget name="activityWidget" path="/stream/activity/recent-view">
33                 <title>说了些什么...</title>
34                 <prefs>
35                     <limit>5</limit>
36                     <activityTypes>user-input</activityTypes>
37                 </prefs>
38             </widget>
39             <widget name="questionWidget" path="/knowledge/question/recent-view">
40                 <title>问了些什么...</title>
41                 <prefs>
42                     <limit>5</limit>
43                     <categoryCodes>people,groups</categoryCodes>
44                 </prefs>
45             </widget>
46         </placeholder>
47     </page>
48
49     <page parent="parent/global" path="/people">
50         <placeholder name="leftColumn">
51             <widget name="menuWidget" path="/system/menu/custom-menu">
52                 <prefs>
53                     <userRequired>true</userRequired>
54                     <items><![CDATA[
55                     ${base}/people/all=所有成员
56                     ]]></items>
57                 </prefs>
58             </widget>
59             <widget name="profileSearchWidget" path="/search/profile/form-view">
60                 <title>搜索</title>
61             </widget>
62         </placeholder>
63         <placeholder name="mainColumn">
64             <widget name="profileWidget" path="/profile/profile/list-view">
65                 <title>成员列表</title>
66                 <prefs>
67                     <categoryCode>people</categoryCode>
68                 </prefs>
69             </widget>
70         </placeholder>
71     </page>
72
73     <page parent="parent/global" path="/groups">
74         <placeholder name="leftColumn">
75             <widget name="menuWidget" path="/system/menu/custom-menu">
76                 <prefs>
77                     <userRequired>true</userRequired>
78                     <items><![CDATA[
79                     ${base}/groups/form=添加圈子
80                     ${base}/groups/all=所有圈子
81                     ]]></items>
82                 </prefs>
83             </widget>
84             <widget name="profileSearchWidget" path="/search/profile/form-view">
85                 <title>搜索</title>
86             </widget>
87         </placeholder>
88         <placeholder name="mainColumn">
89             <widget name="profileWidget" path="/profile/profile/list-view">
90                 <title>圈子列表</title>
91                 <prefs>
92                     <categoryCode>groups</categoryCode>
93                 </prefs>
94             </widget>
95         </placeholder>
96     </page>
97 </pages>

可以看下最新博文

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

这个是通过spring的注释标识的
 1 @Widget
 2 @RequestMapping("/blog/post")
 3 public class PostWidget {
 4
 5     private LinkService linkService;
 6     private PostService postService;
 7     private StatisticService statisticService;
 8     private CommentService commentService;
 9     private PostCategoryService postCategoryService;
10
11 .........
12     @RequestMapping("/recent-view")
13     public String doRecentView(Page<Post> page,
14             @PrefParam(required=false) String categoryCodes, @RequestAttr Project project, Model model) {
15         page.setPageNo(1);
16         page.desc("p.entered");
17         if(StringUtils.isNotBlank(categoryCodes)) {
18             List<String> codes = Arrays.asList(StringUtils.split(categoryCodes, ","));
19
20 .........
21 }

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

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

return "blog/post-recent";

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

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


				



				
时间: 11-16

focusSNS学习笔记的相关文章

vector 学习笔记

vector 使用练习: /**************************************** * File Name: vector.cpp * Author: sky0917 * Created Time: 2014年04月27日 11:07:33 ****************************************/ #include <iostream> #include <vector> using namespace std; int main

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详细,自己在看它的文档和代码时写了一些demo和笔记,还有它实现的原理记录一下 学习Caliburn.Micro要有MEF和MVVM的基础 先说一下他的命名规则和引导类 以后我会把Caliburn.Micro的 Actions IResult,IHandle ICondu

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

[原创]java WEB学习笔记93:Hibernate学习之路---Hibernate 缓存介绍,缓存级别,使用二级缓存的情况,二级缓存的架构集合缓存,二级缓存的并发策略,实现步骤,集合缓存,查询缓存,时间戳缓存

本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 -----------------------------------------------------------------------------------------------------------------

Activiti 学习笔记记录(三)

上一篇:Activiti 学习笔记记录(二) 导读:上一篇学习了bpmn 画图的常用图形标记.那如何用它们组成一个可用文件呢? 我们知道 bpmn 其实是一个xml 文件

HTML&CSS基础学习笔记8-预格式文本

<pre>标签的主要作用是预格式化文本.被包围在 pre 标签中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.当然你也可以在你需要在网页中预显示格式时使用它. 会使你的文本换行的标签(例如<h>.<p>)绝不能包含在 <pre> 所定义的块里.尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的. 更多学习内容,就在码芽网http://www.

java/android 设计模式学习笔记(14)---外观模式

这篇博客来介绍外观模式(Facade Pattern),外观模式也称为门面模式,它在开发过程中运用频率非常高,尤其是第三方 SDK 基本很大概率都会使用外观模式.通过一个外观类使得整个子系统只有一个统一的高层的接口,这样能够降低用户的使用成本,也对用户屏蔽了很多实现细节.当然,在我们的开发过程中,外观模式也是我们封装 API 的常用手段,例如网络模块.ImageLoader 模块等.其实我们在开发过程中可能已经使用过很多次外观模式,只是没有从理论层面去了解它. 转载请注明出处:http://bl

[原创]java WEB学习笔记48:其他的Servlet 监听器:域对象中属性的变更的事件监听器 (3 个),感知 Session 绑定的事件监听器(2个)

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------

java/android 设计模式学习笔记(10)---建造者模式

这篇博客我们来介绍一下建造者模式(Builder Pattern),建造者模式又被称为生成器模式,是创造性模式之一,与工厂方法模式和抽象工厂模式不同,后两者的目的是为了实现多态性,而 Builder 模式的目的则是为了将对象的构建与展示分离.Builder 模式是一步一步创建一个复杂对象的创建型模式,它允许用户在不知道内部构建细节的情况下,可以更精细地控制对象的构造流程.一个复杂的对象有大量的组成部分,比如汽车它有车轮.方向盘.发动机.以及各种各样的小零件,要将这些部件装配成一辆汽车,这个装配过