add

iblog/blog/2014-06-21.js

@@ -1,9 +1,12 @@
 define(function(require, exports, module){
+	var types = require('./type.js');
+
 	var blog_2014_06_21 = {
 		id:'blog_2014_06_21',
-		title: '<a class="title_a" href="article.html?id=blog_2014_06_21">大学这四年</a>',
+		title: '<a href="article.html?id=blog_2014_06_21">大学这四年</a>',
 		blog_tags: ['大学四年', '总结' , '展望'],
-		blog_time: '2014-06-21 1:10',
+		blog_time: '2014-06-21 01:10',
+		type: types.type.story,
 		blog_p:[
 			{
 				title: '四年前的事儿',

iblog/blog/2014-06-24.js

@@ -1,10 +1,12 @@
 define(function(require, exports, module){
+	var types = require('./type.js');
+
 	var blog_2014_06_24 = {
 		id:'blog_2014_06_24',
-		type: '',
 		title: '<a class="title_a" href="article.html?id=blog_2014_06_24">关于git和svn</a>',
 		blog_tags: ['git', 'svn' , '版本控制'],
 		blog_time: '2014-06-24 09:38',
+		type: types.type.versionControl,
 		blog_p:[
 			{
 				title: 'git or svn',

iblog/blog/blogs_link.js

@@ -8,15 +8,16 @@ define(function(require, exports, module){
 	var blog_1 =  require('./2014-06-21.js'); 
 
 
-	blogs.push(createObj(blog_2.blog_2014_06_24));
+	blogs.push(createNewObj(blog_2.blog_2014_06_24));
-	blogs.push(createObj(blog_1.blog_2014_06_21));
+	blogs.push(createNewObj(blog_1.blog_2014_06_21));
 
-	function createNewObj = function(obj){
+	function createNewObj(obj){
 		return {
 			id: obj.id,
 			title: obj.title,
 			blog_tags: obj.blog_tags,
-			blog_time: obj.blog_time
+			blog_time: obj.blog_time,
+			type: obj.type
 		};
 	}
 	

iblog/blog/type.js

@@ -1,4 +1,13 @@
-var type = {
+
-	stroy: 1,
+
-	versionControl: 0
+define(function(require, exports, module){
-};
+
+	var type = {
+		versionControl: 0,
+		story: 1
+	};
+
+
+	exports.type = type;
+
+});

iblog/css/main.css

@@ -35,7 +35,7 @@ body{
 	color: #EEEEEE;
 }
 
-.title_a{
+.blog_title a{
 	color: #2F9BD7;
 	font-size: 23px;
 	font-weight: bold;

iblog/index.html

@@ -37,7 +37,9 @@
           <td>LBS</td>
         </tr>
         <tr class="menu_table_tr">
-          <td>小事</td>
+          <td>
+            <a href="list.html?type=0">小事</a>
+          </td>
           <td>关于我</td>
         </tr>
       </table>

iblog/js/article.js

@@ -16,6 +16,7 @@ $(function(){
 	function createBlog(blogs, n){
 		var blogs = blogs;
 		var num = n > blogs.length ? blogs.length:n;
+		
 		var element = $('#showblog'); 
 	    var tpl = $('#tpl_blog').html();
 	    var myBlogs = [];

iblog/js/list.js

@@ -0,0 +1,38 @@
+/*
+	list
+*/
+
+$(function(){
+	seajs.use('./blog/blogs_link.js', function(exports){
+		var url = window.location.search; 
+		var type = url.split('type=')[1];
+		var links = exports.blogs;
+
+		var linksArr = [];
+		for(var i = 0; i < links.length; i++){
+			if(links[i].type == type){
+				linksArr.push(links[i]);
+			}
+		}
+		createList(linksArr, 100);
+	});
+
+	function createList(links, n){
+		var num = n > links.length ? links.length:n;
+		var element = $('#showlinklist'); 
+	    var tpl = $('#tpl_links').html();
+	    var mylinks = [];
+	    for(var i = 0; i < num; i++){
+	    	mylinks.push(links[i]);
+	    }
+		var data = {  
+		    list: mylinks
+		}
+
+		console.log(data);
+		var html = _.template(tpl, data);
+		element.html(html); 
+
+	}
+
+});

iblog/list.html

@@ -45,26 +45,25 @@
 
     <!--list-->
     <section class="main_section">
-      <div id="showblog" >
+      <div class="list_show">
-        <div class="list_show">
+        <div class="list_title">文章列表</div>
-          <div class="list_title">文章列表</div>
+        <div id="showlinklist"></div>
-
+        <script type="text/template" id="tpl_links">
-          <div class="one_link">
+        <%
-            <div class="link_display linklist_num">001</div>
+          for(var i = 0; i < list.length; i++){
-            <div class="link_display linklist_time">2014-06-23 09:42</div>
+        %>
-            <div class="link_display linklist_title">建设创造性建设创造性</div>
+        <div class="one_link">
-            <div class="link_display linklist_tag">建设</div>
+          <div class="link_display linklist_num"><%=i%></div>
-          </div>
+          <div class="link_display linklist_time"><%=list[i].blog_time%></div>
-
+          <div class="link_display linklist_title"><%=list[i].title%></div>
-          <div class="one_link">
+          <%
-            <div class="link_display linklist_num">001</div>
+            for(var j = 0; j < list[i].blog_tags.length; j++){
-            <div class="link_display linklist_time">2014-06-23 09:42</div>
+          %>
-            <div class="link_display linklist_title">建设创造性建设创造性</div>
+          <div class="link_display linklist_tag"><%=list[i].blog_tags[j]%></div>
-            <div class="link_display linklist_tag">建设</div>
+          <%}%>
-          </div>
-
-
         </div>
+        <%}%>
+        </script>
       </div>
     </section>
     <!--页脚-->