【JavaWeb开发项目入门】基于servlet的在线音乐服务器

目录

一，前言

二、核心功能

三、重要知识点

四、项目架构

五、数据库的设计

六、服务器API设计

1，关于 Json

2，登录

3，上传音乐

4，删除某个音乐信息

5，删除选中的音乐信息

6，查询音乐(包含查找指定/模糊匹配的音乐)

7，添加音乐到“喜欢列表”

8，查询喜欢的音乐(包含查找指定/模糊匹配的音乐)

9，移除喜欢的某个音乐

10、MV播放页面

七、代码与部分模块详解

1，MySQL数据库连接idea与部分代码

2，创建项目注意问题

八、完整的代码和资源

---

一，前言

此项目是最基础的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 模板中心http://tpl.amazeui.org/

八、完整的代码和资源

我把完整的代码的资源上传到了我的仓库项目里面，想要下载练习的可以去查找

yao (kao-yaoxiong) - Gitee.com