毕业论文-基于SpringMVC和Mybatis的云笔记Word文档格式.doc

1、在不以营利为目的的前提下，可以公布非涉密毕业设计（论文）的部分或全部内容。特此声明毕业设计（论文）作者： 指导教师： 年 月 日 年 月 日 北华航天工业学院毕业论文摘 要 近些年来，随着经济的发展与科技的进步，互联网已经步入我们的生活，变成了我们生活不可缺少的重要部分。互联网时代的新笔记逐渐成为了一种潮流，它不同于我们所使用的传统的笔记本，是云服务器端的笔记，无论何时何地，只要存在互联网，便可以撰写自己的笔记。 本文阐述了一个较为简单的云端笔记系统的设计与实现过程。存储数据则是使用了MySQL数据库来进行存储。该系统采用了浏览器/服务器的开发模式，浏览器为客户端，采用HTML5，jsp等技术

2、，构成静态页面；后台服务器则是使用Spring框架整合MyBatis，使用MVC分层思想，分为Model、View、Controller三层来处理业务逻辑。实现了登录模块、笔记本模块、笔记模块、音乐播放器模块。客户端与服务器则是以post方式，采用Ajax进行交互，从而实现了页面的局部刷新功能。关键字：云笔记 Ajax MyBatis MySQL SpringMVC JavaAbstractIn recent years, with the development of economy and the progress of science and technology, the Intern

3、et has entered our life and become an indispensable part of our life.New notes of the age of the Internet has gradually become a trend, it is different in that we use the traditional notebook, notes is the cloud server, whether when and where, as long as the existence of the Internet, they can write

4、 their own notes.This paper describes the design and implementation of a relatively simple cloud notes system.Storage data is stored using the MySQL database.The system uses the browser / server development model, the browser for the client, using HTML5, JSP and other technologies, constitute a stat

5、ic page;Background server is the use of Spring framework to integrate MyBatis, the use of MVC layered thinking, is divided into Model, View, Controller three layer to deal with business logic.The realization of the login module, notebook module, notebook module, music player module.The client and th

6、e server are in post mode, using Ajax to interact, so as to realize the page local refresh function.Key words：Ajax MyBatis MySQL SpringMVC Java目 录摘 要IAbstractII第1章 绪论11.1 开发背景与现状11.2 开发本系统意义11.3 课题研究的主要内容1第2章 核心技术与理论体系22.1 Spring MVC概述22.2 Servlet与JSP32.2.1 Servlet概述32.2.2 JSP概述32.3 环境要求32.3.1 硬件环境3

7、2.3.2 软件环境4第3章 系统功能模块分析53.1 系统总体设计53.2 系统模块设计63.2.1 登录模块63.2.2笔记本模块63.2.3笔记模块73.2.4 音乐播放器模块7第4章 数据库设计与说明84.1 数据库的设计84.1.1 用户基本信息表84.1.2 笔记本信息表84.1.3 笔记信息表94.1.4 收藏信息表104.1.5分享笔记信息表104.2 数据库各个表之间的联系11第5章 界面设计125.1 登录模块界面设计125.1.1 登录界面125.1.2 注册界面125.1.3 修改密码界面135.2 主要功能模块135.2.1 主界面135.2.2 笔记本界面145.2

8、.3 笔记界面145.2.4 音乐播放器界面15第6章 功能模块实现166.1 后台服务器的搭建166.1.1 搭建总述166.1.2 配置applicationContext.xml文件166.2 登录模块176.2.1 用户注册176.2.2 用户登录196.2.3 修改密码206.2.4 退出登录206.3 笔记本模块206.3.1 加载笔记本列表206.3.2 笔记本重命名206.3.3 新建笔记本216.3.4 删除笔记本216.4 笔记模块216.4.1 加载笔记列表216.4.2 新建笔记216.4.3 修改及加载笔记信息226.4.4 笔记的删除、移动与分享226.4.5 笔记

9、的收藏226.5 音乐播放器模块236.5.1 播放器功能236.5.2 上一曲、下一曲的实现23结 论24致 谢25参考文献26附 录27第1章 绪论1.1 开发背景与现状现代互联网飞速发展，互联网已经融入人们的生活，人们学习新知识的方式也多种多样，在线学习也应运而生，譬如网易云课堂、新东方在线、腾讯课堂等。为了使网络学习的人能更方便的记录笔记，跟随老师的思路，随时随地查询笔记，云笔记诞生。所谓云笔记，就是把个人所写的资料、笔记等存储在运营商的服务器的云端，可以通过手机、电脑同服务器打交道，从而得到自己记录的资料。其优点在于用户可以随时随地记录、分享、收藏笔记。就目前的现状来看，云笔记市场用

