阅读文章界面添加书签功能该如何实现

feixiangsunjq 2014-04-02 08:46:54

最近在做毕设 JSP新手入门中orz 边学变做的节奏
我的毕设是做一个电子书阅读网站然后我需要实现一些基础功能~
于是对于【添加书签】这个功能有点无从下手。
先给个网易云阅读的界面~我是描述问题能力为5的渣渣还是看图说话来的清楚=。=

所以我想添加书签应该就是先定位现在阅读到整个网页的百分比（如果是一次性读出来的话），然后存储下次再调用
于是这个百分比是怎么得到的？
我是从本地读取txt文件显示在web界面中

一、不分页的情况
我查了一下js代码能用cookie存储滑动到的位置，但是那个参数没法读出来啊【还没继续尝试 js也是渣啊=。=

二、分页
分页的话那就根据文档大小分割这个可以想象，如果我想把当前页存入书签，那我怎么才能得到页码上第一行文字呢？【如果要存书签应该就是把这段文件存进去到时候再全文检索吧？而且到时候分页的跳转定位也完全想不通=。=

以上就是想法还没具体落实到代码，不知道以上的想法可以实现嘛？
如果能实现的话具体会用到哪些知识呢？
如果以上的想法都被无情地处决了=。= 请告诉我正确的道路是啥在此先谢过各位大神了！！！

...全文

73 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

适用于Android的Aard 2 适用于Android的Aard 2是适用于Android的的后继产品。它带有重新设计的用户界面，书签，历史记录和更好的。下载特征抬头查找查询是标点符号，变音符号和不区分大小写。书签和历史访问的文章会自动添加到历史记录中，并显示在“历史记录”选项卡中。也可以为文章添加书签（查看文章时，点击“书签”图标）。已添加书签的文章将显示在“书签”选项卡中。书签和历史记录可以按时间或文章标题进行过滤和排序。书签和历史记录都限于最近使用的一百个项目。要删除书签或历史记录，请长按列表项以进入选择模式，点击要删除的项，然后点击垃圾箱图标并确认。查看文章时，也可以通过点击“书签”图标来删除书签。字典管理可以通过扫描设备或手动选择词典文件来添加词典。请注意，应用程序本身不会下载字典文件。可以通过将已打开的词典标记和取消标记为“收藏夹”（点

Chrome阅读助手扩展程序 # let-me-read chrome的阅读辅助插件在日常生活中，我经常遇到这样的场景：我看到一篇好文章，我觉得它很好，我想读完它，但是并不想现在读，所以我把它加到书签里，然后我就把它忘了:grinning_face_with_smiling_eyes:；或是我为了读完一篇文章，打开了很多参考标签页，但是我没有时间立刻把这些文章都读完，后来我遇到了别的事，打开了别的标签页，为了减轻浏览器的负担，我把一些标签页关掉，于是我就又把那些标签页忘记了:grinning_face_with_smiling_eyes:。为了解决这个问题，我编写了这个插件。虽然起名叫Let Me Read，是个阅读辅助插件，但从功能上讲更像是书签扩展器。 ## 功能插件有两个基本页面『添加』和『在读』。 ### 添加『添加』页面的基本界面如下： ![添加页面](./example/image-1.png) 1. 类别既是添加的页面在『在读』页面的分类依据，也是这个页面在被添加到书签后所在目录的名称。比如类别被设置为article1，在这个页面别添加到书签后，书签所在的目录为『其他文件夹/let-me-read/article1』。其中第二级目录名可在插件的选项页面进行配置。 2. 提醒日期如果当前日期大于提醒时间，插件图标的右下方会出现一个badage，告诉你有多少篇文章得赶紧读完。这些文章的目录可在『在读』页面的『即将过期』下看到。提醒日期默认是当前日期的后七天。 3. 截止日期如果当前日期大于截止日期，响应文章就会别添加到书签中，并从『在读』目录中移除。截止日期默认是当前日期的后14天。 4. 全选是否将当前窗口的所有页面都加入『在读』。 ### 在读『在读』页面的基本界面如下： ![在读页面](./example/image-2.png) 提供了三个分类，『即将到期』、『提醒时间』和『类别』。点击记录的后面的『书签』，将这条记录添加到书签中并从『在读』记录中删除，点击记录后面的『删除』，直接删除这条记录，点击记录的标题，在新标签页中打开这条记录。 ![打开新页面](./example/image-3.png) 可以看到，如果这个页面在插件中存在记录，插件就会在页面的右下方添加三个按钮『删除』、『上次阅读位置』和『显示/隐藏』。点击『删除』，将这个页面从插件中删除；点击『上次阅读位置』，跳转页面到添加页面时阅读的位置。此外，在插件的选项页面，还能配置当页面阅读完毕后，是否自动删除记录。页面阅读完毕的判定通过页面当前位置到页面底部的位置判定，这个阀值也能在插件的选项页面设置。支持语言:中文 (简体)

