写了个假页脚，完成了首页

2017-02-06 10:57:12 +08:00 · 2017-02-06 10:57:12 +08:00 · 735904b2c1
parent e0b41f018e
commit 735904b2c1
8 changed files with 105 additions and 87 deletions
--- a/public/css/style.css
+++ b/public/css/style.css
@ -6,6 +6,16 @@ body {
    padding: 50px;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
 }
+code {
+    background-color: rgba(0, 0, 0, 0.08);
+    border-radius: 3px;
+    display: inline-block;
+    font-family: "Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace;
+    font-size: 0.875em;
+    font-weight: bold;
+    padding: 1px 6px;
+    vertical-align: baseline;
+}
 .bookmark {
    white-space: nowrap;
    text-overflow: ellipsis;
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@ -1,29 +1,37 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="bookmark">
    <meta name="author" content="luchenqun">
-        <title>我的书签</title>
+    <title>我的书签-随时随地查看你的网络书签</title>
    <link href="/css/externe/semantic.min.css " rel="stylesheet" />
    <link href="/css/externe/calendar.min.css" rel="stylesheet" />
    <link href="/css/externe/toastr.min.css" rel="stylesheet" />
    <link href="/css/style.css " rel="stylesheet" />
    <base href="/">
 </head>
+
 <body ng-app="bookmarkApp">
-        <div class="ui container ">
+    <div class="ui container" style="margin-bottom:20px;">
        <!-- directive：菜单 -->
        <menus></menus>
        <div class="ui container" style="width:100%;height:20px"></div>
        <div class="ui container">
            <div ui-view></div>
        </div>
-            <div class="foot"></div>
+        <div class="ui divider"></div>
+        <div class="foot">
+            <div class="ui segment container">
+                &nbsp;&nbsp;&nbsp;&nbsp;Copyright ©All Rights Reserved LCQ(假装网站有个页脚)&nbsp;&nbsp;|&nbsp;&nbsp;关于网站&nbsp;&nbsp;|&nbsp;&nbsp;联系我&nbsp;&nbsp;|&nbsp;&nbsp;我爱这个世界
+            </div>
+        </div>
        <!-- directive：书签编辑 -->
        <edit></edit>
    </div>
+
    <script src="/scripts/externe/jquery-3.1.1.min.js"></script>
    <script src="/scripts/externe/toastr.min.js"></script>
    <script src="/scripts/externe/angular.min.js"></script>
@ -49,4 +57,5 @@
    <script src="/scripts/externe/semantic.min.js"></script>
    <script src="/scripts/externe/calendar.min.js"></script>
 </body>
+
 </html>
--- a/public/scripts/controllers/home-controller.js
+++ b/public/scripts/controllers/home-controller.js
@ -12,7 +12,13 @@ app.controller('homeCtr', ['$scope', '$stateParams', '$filter', '$state', '$wind
                })
            } else {
                console.log('autoLogin failed......................')
+                pubSubService.publish('Common.menuActive', {
+                    login: false,
+                    index: 0
+                });
            }
        })
-        .catch((err) => console.log('autoLogin err', err));
+        .catch((err) => {
+            console.log('autoLogin err', err)
+        });
 }]);