10、户群体较小，基本没有行业的竞争，全国云笔记的商业也不过10家，普遍用于教育行业。但是由于互联网发展迅速，今后的工作、生活、学习基本都要和互联网打交道，一旦培养出用户的使用习惯，其用户依赖度也能够转化成较强的变现能力，在国内有一大部分网民已经开始熟练地使用云笔记，其发展的前景相当可观了。虽然起初云笔记仅仅用于在线学习的人群来记录笔记，但是不远的未来云笔记必将大众化，成为我们日常生活不可或缺的一部分。1.2 开发本系统意义云笔记作为一款简单快速的个人记事备忘工具，操作界面简洁高效。会议记录、日程安排、生活备忘、奇思妙想、快乐趣事以及任何突发灵感都可快速记录到云笔记，还支持添加图片、超链接作为笔记附

11、件以及音乐的欣赏。作为一个互联网产品，云笔记必将在人们未来的生活中起到很大的作用，为人们的生活增添一丝的色彩。1.3 课题研究的主要内容完成一个云笔记系统，包括登录模块、笔记本模块、笔记模块、音乐播放器模块。不同的用户通过注册，有自己的一个独立账户，根据这个独立账户进行登录，管理员也通过不同用户的ID区分每一个用户。登录成功的用户进入到主界面，主界面包括笔记本模块、笔记模块和音乐播放器模块，用户可以新建、删除、重命名笔记和笔记本；用户还可以移动、分享、编辑笔记；闲暇之余还可以听一下由我们系统随机分配的音乐，以供消遣。第2章 核心技术与理论体系2.1 Spring MVC概述Spring MVC

12、是Spring Frame Work的后续产品，已经融合了Spring Web Flow。Spring MVC框架几乎提供了构建Web应用程序的全部功能。使用Spring可插入MVC架构，因此在使用Spring进行WEB项目进行开发时，可选择使用Spring的Spring MVC框架或集成其他MVC开发框架，像MyBatis，Struts2等。Spring MVC框架是一个较为典型的MVC框架，其中“M”指的是model，及模型；“V”view，即视图；“C”Controller，即控制器。通过实现视图-模型-控制器的模式来更好地将业务、展现与数据进行分离。从这样一个方面来说，Spring M

13、VC与Struts、Struts2非常类似。其中Spring MVC的设计就是围绕Dispatcher Servlet而展开的，Dispatcher Servlet负责将发来的请求派到特定的handler，即处理器。通过可配置的handler-mappings、view resolution、locale以及theme-resolution来处理相应的请求并且转到对应的视图。如图2-1所示。图2-1 Spring MVC运行流程2.2 Servlet与JSP2.2.1 Servlet概述Servlet原本是由sun公司开发提供的一门主要用于开发动态web项目的技术。用户要想开发一个动态的web

14、项目，必须导入由sun公司提供的jar包（该jar包中提供了一个Servlet接口）并完成以下两个步骤：1.编写的java类实现Servlet接口。2.把该类部署到web服务器当中，如tomcat。我们把实现了Servlet接口的java程序称为简称为Servlet。2.2.2 Servlet运行过程Servlet程序一般是由web服务器调用的，像上述我们所说的tomcat，如果web服务器接收到来自客户端的Servlet的访问请求，首先会核对是否已经创建并装载了该Servlet的实例对象。如果没有装载，就会创建并装载该Servlet的实例对象，然后调用该对象的初始化init（）方法；如果装载

15、了，则web服务器会创建一个用于封装HTTP请求消息对象HttpServletRequest和一个响应对象HttpServletResponse，然后接着服务器会将上述请求与响应对象作为参数传递到Servlet的service（）方法当中。最后，当web应用程序停止或重启时，在那之前Servlet引擎将调用Servlet的destroy（）方法销毁Servlet，然后将Servlet卸载。2.2.2 JSP概述JSP全称Java Server Page，主要是由是由sun公司和其他公司共同创建并使用的动态网页开发标准。JSP可以使Java代码和特定的动作指令嵌入到静态页面当中。页面中加入Jav

