├── .meteor
    ├── .gitignore
    ├── release
    └── packages
├── public
    ├── 1.1.jpg
    ├── 2.1.jpg
    ├── 2.2.jpg
    ├── 3.1.jpg
    └── 9.1.jpg
├── README.md
├── server
    └── server.js
└── client
    ├── index.html
    ├── login.html
    ├── reg.html
    ├── client.html
    └── client.js


/.meteor/.gitignore:
--------------------------------------------------------------------------------
1 | local


--------------------------------------------------------------------------------
/.meteor/release:
--------------------------------------------------------------------------------
1 | none
2 | 


--------------------------------------------------------------------------------
/public/1.1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nswbmw/N-weibo/HEAD/public/1.1.jpg


--------------------------------------------------------------------------------
/public/2.1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nswbmw/N-weibo/HEAD/public/2.1.jpg


--------------------------------------------------------------------------------
/public/2.2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nswbmw/N-weibo/HEAD/public/2.2.jpg


--------------------------------------------------------------------------------
/public/3.1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nswbmw/N-weibo/HEAD/public/3.1.jpg


--------------------------------------------------------------------------------
/public/9.1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nswbmw/N-weibo/HEAD/public/9.1.jpg


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | N-weibo
2 | ======
3 | 
4 | 使用 Meteor 搭建的微博网站
5 | 
6 | 教程见 [wiki](https://github.com/nswbmw/N-weibo/wiki/_pages)


--------------------------------------------------------------------------------
/server/server.js:
--------------------------------------------------------------------------------
1 | Posts = new Meteor.Collection("posts");
2 | 
3 | Posts.allow({
4 |   insert: function (userId, doc) {
5 |     return (userId && doc.user._id === userId);
6 |   }
7 | });


--------------------------------------------------------------------------------
/.meteor/packages:
--------------------------------------------------------------------------------
 1 | # Meteor packages used by this project, one per line.
 2 | #
 3 | # 'meteor add' and 'meteor remove' will edit this file for you,
 4 | # but you can also edit it by hand.
 5 | 
 6 | autopublish
 7 | preserve-inputs
 8 | bootstrap
 9 | backbone
10 | accounts-password
11 | showdown
12 | 


--------------------------------------------------------------------------------
/client/index.html:
--------------------------------------------------------------------------------
 1 | <template name="index">
 2 |   {{#if currentUser}}
 3 |     <form class="well form-inline center" style="text-align: center;"> 
 4 |       <input type="text" class="span8" id="post"> 
 5 |       <button id="submit" class="btn btn-success"><i class="icon-comment icon-white"></i> 发表</button> 
 6 |     </form>
 7 |   {{/if}}
 8 | 
 9 |   {{#each posts}}
10 |     <h2>{{user.username}} 说</h2>
11 |     <p class="muted">{{time}}</p>
12 |     <p>{{#markdown}}{{post}}{{/markdown}}</p>
13 |   {{/each}}
14 | </template>


--------------------------------------------------------------------------------
/client/login.html:
--------------------------------------------------------------------------------
 1 | <template name="login">
 2 |   <form class="form-horizontal"> 
 3 |     <fieldset> 
 4 |       <legend>用户登入</legend> 
 5 |       <div class="control-group"> 
 6 |         <label class="control-label" for="username">用户名</label> 
 7 |         <div class="controls"> 
 8 |           <input type="text" class="input-xlarge" id="username" name="username"> 
 9 |         </div> 
10 |       </div> 
11 |       <div class="control-group"> 
12 |         <label class="control-label" for="password">密码</label> 
13 |         <div class="controls"> 
14 |           <input type="password" class="input-xlarge" id="password" name="password"> 
15 |         </div> 
16 |       </div> 
17 |       <div class="form-actions"> 
18 |         <button id="submit" class="btn btn-primary">登入</button> 
19 |       </div> 
20 |     </fieldset> 
21 |   </form> 
22 | </template>


--------------------------------------------------------------------------------
/client/reg.html:
--------------------------------------------------------------------------------
 1 | <template name="reg">
 2 |   <form class="form-horizontal"> 
 3 |     <fieldset> 
 4 |       <legend>用户注册</legend> 
 5 |       <div class="control-group"> 
 6 |         <label class="control-label" for="username">用户名</label> 
 7 |         <div class="controls"> 
 8 |           <input type="text" class="input-xlarge" id="username" name="username"> 
 9 |         </div> 
10 |       </div> 
11 |       <div class="control-group">
12 |         <label class="control-label" for="password">密码</label>
13 |         <div class="controls"> 
14 |           <input type="password" class="input-xlarge" id="password" name="password"> 
15 |         </div>
16 |       </div> 
17 |       <div class="control-group"> 
18 |         <label class="control-label" for="password-repeat">重复输入密码</label> 
19 |         <div class="controls"> 
20 |           <input type="password" class="input-xlarge" id="password-repeat" name="password-repeat"> 
21 |         </div> 
22 |       </div> 
23 |       <div class="form-actions"> 
24 |         <button id="submit" class="btn btn-primary">注册</button> 
25 |       </div> 
26 |     </fieldset> 
27 |   </form> 
28 | </template>


--------------------------------------------------------------------------------
/client/client.html:
--------------------------------------------------------------------------------
 1 | <head>
 2 |   <title>weibo</title>
 3 |   <style type="text/css"> 
 4 |     body {padding-top: 60px;padding-bottom: 20px;} 
 5 |   </style> 
 6 | </head>
 7 | 
 8 | <body>
 9 | {{> nav}}
10 | {{> container}}
11 | {{> footer}}
12 | </body>
13 | 
14 | <template name="nav">
15 |   <div class="navbar navbar-inverse navbar-fixed-top"> 
16 |     <div class="navbar-inner"> 
17 |       <div class="container"> 
18 |         <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
19 |           <span class="icon-bar"></span> 
20 |           <span class="icon-bar"></span> 
21 |           <span class="icon-bar"></span> 
22 |         </a> 
23 |         <a class="brand" href="/">weibo</a> 
24 |         <div class="nav-collapse"> 
25 |           <ul class="nav"> 
26 |             <li class="{{active.index}}"><a href="/">首页</a></li> 
27 |             {{#if currentUser}}
28 |               <li><a href="/logout">登出</a></li> 
29 |             {{else}}
30 |               <li class="{{active.login}}"><a href="/login">登入</a></li> 
31 |               <li class="{{active.reg}}"><a href="/reg">注册</a></li> 
32 |             {{/if}}
33 |           </ul> 
34 |         </div> 
35 |       </div> 
36 |     </div> 
37 |   </div> 
38 | </template>
39 | 
40 | <template name="container">
41 |   <div id="container" class="container">
42 |     {{> info}}
43 |     {{#if currentUrl.index}}
44 |       {{> index}}
45 |     {{/if}}
46 | 
47 |     {{#if currentUrl.login}}
48 |       {{> login}}
49 |     {{/if}}
50 | 
51 |     {{#if currentUrl.reg}}
52 |       {{> reg}}
53 |     {{/if}}
54 |   </div>
55 | </template>
56 | 
57 | <template name="footer">
58 |   <p class="muted text-center">nswbmw 2013</p>
59 | </template>
60 | 
61 | <template name="info">
62 |   {{#if info.success}}
63 |     <div class="alert alert-success">{{info.success}}</div>
64 |   {{/if}}
65 | 
66 |   {{#if info.error}}
67 |     <div class="alert alert-error">{{info.error}}</div>
68 |   {{/if}}
69 | </template>


--------------------------------------------------------------------------------
/client/client.js:
--------------------------------------------------------------------------------
  1 | Session.setDefault("currentUrl", {index: "active", login: "", reg: ""});
  2 | Session.setDefault("info", {success: "", error: ""});
  3 | 
  4 | Template.container.currentUrl = function () {
  5 |   return Session.get("currentUrl");
  6 | };
  7 | 
  8 | Template.nav.active = function () {
  9 |   return Session.get("currentUrl");
 10 | };
 11 | 
 12 | Template.info.info = function () {
 13 |   return Session.get("info");
 14 | };
 15 | 
 16 | var urlRouter = Backbone.Router.extend({
 17 |   routes: {
 18 |     "": "index",
 19 |     "login": "login",
 20 |     "reg": "reg",
 21 |     "logout": "logout"
 22 |   },
 23 |   index: function () {
 24 |     Session.set("currentUrl", {index: "active", login: "", reg: ""});
 25 |   },
 26 |   login: function () {
 27 |     if (Meteor.userId()) {
 28 |       this.navigate("/", true);
 29 |       Session.set("info", {success: "", error: "用户已在线"});
 30 |       return;
 31 |     }
 32 |     Session.set("currentUrl", {index: "", login: "active", reg: ""});
 33 |   },
 34 |   reg: function () {
 35 |     if (Meteor.userId()) {
 36 |       this.navigate("/", true);
 37 |       Session.set("info", {success: "", error: "用户已在线"});
 38 |       return;
 39 |     }
 40 |     Session.set("currentUrl", {index: "", login: "", reg: "active"});
 41 |   },
 42 |   logout: function () {
 43 |     if (Meteor.userId()) {
 44 |       Meteor.logout();
 45 |       this.navigate("/", true);
 46 |       Session.set("info", {success: "登出成功", error: ""});
 47 |     } else {
 48 |       this.navigate("/", true);
 49 |       Session.set("info", {success: "", error: "用户不在线"});
 50 |     }
 51 |   },
 52 |   redirect: function (url) {
 53 |     this.navigate(url, true);
 54 |   }
 55 | });
 56 | 
 57 | Router = new urlRouter;
 58 | 
 59 | Meteor.startup(function () {
 60 |   Backbone.history.start({pushState: true});
 61 | });
 62 | 
 63 | Template.reg.events({
 64 |   'click #submit': function (evt) {
 65 |     evt.preventDefault();
 66 |     var $username = $("#username").val();
 67 |     var $password = $("#password").val();
 68 |     var $password_repeat = $("#password-repeat").val();
 69 |     if ($password.length ===0 || $username.length ===0) {
 70 |       Session.set("info", {success: "", error: "用户名或密码不能为空"});
 71 |       return;
 72 |     }
 73 |     if ($password !== $password_repeat) {
 74 |       Session.set("info", {success: "", error: "两次输入密码不一致"});
 75 |       return;
 76 |     }
 77 |     Accounts.createUser({username: $username, password: $password}, function (err) {
 78 |       if (err) {
 79 |         Session.set("info", {success: "", error: err.reason});
 80 |       } else {
 81 |         Router.redirect("/");//跳转到主页
 82 |         Session.set("info", {success: "注册成功", error: ""});
 83 |       }
 84 |     });
 85 |   }
 86 | });
 87 | 
 88 | Template.login.events({
 89 |   'click #submit': function (evt) {
 90 |     evt.preventDefault();
 91 |     var $username = $("#username").val();
 92 |     var $password = $("#password").val();
 93 |     if ($password.length ===0 || $username.length ===0) {
 94 |       Session.set("info", {success: "", error: "用户名或密码不能为空"});
 95 |       return;
 96 |     }
 97 |     Meteor.loginWithPassword($username, $password, function (err) {
 98 |       if (err) {
 99 |         Session.set("info", {success: "", error: err.reason});
100 |       } else {
101 |         Router.redirect("/");//跳转到主页
102 |         Session.set("info", {success: "登陆成功", error: ""});
103 |       }
104 |     });
105 |   }
106 | });
107 | 
108 | Posts = new Meteor.Collection("posts");
109 | 
110 | Template.index.events({
111 |   'click #submit': function (evt) {
112 |     evt.preventDefault();
113 |     var $post = $("#post").val();
114 |     if ($post.length ===0 || $post.length >=140) {
115 |       Session.set("info", {success: "", error: "请将字数限制在 1-140 字"});
116 |       return;
117 |     }
118 |     Posts.insert({user: Meteor.user(), post: $post, time: new Date()}, function (err) {
119 |       if (err) {
120 |         Session.set("info", {success: "", error: err.reason});
121 |       } else {
122 |         Session.set("info", {success: "发表成功", error: ""});
123 |         $("#post").val("");
124 |       }
125 |     });
126 |   }
127 | });
128 | 
129 | Template.index.posts = function () {
130 |   return Posts.find({}, {sort: {time: -1}});
131 | };


--------------------------------------------------------------------------------