云笔记系统的设计与实现
佚 名
【摘 要】针对传统手工笔记存在的效率低、易出错、存储内容单一的缺陷,提出使用计算机技术开发一款能够高效、实时、准确的存储笔记的软件.系统使用B/S架构,SpringMVC+MyBatis技术,实现的主要功能包括用户登陆模块、笔记模块、活动模块三大模块.经测试,系统功能均已实现,且界面干净友好,操作简单明了,功能合理,安全性较高.
【期刊名称】《电子设计工程》
【年(卷),期】2019(027)002
【总页数】4页(P34-37)
【关键词】云笔记;Mysql;Ajax;SpringMVC
【正文语种】中 文
【中图分类】TN06
随着计算机技术的发展和互联网的普及，把日常生活中的各种形式的信息存储到云端逐渐开始流行起来，云笔记成为众多网友记录和上传信息的地方[1-3]。无论是用电脑还是手机，只要连接互联网，就可以随时随地的编写和保存信息[4-6]。虽然个人云存储业务在中国刚刚起步，目前云笔记的用户也比较少，专业的云笔记软件比较少，但是作为移动互联网领域的后起之秀，云笔记的应用前景不可限量，市场增长后劲十足[7-10]。随着用户关注度的不断提升，云笔记将成为流行趋势。因此，为了方便用户随时和及时存储信息，本文设计和开发了一款云笔记系统[11-13]。
本系统采用B/S模式，使用SpringMVC+MyBatis等开发技术。该云笔记系统是一款快速便捷的个人网络笔记本，操作界面友好直观，功能齐全合理。学习知识攻略，生活小常识，备忘记事，截图等信息都可以便捷的存入到个人的笔记中，创建属于个人的隐私空间，并且系统中的活动功能可以使用户互相分享自己喜欢的笔记，不同用户之间各取所需。
1 系统设计
1.1 系统总体功能设计
云笔记系统主要为了让人们可以实时的、快速的将所需笔记保存起来，而且图文并茂，便于查看[14-21]。确保用户信息的安全，拥有个人私有空间，笔记命名规范化，对每个环节可能出现的问题要有反馈信息，使用户在使用过程中不存在疑惑。
本系统的用户由用户自己注册申请创建，创建的用户账号密码在传输过程中都对其进行加密，服务端获取后再进行解密操作，保证了用户重要信息的安全性。本系统按系统角不同共分为三大模块，分别是：登录模块、笔记模块以及活动模块。其中活动模块是每个用户的共有功能，功能模块如图1所示。
图1 系统总体功能图
1.2 系统数据库设计
本系统数据库设计共包含7张表，分别是：1）个人信息表：用于存储用户的个人信息；2）笔记表：用于存储用户写的笔记的具体内容；3）笔记本表：用于保存笔记本的相关信息，如笔记本ID、用户ID、笔记ID等；4）活动表：保存活动的相关信息；5）收藏笔记表：保存收藏笔记的信息；6）点赞状态表：保存笔记点按状态信息；7）活动笔记表：保存活动笔记的相关信息。E-R图如图2所示。
图2 系统E-R图
数据库中部分表的结构如下所示：
表1 笔记本表（cn_notebook）字段名称cn_notebook_id cn_user_id cn_notebook_type_id cn_notebook_name cn_notebook_desc cn_notebook_createtime长度100 100 300 100 500 50字段类型Varchar（主键）varchar varchar varchar text timestamp
表2 笔记表（cn_note）字段名称cn_note_id cn_notebook_id cn_user_id cn_note_status_id cn_note_type_id cn_note_title cn_note_body cn_note_create_time字段类型Varchar（主键）varchar varchar varchar varchar varchar text bigint长度100 100 100 100 100 500 0 20
jquery获取下拉框选中值2 系统实现
本系统主要包含3大模块，登录模块、笔记模块和活动模块。
2.1 笔记模块的实现
笔记模块包含了该系统的主要功能：创建笔记本、笔记本重命名、创建笔记、删除笔记、删
除笔记至回收站、移动笔记、回收站笔记、收藏笔记、参加活动笔记和搜索笔记。
1）创建笔记本：用户输入笔记本名称，点击确认按钮时前台通过JS先对其判断是否为空，若不为空则发送ajax请求判断是否存在重名，若存在返回提示信息，若成功则跳转至成功创建的笔记本中。具体流程如图3所示。
图3 创建笔记本流程图
2）笔记本重命名：双击笔记本名即可弹出更名窗口，输入完要更改的名字点击确认更改按钮后会先和数据库比对，该名称是否存在，若存在则会返回相应错误信息显示在窗口上，若不存在则执行update语句进行更名。
3）创建笔记：输入笔记名称点击创建按钮时，会先获取选择创建的笔记本的ID，在cn_note表中创建该笔记，生成唯一笔记ID，并设置cn_notebook_id为获取的笔记本ID，使得查询笔记时按照笔记本ID可准确查出相应笔记。
4）删除笔记本：先判断笔记本中的cn_note_id是否为空，若非空，则说明还有笔记，会返回错误信息，提示需要先清空笔记本，然后才能删除笔记；若为空，则执行delete语句，将c
n_notebook_id为该笔记本ID的数据删除，则成功删除笔记本。
5）删除笔记至回收站：执行update语句将笔记的status更改为2，代表删除状态即可。
6）回收站笔记：先获取当前用户的笔记本列表名称以及笔记本唯一ID，生成option下拉列表，每个option绑定对应的唯一ID，指定恢复笔记本后，将该笔记的cn_notebook_id更新为指定ID，并且更新status为1，代表正常状态；删除笔记则执行delete语句，删除对应id的笔记。回收站笔记的实现流程如图4所示。
图4 回收站笔记流程图
7）移动笔记：先获取当前笔记本list的名称，生成select-option列表选项下拉框，每个option绑定笔记本ID，选中后执行update语句将该笔记的cn_notebook_id更新为选中笔记本ID，之后刷新当前笔记本列表。
8）收藏笔记：从cn_share（收藏数据库表）中查询cn_note_id属于cn_note下该用户id所拥有的cn_note_id内的笔记，将其cn_note_id绑定在界面li上，点击删除后，会执行两个删除语句，从cn_share和cn_note中删除cn_note_id为要删除li绑定的cn_note_id的那条数据。
9）参加活动笔记：因为同一片笔记有可能参加了多个活动，所以查询出来后对其去重复展示。
10）搜索笔记：使用select的like语法在cn_share中模糊查询名称包含关键字的收藏笔记，利用JQuery生成li并绑定笔记id用于查询笔记内容。
2.2 活动模块的实现
活动模块主要包含功能：活动列表、活动详情、操作活动笔记、参与活动等功能。
1）活动列表：查询cn_activity数据库表，利用JQ和JS生成活动列表。
2）操作活动笔记：活动笔记可以点赞或者踩，也可以收藏笔记。点赞和踩的实现是在点击对应按钮之后执行insert语句，在cn_user_up_down表中插入一条数据，该数据保存有对应用户id，活动笔记id，cn_up（赞），cn_dowm（踩），确保每个笔记的状态和用户关联，点击操作之后发送ajax请求局部刷新笔记页面即可看到点赞/踩的数量更新结果；点击收藏按钮后，创建一个收藏笔记的对象，生成新的cn_note_id和cn_share_id，将活动笔记的对应属性赋值给收藏笔记对象，将其insert至cn_share表中，同时在cn_note表中插入一条数据，包
含用户id和上一步生成的cn_note_id，确保收藏笔记的查询。具体流程如图5所示。
图5 操作活动笔记流程图
3）活动详情：根据选择的活动id查询cn_note_activity（活动详情笔记数据库表），生成li的同时发送ajax同步请求，查询cn_user_up_down（点赞状态表）中登录userid对应的状态信息，并更新按钮状态。
4）参与活动：将cn_notebook和cn_note两个表关联查询加载个人笔记本列表以及对应笔记本笔记，生成的笔记本li和笔记li均绑定对应的id，选择确定要参加的笔记后会先根据活动id和选择的笔记id去cn_note_activity中查询是否参加过该活动，若已经参加或则返回对应的错误信息提示，若没有则生成唯一cn_activity_id并将该笔记信息生成activity对象插入cn_note_activity中，完成后将该笔记append至活动笔记列表尾。具体流程如图6所示。
图6 参与活动流程图
3 系统测试
系统开发完成后，在Win7操作系统下，使用浏览器访问该系统，对系统功能进行测试。输入用户名和密码成功登录后，对系统的笔记模块的功能和活动模块功能进行了详细测试，测试结果表明各个模块的功能均已实现，系统运行效果良好。该云笔记系统的开发为云端信息存储的进一步研究和开发提供了一定的参考价值。
4 结束语
为了方便人们随时存储和查看各类日常信息，本文使用了SpringMVC+MyBatis等开发技术设计和实现了云笔记系统。该系统不仅能够帮助人们存储各类信息，如文本，图片，音频、视频等，而且不同用户之间的笔记可以相互分享、点赞等。操作界面友好直观，功能齐全合理，学习知识攻略，生活小常识，备忘记事，截图知识等都可以便捷的存入到个人的笔记中，创建属于个人的隐私空间，并且系统中的活动功能可以使用户互相分享自己喜欢的笔记，不同用户之间各取所需。
【相关文献】
[1]于万波.网站开发与应用案例教程[M].北京:清华大学出版社，2014.
[2]马赫.Dreamweaver MX 2004网页设计经典108例[M].北京:中国青年出版社，2012.
[3]孙卫琴.Tomcat与Java Web开发技术详解[M].北京:电子工业出版社，2014.
[4]温谦.HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社，2014.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。