16、a代码的格式为，其中嵌入在HTML标签中的Java代码被称为JSP，该Java代码则会被JSP编译器编译成Java Servlet，然后按照Servlet的执行顺序进行执行。2.3 环境要求2.3.1 硬件环境4G及以上内存、酷睿i3及以上处理器、硬盘20G及以上容量。2.3.2 软件环境客户端：FireFox浏览器（其他支持HTML5的浏览器也可以）。服务器：MyEclipse8.5版本以上、MySQL数据库、Tomcat6.0。第3章 系统功能模块分析3.1 系统总体设计由于是互联网项目，所以需要将云笔记系统做成两个版本-局域网版和互联网版。局域网版就是当其他计算机与本机处于同一局域网就可

17、以访问云笔记系统，比如路由器、WiFi等；互联网版就是只要本机服务器开启后，所有能够上网的计算机都可以访问云笔记系统。那时候的“云笔记”才能够称作真正的云笔记。系统软件主要分为两大部分：服务器端与客户端。其中客户端由浏览器充当，提供用户使用的全部模块，包括用户的登录、注册、修改密码、退出登录、回收站；笔记本和笔记的创建、重命名、删除；其中笔记还包括移动、分享、查找、收藏分享功能；简易的音乐播放器播放音乐等功能细节。如图3-1所示。图3-1云笔记层次结构图3.2 系统模块设计3.2.1 登录模块所谓登录模块，就是完成不同用户个人信息的分离，不同用户都有自己的私人空间，其他用户不能干涉。登录模块应

18、分为登录、注册、修改密码、退出登录四个部分。登录时，当用户未输入用户名或密码的任意一项时，系统进行拦截，并提示用户名、密码不能为空；当用户输入错误的用户名时，系统进行拦截并提示用户名错误；当用户输入正确的用户名，但密码错误时，系统进行拦截并提示密码错误，此时用户名错误的提示信息消失；只有当用户名密码全部正确时，可进入系统。当新用户首次访问我们的网站时，可在主页点击注册按钮进入注册界面。注册界面包括用户名、昵称、密码、确认密码四个选项。其中用户名是用户登录时所使用的关键字，不可重复；昵称是用户的个性名字，当用户分享笔记时，用户的昵称会显示在分享标题的前端，可重复；密码则是用户的登录密码，可重复。

19、当用户点击注册时，若有任何一项没有输入的话，都会提示该项不能为空；若输入的用户名在数据库中已存在，则提示用户名已存在；若密码输入的小于6位或大于20位，则提示密码应在6-20位之间；若用户两次输入的密码不一致，则提示用户两次输入的密码不一致，请重新输入；只有当用户名为全新的用户名，昵称不为空，两次密码输入一致且输入的位数在6-20位之间时方能注册成功。当注册成功时，自动转到登录界面。另外，注册界面进入时输入框有提示，当用户光标切入时，提示信息自动消除。修改密码的页面则包括原密码、新密码和确认密码三个选项。原密码就是该用户登录时所输入的密码，该选项输入不正确无法修改密码；新密码和确认密码则类似于

20、注册页面的密码和密码确认的规则，这里就不再多说，空字符串检测同样也存在。退出登录是一个按钮，当用户点击“退出登录”时，则页面由主页面转到登录界面，完成退出登录。此处强调一点，退出登录具有保护功能，当我们知道主页面的网址直接访问时，未登录的用户则会连接到登录界面，无法访问主页面；已登录未退出登录的用户则能够直接连接到该用户的主页面。3.2.2笔记本模块笔记本就是用来存储笔记目录的一个“容器”。它包括笔记本的创建、重命名、删除功能，笔记本默认按创建时间排序。创建笔记本就是字面上的意思，用户可以创建一个或多个笔记本，笔记本名字可以重复，但不能为空。重命名笔记本就是将选中的笔记本重新命名，但不能重命名

21、为空，原本在该笔记本目录下的笔记仍然在该笔记本下。删除笔记本就是将该笔记本删除，同时删除该笔记本下面的所有笔记。3.2.3笔记模块笔记是存在于笔记本之下的一个目录，是真正存储笔记的实体，它包括创建、修改、重命名、删除、移动、分享、收藏功能，笔记默认按创建时间排序。笔记的创建和重命名类似于笔记的创建，这里不再细讲。笔记的修改则是修改笔记本身的内容，例如加几句话、删除几句话、加点图片、超链接等等。笔记的删除则是包括硬删除和软删除，硬删除是直接将笔记删除，软删除就将笔记放入回收站，当用户误删了笔记时，可以在回收站找到并恢复笔记。回复时可以选择默认笔记本或者其他笔记本，方便用户。笔记的移动就是将当前笔