--- a/public/scripts/controllers/menus-controller.js
+++ b/public/scripts/controllers/menus-controller.js
@ -81,6 +81,7 @@ app.controller('menuCtr', ['$scope', '$stateParams', '$state', 'pubSubService',
    }

    function updateMenuActive(index) {
+        console.log('index = ' + index)
        $('.ui.menu a.item').removeClass('selected');
        $('.ui.menu a.item:eq(' + index + ')').addClass('selected');
    }
--- a/public/views/home.html
+++ b/public/views/home.html
@ -1,3 +1,27 @@
-<p>
-    这是书签的介绍
-</p>
+<div class="ui segment">
+    <div class="ui container">
+        <h2 class="ui dividing header">为什么要做个网络书签</h2>
+        <p>每个浏览器上面都会有个书签可以供你收藏你以后可能还要用到的网址。但是这个书签有以下几个缺点我没法忍受（由于浏览器我只用Google Chrome，下面的观点我都是基于该浏览器）：</p>
+        <p>1、各个浏览器之间无法同步。</p>
+        <p>2、容易丢失。因为这个东西是不强制注册账号的，你只要一重装电脑忘记备份了，你的书签就没有了。还有一个，如果你使用Chrome浏览器，由于Google被ZF封杀，你要是不翻墙，书签是没法同步的。</p>
+        <p>3、搜索不方便，只能搜索关键字，无法按照特定条件，比如搜索特定的加入时间，特定的类型搜索。</p>
+        <p>4、查阅不方便。一旦一个分类目录你收藏的过多，尼玛你在那个目录下面找起来想死的心都有。</p>
+        <p>5、无法查看别人收藏的书签。</p>
+
+        <h2 class="ui dividing header">主要功能</h2>
+        <p>1、需要注册账号用户。(初步完成)</p>
+        <p>2、网站展示有三种展示方式：导航，列表，网格。其中导航以分类展示，提取分类的前31个书签。列表以表格展示，显示书签详细类容。书签显示顺序以点击次数优先。(已完成导航跟列表，网格未完成)</p>
+        <p>3、可以按照指定添加时间段，指定分类目录，指定网址关键字等进行查询。(完成)</p>
+        <p>4、添加书签的时候，会自动获取title，供用户编辑。(完成)</p>
+        <p>5、可以导入Chrome的书签导出文件。(未完成)</p>
+        <p>6、书签可以作为公有或者私有，公有可供所有人搜索。(未完成)</p>
+        <p>7、可以收藏别人的书签。(未完成)</p>
+
+        <h2 class="ui dividing header">联系方式</h2>
+        <p>微信跟扣扣：530485521，记得备注加：书签。</p>
+
+        <h2 class="ui dividing header">开发备忘(非开发人员请无视)</h2>
+        <p>1、该代码我托管在Github上:<code>git@github.com:luchenqun/my-bookmark.git</code>我不做Web开发，这玩意儿主要是我自己用Chrome浏览器收藏网址不好用而写的。如果你需要源码，你尽可随意使用此项目无需通知我。</p>
+        <p>2、使用到的东西有：NodeJS(做后台) + Express(做Web框架) + AngularJS(有了这个就不要用jQuery了) + Semantic UI(有了这个，界面不会太丑) + MySql(做后台数据库) + MongoDb(做session)。对了，用到的sql表，在schema.sql里面。</p>
+    </div>
+</div>
--- a/public/views/menus.html
+++ b/public/views/menus.html
@ -1,6 +1,6 @@
 <div class="js-menu" ng-controller="menuCtr">
    <div class="ui huge menu js-login-in" ng-if="login">
-        <a class="item" ng-class="{selected:$index===selectLoginIndex}" ui-sref="{{ menu.uiSref }}" ui-sref-opts="{reload: true}" ng-repeat="menu in loginMenus" js-menu-init>
+        <a class="item" ng-class="{selected:$index===selectLoginIndex}" ui-sref="{{ menu.uiSref }}" ui-sref-opts="{reload: true}" ng-repeat="menu in loginMenus">
            <div>{{ menu.title }}</div>
            <div class="ui floating simple dropdown icon js-bookmark-dropdown" ng-if="$index==0" ng-click="$event.stopPropagation();">
                <i class="dropdown icon"></i>
@ -44,7 +44,7 @@
            </div>
        </div>
    </div>
-    <div class="ui huge menu js-not-login-in" ng-if="!login">
-        <a class="item" ng-class="{selected:$index==selectNotLoginIndex}" ui-sref="{{ menu.uiSref}}" ui-sref-opts="{reload: true}" ng-click="selectMenu($index, login)" ng-repeat="menu in notLoginMenus">{{ menu.title}}</a>
+    <div class="ui huge menu js-not-login-in" ng-show="!login">
+        <a class="item" ng-class="{selected:$index==selectNotLoginIndex}" ui-sref="{{ menu.uiSref}}" ng-repeat="menu in notLoginMenus">{{ menu.title}}</a>
    </div>
 </div>
--- a/schema.sql
+++ b/schema.sql
@ -46,35 +46,3 @@ CREATE TABLE `tags_bookmarks` (
  `bookmark_id` int(11) NOT NULL,           -- 书签id
  PRIMARY KEY (`tag_id`, `bookmark_id`)
 );
-
-INSERT INTO `users` (`id`, `username`, `password`, `email`) VALUES ('1', 'luchenqun', '123456', 'luchenqun@qq.com');
-
-INSERT INTO `tags` (`user_id`, `name`) VALUES ('1', '常用');   -- 每一个注册用户，默认有个常用分类
-INSERT INTO `tags` (`user_id`, `name`) VALUES ('1', '搜索');
-INSERT INTO `tags` (`user_id`, `name`) VALUES ('1', '购物');
-INSERT INTO `tags` (`user_id`, `name`) VALUES ('1', '音乐');
-INSERT INTO `tags` (`user_id`, `name`) VALUES ('1', '问答');
-INSERT INTO `tags` (`user_id`, `name`) VALUES ('1', '博客');
-INSERT INTO `tags` (`user_id`, `name`) VALUES ('1', '招聘');
-
-INSERT INTO `bookmarks` (`user_id`, `title`, `description`, `url`, `click_count`, `created_at`, `last_click`) VALUES ('1', '博客', '个人描述测试', 'http://luchenqun.com/', '888', '2016-01-26 14:52:00', '2016-02-26 14:52:00');
-INSERT INTO `bookmarks` (`user_id`, `title`, `description`, `url`, `click_count`, `created_at`, `last_click`) VALUES ('1', '谷歌', '谷歌描述测试', 'https://www.google.com.hk/', '111', '2016-02-26 14:52:00', '2016-03-26 14:52:00');
-INSERT INTO `bookmarks` (`user_id`, `title`, `description`, `url`, `click_count`, `created_at`, `last_click`) VALUES ('1', '百度', '百度描述测试', 'https://www.baidu.com/', '22', '2016-03-26 14:52:00', '2016-04-26 14:52:00');
-INSERT INTO `bookmarks` (`user_id`, `title`, `description`, `url`, `click_count`, `created_at`, `last_click`) VALUES ('1', '拉勾', '拉勾描述测试', 'http://www.lagou.com/', '33', '2016-05-26 14:52:00', '2016-05-26 14:52:00');
-INSERT INTO `bookmarks` (`user_id`, `title`, `description`, `url`, `click_count`, `created_at`, `last_click`) VALUES ('1', '喜马拉雅', '喜马拉雅描述测试', 'http://www.ximalaya.com/', '4', '2016-06-26 14:52:00', '2016-06-26 14:52:00');
-INSERT INTO `bookmarks` (`user_id`, `title`, `description`, `url`, `click_count`, `created_at`, `last_click`) VALUES ('1', 'CSDN', 'CSDN描述测试', 'http://www.csdn.net/', '52', '2016-07-26 14:52:00', '2016-08-26 14:52:00');
-INSERT INTO `bookmarks` (`user_id`, `title`, `description`, `url`, `click_count`, `created_at`, `last_click`) VALUES ('1', '知乎', '知乎描述测试', 'http://www.zhihu.com/', '42', '2016-08-26 14:52:00', '2016-09-26 14:52:00');
-INSERT INTO `bookmarks` (`user_id`, `title`, `description`, `url`, `click_count`, `created_at`, `last_click`) VALUES ('1', '京东', '京东描述测试', 'http://www.jd.com/', '2', '2016-09-26 14:52:00', '2016-10-26 14:52:00');
-INSERT INTO `bookmarks` (`user_id`, `title`, `description`, `url`, `click_count`, `created_at`, `last_click`) VALUES ('1', '天猫', '天猫描述测试', 'http://www.tmall.com/', '534', '2016-10-26 14:52:00', '2016-11-26 14:52:00');
-
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('1', '1');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('1', '2');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('1', '3');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('2', '2');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('2', '3');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('3', '8');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('3', '9');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('4', '5');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('5', '7');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('6', '1');
-INSERT INTO `tags_bookmarks` (`tag_id`, `bookmark_id`) VALUES ('7', '4');