基于HTML5云笔记设计毕业论文+源码+开题报告

摘要

近些年来，随着经济的发展与科技的进步，互联网已经步入我们的生活，变成了我们生活不可缺少的重要部分。互联网时代的新笔记逐渐成为了一种潮流，它不同于我们所使用的传统的笔记本，是云服务器端的笔记，无论何时何地，只要存在互联网，便可以撰写自己的笔记。

本文阐述了一个较为简单的云端笔记系统的设计与实现过程。存储数据则是使用了MySQL数据库来进行存储。该系统采用了浏览器/服务器的开发模式，浏览器为客户端，采用HTML5 + CSS3 + jQuery + Ajax等技术，构成静态页面；后台服务器则是使用Spring框架整合MyBatis，使用MVC分层思想，分为Model、View、Controller三层来处理业务逻辑。实现了登录模块、笔记本模块、笔记模块、语音录制模块。客户端与服务器则是以post方式，采用Ajax进行交互，从而实现了页面的局部刷新功能。

关键字：云笔记Ajax MyBatis MySQL SpringMVC Java

Abstract

In recent years, with the development of economy and the progress of science and technology, the Internet 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 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 static 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 the server are in post mode, using Ajax to interact, so as to realize the page local refresh function.

Keywords：Ajax MyBatis MySQL SpringMVC Java

摘要I

AbstractII

第1章绪论1

1.1开发背景与现状1

1.2开发本系统意义1

1.3课题研究的主要内容1

第2章核心技术与理论体系2

2.1AxureRP8概述2

2.2DreamweaverCC概述3

2.2.1 Servlet概述3

2.2.2 JSP概述3

2.3环境要求3

2.3.1硬件环境3

2.3.2软件环境4

第3章系统功能模块分析5

3.1系统总体设计5

3.2系统模块设计6

3.2.1登录模块6

3.2.2笔记本模块6

3.2.3笔记模块7

3.2.4语音录制模块7

第4章数据库设计与说明8

4.1数据库的设计8

4.1.1用户基本信息表8

4.1.2笔记本信息表8

4.1.3笔记信息表9

4.1.4收藏信息表10

4.1.5分享笔记信息表10

4.2数据库各个表之间的联系11

第5章界面设计12

5.1登录模块界面设计12

5.1.1登录界面12

5.1.2注册界面12

5.1.3修改密码界面13

5.2主要功能模块13

5.2.1主界面13

5.2.2笔记本界面14

5.2.3笔记界面14

5.2.4语音录制界面15

第6章功能模块实现16

6.1后台服务器的搭建16

6.1.1搭建总述16

6.1.2配置applicationContext.xml文件16

6.2登录模块17

6.2.1用户注册17

6.2.2用户登录19

6.2.3修改密码20

6.2.4退出登录20

6.3笔记本模块20

6.3.1加载笔记本列表20

6.3.2笔记本重命名20

6.3.3新建笔记本21

6.3.4删除笔记本21

6.4笔记模块21

6.4.1加载笔记列表21

6.4.2新建笔记21

6.4.3修改及加载笔记信息22

6.4.4笔记的删除、移动与分享22

6.4.5笔记的收藏22

6.5语音录制模块23

6.5.1播放器功能23

6.5.2上一曲、下一曲的实现23

结论24

致谢25

参考文献26

附录27