22、记移动到任何一个你想要移动的位置。笔记的分享就是将自己喜欢的笔记分享到平台，供所有用户一起欣赏，用户可以通过关键字搜索各种用户分享的笔记，也可以不输入关键字，直接搜索，则搜索出来的笔记是所有用户分享的笔记，分享笔记的标题前都会有分享用户的昵称。笔记的收藏就是用户认为比较好的分享的笔记收藏起来，放在用户自己的收藏夹里，可供用户随时查阅。3.2.4 音乐播放器模块音乐播放器模块就是由系统提供几首歌，用户可以进行歌曲之间的切换，如上一曲、下一曲、暂停、音量大小的调节、静音、调节歌曲播放的进度功能。第4章 数据库设计与说明4.1 数据库的设计本系统采用的是MySQL-5.5版本的数据库，编码默认为ut

23、f-8，分为5个表，分别为用户基本信息表（cn_user）、笔记本信息表（cn_notebook）、笔记信息表（cn_note）、收藏信息表（cn_collect）和分享笔记信息表（cn_share），数据库设计具体如下：4.1.1 用户基本信息表 存储用户信息的表为cn_user表，其中cn_user_id是用户的ID，用于区分用户的唯一主键；cn_user_name存储用户注册时的用户名，用户登录的唯一标识，不可重复且不能为空；cn_user_password存储用户密码，该密码为了保护用户隐私所以进行了加密；cn_user_pwd同样存储的也是用户密码，该密码未加密，方便管理员获取用户数

24、据，若以后真正成为线上产品，该字段将被删除；cn_user_token为用户的标志位，标注用户等级；cn_user_desc为用户昵称，方便用户个性化，该用户昵称将随着用户分享笔记操作一起分享出去。如表4-1所示。表4-1用户基本信息表（cn_user）字段名数据类型长度允许空值主外键关系描述cn_user_idvarchar100否主键用户IDcn_user_name用户名cn_user_password加密后的密码cn_user_pwd未加密的密码cn_user_token是标志位cn_user_desctext用户昵称4.1.2 笔记本信息表 存储笔记本信息的表为cn_notebook表

25、，其中主键为cn_notebook_id，用户区分每一个笔记本；cn_user_id是用户ID，通过用户ID区分不同的笔记本应该属于哪一个用户，使笔记私有化；cn_notebook_type_id是笔记被类型的ID，该字段用于标志笔记本的类型；cn_notebook_name是笔记本的名字，即用户创建笔记本时所输入的字符串，不能为空；cn_notebook_desc为笔记本的描述信息，描述笔记本的作用；cn_notebook_createtime字段是笔记本的创建时间，不能为空。如表4-2所示。表4-2笔记本信息表（cn_notebook）cn_notebook_id笔记本ID外键cn_not

26、ebook_type_id笔记本类型IDcn_notebook_name500笔记本名字cn_notebook_desc笔记本描述cn_notebook_createtimetimestamp笔记本创建时间4.1.3 笔记信息表 存储笔记信息的表为cn_note表，其中主键为cn_note_id，用户区分唯一的笔记信息；cn_note_id是该笔记所在笔记本的ID，用于区分笔记的所属关系；cn_user_id是该笔记的用户ID；cn_note_status_id是笔记本状态的ID，备用；cn_note_type_id是笔记本类型ID，同样也是备用字段；cn_note_title是笔记的标题，用

27、于存储用户所创建的笔记标题；cn_note_body是笔记内容字段，用于存储用户所记录的笔记内容，该字段是最为核心的字段；cn_note_create_time字段是笔记创建的时间字段，用于存储用户创建笔记的初试时间；cn_note_last_modify_time字段是用于存储用户最后一次修改笔记的时间，该字段方便笔记列表进行排序。如表4-3所示。表4-3笔记信息表（cn_note）cn_note_id笔记IDcn_note_status_id笔记本状态IDcn_note_type_idcn_note_title笔记标题cn_note_bodylongtext笔记内容cn_note_create_timebigint20笔记创建时间cn_note_last_modify_time