目录
一，前言
此项目是最基础的JavaWeb开发项目，基于servlet+maven+css+JavaScript+html+Mysql实现，对于刚接触JavaWeb开发的小白来说比较友好，如果你对于Mysql和servlet非常熟悉，那么对于你来说应该是算比较容易。后续我会在此专栏更新基于spring的JavaWeb项目，希望读者可以关注我一起学习Web开发。项目比较基础，不喜轻喷！
二、核心功能
1. 登录、注册
2. 上传音乐
3. 删除某一个音乐信息
4. 删除选中的音乐信息
5. 查询音乐(包含查找指定/模糊匹配的音乐)
6. 添加音乐到“喜欢列表”。
7. 查询喜欢的音乐(包含查找指定/模糊匹配的音乐)
8.使用HTML模板简单设计MV等页面
三、重要知识点
1.简单的Web服务器设计能力
2. Java 操作 MySQL 数据库
3. 数据库设计
4. json 的使用
5. 强化 HTTP 协议的理解
6. Servlet 的使用
7. Java集合的使用
8. 前端知识的简单使用如：HTML+CSS+JS
四、项目架构
五、数据库的设计
music
| id | title | signer | time | url | userid |
lovermusic
| id | user_id | music_id |
user
| id | username | pssword | age | grnder | emali |
六、服务器API设计
1，关于 Json
Json 是一种常见是数据格式组织方式. 源于 JavaScript, 是一种键值对风格的数据格式. 在Java中 我们可以采用 Jackson库中的ObjectMapper类来完成 Json 的解析和构造。
2，登录
请求： POST /loginServlet data：{username,password}
响应： {msg: true}
3，上传音乐
请求1：上传音乐到服务器目录 POST /upload
请求2：将音乐信息同步插入到数据库当中 POST /uploadsucess
4，删除某个音乐信息
请求： POST /deleteServlet data: {"id": id}
响应： {msg: true}
5，删除选中的音乐信息
请求： POST /deleteSelMusicServlet data:{"id":id}
响应： {msg: true}
6，查询音乐(包含查找指定/模糊匹配的音乐)
请求： POST /findLoveMusic data:{musicName:musicName}
7，添加音乐到“喜欢列表”
请求： POST /loveMusicServlet data: {"id": obj}
响应： {msg: true}
8，查询喜欢的音乐(包含查找指定/模糊匹配的音乐)
请求： POST /findLoveMusic data:{musicName:musicName}
9，移除喜欢的某个音乐
请求： POST /removeLoveServlet data: {"id": obj}
10、MV播放页面
七、代码与部分模块详解
1，MySQL数据库连接idea与部分代码
我的idea是专业版，所以自带这个Database，部分读者如果是社区版可以下载一个插件，连接到数据库方便我们直接在idea查看数据的变换。至于如何下载插件以及连接到数据库网上自行搜索，我这里就不赘述了。
在没有部署到服务器（如何将Servle部署到服务器上请读者自行查找）之前，我们会在本地测试代码，这里的密码应该是本地的代码，当我们打war包要部署到服务器的时候，要注意你服务器上的数据库密码是否设置，没设置这里就要更改为空，有设置密码就需要改为服务器上面的密码，我服务器没设置密码，所以我这里打war包就没写我本地MySQL的密码。
2，创建项目注意问题
1）创建时尽量用标准的maven来建项目，webapp在main目录下且带有一个蓝点，自己项目没有蓝点会导致自己的静态资源访问不到出现404，如何添加小蓝点自行搜索。
2）配置smart tomcat的context path问题，我是专业版idea，配置context path界面如下，社区版下载好插件进去配置也是一样的道理。注意我们访问的url，如果这里是/，那我们在设置HTML中的跳转时，只需要写HTML文件即可，因为后面我要部署到服务器上面，这里我用的/onlineMusic，因为在服务器部署与本地部署不同，服务器访问的url中的context path的是war的名字，我的war包就叫onlineMusic.
3)上传文件的路径问题，图下的是我要上传到服务器的代码，因为此项目存在一个上传文件的步骤，我在服务器上面的路径肯定是webapp目录下的music，在本地的话就要需要改为你music本地目录，不该的话服务器上传的代码路径会找不到。
4）关于前端代码的问题，大部分同学可能也和我一样，如果从事后端开发，对于前端可能是只是了解和写一些简单的HTML代码，我这里推荐一些模板网站，供大家参考，都是免费下载。
做网站，就上凡科建站 (fkw.com)https://ajz.fkw.com/pro11.html?_ta=150&kw=145
Amaze UI 模板中心
八、完整的代码和资源
我把完整的代码的资源上传到了我的仓库项目里面，想要下载练习的可以去查找