my-bookmark/public/views/home.html

32 lines
4.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="ui segment js-segment-home">
<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>
<p>6、在别人的电脑上无法查看我收藏的书签。</p>
<p>7、如果公用一台电脑那么收藏夹里面会收藏其他人的网址。</p>
<p>PS注册在登录界面的右下角。</p>
<h2 class="ui dividing header">主要功能</h2>
<p>1、需要注册账号用户。(初步完成)</p>
<p>2、网站展示有三种展示方式导航标签列表卡片。其中导航以分类展示分类顺序可以在书签分类下面拖动编辑。按照点击的次数从高到低在每个分类里面提取16个书签再按照最近添加的书签提取前面的16个书签然后合并起来。标签是一个快捷方式。列表以表格展示显示书签详细类容按照点击次数优先显示点击次数相同则按添加顺序优先。卡片以卡片方式显示按照最近添加优先显示。这几种展示方式可以在设置里面默认一种你常用的方式。(完成)</p>
<p>3、在书签分类里面可以更新分类删除分类新增分类对分类显示进行排序。分类的标签默认按照添加日期展示但是可以点击表格的标题按照点击次数添加日期最后点击从大到小进行排序。(完成)</p>
<p>4、可以按照指定添加时间段指定分类目录指定网址关键字等进行查询。(完成)</p>
<p>5、添加书签的时候会自动获取title供用户编辑。其中Insert键打开添加页面再次按Insert键保存书签Esc取消添加。(完成)</p>
<p>6、可以导入Chrome的书签导出文件暂时做在设置里面。(完成)</p>
<p>7、书签可以作为公有或者私有公有可供所有人搜索。(完成)</p>
<p>8、可以将搜索到其他用户的书签转存为自己的书签。(已完成)</p>
<p>9、可以将书签导出来然后导入到浏览器。(未完成)</p>
<p>10、在热门标签里面有在网上找的热门书签。可以转存收藏到自己书签里面。(完成)</p>
<h2 class="ui dividing header">联系方式</h2>
<p>微信跟扣扣530485521记得备注加书签。</p>
<h2 class="ui dividing header">开发备忘(非开发人员请无视)</h2>
<p>1、该代码我托管在Github上<a href="https://github.com/luchenqun/my-bookmark" target="_blank">my-bookmark</a>。git地址git@github.com:luchenqun/my-bookmark.git。我不做Web开发这玩意儿主要是我自己用Chrome浏览器收藏网址不好用而写的。如果你需要源码你尽可随意使用此项目无需通知我。</p>
<p>2、使用到的东西有NodeJS(做后台) + Express(做Web框架) + AngularJS(有了这个就不要用jQuery了) + Semantic UI(有了这个,界面不会太丑) + MySql(做后台数据库) + MongoDb(做session)。对了用到的sql表在schema.sql里面。</p>
<p>PS暂时还没有README.md文件等整理完公司的一个项目会添加</p>
</div>
</div>