基于微信小程序原生开发从头实现小程序常见功能，包括小程序开发基础知识及常用开发功能如登录、找回密码、文件上传、多媒体功能、编辑表单、详情界面、列表界面等，并实现简单的在线预约系统相关功能，具体内容如下：常见功能实现：实现用户登录（用户名密码登录、手机验证码登录、小程序自动登录）、找回密码、用户注册、小程序授权、修改密码、关于我们、意见反馈、系统消息、表单录入、详情查看、列表查看等功能。公共常用组件：实现公共组件的抽离以便能进行扩展及复用，包括输入框、选择框、分步组件、swiper组件、视频播放、富文本编辑、文件上传、视频上传、编辑表单、详情界面、列表界面、tab组件、地图等常用的组件。源码获取说明：点击 https://gitcode.net/invite_link?invite_code=UdfJQACWXRWX9z9NJy_x 申请加入gitcode项目，申请之后会进行审核，购买了课程的用户会直接审核通过。使用会员免费看的用户请留言一下账号才会审核通过。若长时间未审核通过请留言或私信联系处理，留言时请备注下gitcode中的昵称。

一、Eschool校园网平台： Eschool校园网平台是专门为中、小学、大中专院校而精心设计的优秀校园网平台软件，完全基于Web开发，采用大型数据库系统Microsoft SQL Server 2000，能够全面满足各类学校的校园网建设需要。功能模块：（以下栏目可自行定义，不需要的可删除，也可添加） 1、交流频道：消息、新闻、公告、通知、校历、论坛、文章、邮件、留言薄、聊天室。 2、校园频道：学校简介、招生信息、校园风光、办学特色、学校荣誉、名师档案、校史长廊、心理咨询、休闲驿站等。 3、同步课堂：疑难解答、作文点评、专题讲座、精选题库等。 4、家长频道：家长登记、家长查询等。 5、老师频道：优秀教案、论文赏析、精选课件、家教中心等。 6、学习园地：文字处理、电子表格、课件制作、网页制作、动画制作、图像处理等。 7、信息频道：航班查询、火车时刻表、邮编区号、精彩网站、视频点播、电子图书等。 8、校友频道：校友登记、校友查询。 9、主页空间：部门主页、班级主页、学生主页、老师主页、兄弟学校、推荐网站、友情链接等。 10、其它功能：个人书签、个人备忘录、在线调查、计数器等。 11、系统管理：学校设置、栏目设置、主页空间、界面设置、组管理、用户管理。二、校园管理信息系统： 1、学籍管理系统 2、师资管理系统 3、成绩管理系统(开发中) 4、学生分班系统(开发中) 5、校产管理系统(开发中) 三、系统特点： 1、技术的先进性：基于Web的全新办公管理系统，真正实现了远程办公与教学； 2、交互性强：Eschool实现了老师与老师、老师与学生、老师与家长、老师与外界的交流，并且不受时间、场地限制； 3、编辑功能强：Eschool强大的编辑功能是其它软件所无法比拟的；内容里可插入网页链接、邮件链接、引用、FLASH动画、图片、声音、视频等。 4、界面美观：用户使用方便、简洁、易懂； 5、数据安全性：采用大型数据库系统，系统管理员可以修改数据库登录密码和用户密码，确保数据的安全性； 6、完美结合：校园网平台与管理平台完美结合； 7、个性化设置：有个人书签、个人备忘录，可定义自己的办公桌面。页面完全可以设置成您想要的风格，界面不会造成与其它学校的校园网平台一样； 8、维护方便：不需要专业人员，只需要有简单电脑操作水平的人即可； 9、扩充性强：用户可根据具体需求情况定制新的模块； 10、外部接口：用户可调用Eschool的权限管理器，统一进行权限管理而不需要做重复的开发；可由用户自定义界面，调用里面的模块进行集成。四、开发工具： Dreamweaver UltraDev 4、ASP、VB、PowerBuilder 8.0；数据库：Microsoft SQL Server 2000 联系人: 叶石城联系电话: 0592-8621580 13606930690 电子信箱: xmysc@sina.com 或 xmysc@163.net 下载地址: http://61.131.64.246/eschool.exe(最好在白天下载晚上服务器一般没开)

语言:English Geekmarks客户端：免费，开源，API驱动的Geeky书签服务该扩展为书签服务Geekmarks提供了一个用户界面。简而言之，我希望我的书签服务能够快速使用，并提供一种有效地组织书签的方法。我尝试了很多现有的书签服务，由于种种原因，我对它们都不满意。首先让我详细介绍一下组织部分。组织书签的最简单方法是引入文件夹来对它们进行分组。但是，这仍然带来一个众所周知的问题：某些书签在逻辑上可以属于多个文件夹。为了解决此问题，某些服务使用了标签：现在，我们可以使用多个标签来对书签进行标签。到目前为止，一切都很好。现在，假设我有一个通用标签编程，以及两个更特定的标签：python和c。我绝对希望我的书签服务足够聪明，以至于如果我用python或c标记某些文章，那也意味着编程。我不想每次都手动添加标签编程。因此，我们需要的是标签的层次结构。出乎意料的是，我找不到能够支持该服务的服务。这种分层标签的东西是我创办Geekmarks的主要动机。另一个重要的事情是我希望书签服务能够非常快速地使用。我不想浏览这些繁重的用户界面，看看所有令人眼花cand

81,092

社区成员

341,716

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章